/*** RESET ***/
html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
font,
form,
img,
tt,
dl,
dt,
dd,
ol,
ul,
li,
table,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

:focus {
    outline: 0;
}

ol,
ul {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a img {
    border: none;
}

html {
    overflow-y: scroll;
}

img {
    max-width: 100%;
    height: auto;
}

/**************************************
        START / GENERAL styles
***************************************/

html,
body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
}

p {
    margin-bottom: 15px;
}

p>span {
    color: #999;
}

a {
    text-decoration: none;
}

/* Focus disable dotted box on focus */
a:focus,
button:focus,
.btn:focus,
.btn:active,
.form-control:focus,
.form-check-input:focus,
.form-select:focus {
    outline: none !important;
    box-shadow: none !important;
}

a,
a.unread {
    text-decoration: none;
    color: #337ab7;
    margin: 0;
}

a:hover {
    text-decoration: underline;
}

a:visited,
a:visited:hover,
a:visited:focus {
    color: #551A8B;
}

.form-control {
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    position: relative;
    margin-bottom: 12px;
    color: #495863;
}

h1 {
    font-size: 23px;
    font-weight: bold;
    line-height: 24px;
}

h2 {
    font-size: 21px;
    line-height: 22px;
}

h3 {
    font-size: 19px;
    line-height: 20px;
}

h4,
h5,
h6 {
    font-size: 16px;
    line-height: 18px;
}

:focus::-webkit-input-placeholder {
    color: #ccc;
}

:focus::-moz-placeholder {
    color: #ccc;
}

:focus:-moz-placeholder {
    color: #ccc;
}

:focus:-ms-input-placeholder {
    color: #ccc;
}

label {
    font-size: 13px;
}

.accordion-actions label {
    font-size: 13px;
}

.holder_content_separator {
    margin-bottom: 15px;
}

.lemon_green {
    color: #abc100;
}

.orange_txt {
    color: #f80;
}

.border_right {
    border-right: 1px solid #e5e5e5;
}

.line_through {
    text-decoration: line-through;
}

.text_indent_1 {
    text-indent: 1px;
}

.hr_mid {
    border-top: 1px solid #ccc;
}

.hr_dark {
    border-top: 1px solid #333;
}

.visibility-hidden {
    visibility: hidden;
    opacity: 0;
}

/******* START / BUTTONS ********/
.btn {
    font-weight: bold;
}

.btn.btn-link {
    font-weight: normal;
}

.btn.btn-lg {
    font-size: 16px;
    padding: 8px 35px;
}

.btn:visited,
a.label:visited,
.category_menu a:visited {
    color: #fff;
}

.btn-link:visited,
.modal-content a:visited {
    color: #337ab7;
}

a.btn-default:visited {
    color: #333;
}

.btn-xs {
    padding: 1px 5px 2px;
}

.btn-success {
    background-color: #75c10a;
    border-color: #75c10a;
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus {
    background-color: #62a800;
    border-color: #75c10a;
}

.btn-gray {
    background-color: #f4f4f4;
    color: #333;
}

.reg_btn,
.btn-warning {
    background-color: #f80;
    border-color: #f80;
}

.help_btn {
    background-color: rgb(54, 193, 212);
    border-color: rgb(54, 193, 212);
}

.help_btn:hover {
    background-color: #29AFC2 !important;
    border-color: #29AFC2 !important;
}

.reg_btn:hover,
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus {
    background-color: #f60;
    border-color: #f80;
}

.btn-purple {
    background-color: #4e0e7c;
    color: #fff;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.btn-purple:hover {
    opacity: 0.8;
    color: #fff;
}

.btn-purple:focus {
    color: #fff;
}

.btn-blue {
    background-color: #09f;
    color: #fff;
    border: 0 none;
    padding-top: 0;
    padding-bottom: 0;
    height: 34px;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.btn-blue:hover {
    opacity: 0.8;
    color: #fff;
}

.btn-blue:focus {
    color: #fff;
}

.btn-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0 none;
    height: 2.25rem;
    padding: 0 2rem;
    -webkit-border-radius: 1.563rem;
    -moz-border-radius: 1.563rem;
    border-radius: 1.563rem;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.btn-pill-30 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0 none;
    height: 1.875rem;
    padding: 0 1.5rem;
    -webkit-border-radius: 1.563rem;
    -moz-border-radius: 1.563rem;
    border-radius: 1.563rem;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.btn-pill-50 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0 none;
    height: 3rem;
    padding: 0 1.5rem;
    -webkit-border-radius: 1.563rem;
    -moz-border-radius: 1.563rem;
    border-radius: 1.563rem;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.btn-pill.orange,
.btn-pill.orange:hover,
.btn-pill.orange:focus,
.btn-pill-30.orange,
.btn-pill-30.orange:hover,
.btn-pill-30.orange:focus,
.btn-pill-50.orange,
.btn-pill-50.orange:hover,
.btn-pill-50.orange:focus {
    background-color: #f80;
    color: #fff;
}

.btn-pill.blue,
.btn-pill.blue:hover,
.btn-pill.blue:focus,
.btn-pill-30.blue,
.btn-pill-30.blue:hover,
.btn-pill-30.blue:focus,
.btn-pill-50.blue,
.btn-pill-50.blue:hover,
.btn-pill-50.blue:focus {
    background-color: #09f;
    color: #fff;
}

.btn-pill.green,
.btn-pill.green:hover,
.btn-pill.green:focus,
.btn-pill-30.green,
.btn-pill-30.green:hover,
.btn-pill-30.green:focus,
.btn-pill-50.green,
.btn-pill-50.green:hover,
.btn-pill-50.green:focus {
    background-color: #75c10a;
    color: #fff;
}

.btn-pill.violet,
.btn-pill.violet:hover,
.btn-pill.violet:focus,
.btn-pill-30.violet,
.btn-pill-30.violet:hover,
.btn-pill-30.violet:focus,
.btn-pill-50.violet,
.btn-pill-50.violet:hover,
.btn-pill-50.violet:focus {
    background-color: #800994;
    color: #fff;
}

.btn-pill.red,
.btn-pill.red:hover,
.btn-pill.red:focus,
.btn-pill-30.red,
.btn-pill-30.red:hover,
.btn-pill-30.red:focus,
.btn-pill-50.red,
.btn-pill-50.red:hover,
.btn-pill-50.red:focus {
    background-color: #E32F17;
    color: #fff;
}

.btn-pill.gray,
.btn-pill.gray:hover,
.btn-pill.gray:focus,
.btn-pill-30.gray,
.btn-pill-30.gray:hover,
.btn-pill-30.gray:focus,
.btn-pill-50.gray,
.btn-pill-50.gray:hover,
.btn-pill-50.gray:focus {
    background-color: #f4f4f4;
    color: #333;
}

.btn-pill:hover,
.btn-pill-30:hover,
.btn-pill-50:hover {
    opacity: 0.8;
}

.btn-pill:active,
.btn-pill.active,
.btn-pill-30:active,
.btn-pill-30.active,
.btn-pill-50:active,
.btn-pill-50.active {
    box-shadow: none;
}

/* Dopuna racuna */
.payment-section {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 0;
    margin: 0 0 20px 0;
}

.payment-section .payment-box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.payment-section .payment-box p {
    position: absolute;
    top: -23px;
    margin: 0;
    min-width: max-content;
}

.payment-section .payment-box p {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.payment-section span {
    margin-right: 0.625rem;
}

.payment-section .payment-box:not(:last-child) {
    margin-right: 0.625rem;
}

.payment-section .btn {
    width: 9rem;
}

.payment-section .btn:not(:last-child) {
    margin-right: 0.625rem;
}

.breadcrumb .listanje-predmeta {
    font-size: 21px;
    margin-left: 10px;
}

@media (max-width: 1191px) {
    .payment-section {
        flex-wrap: wrap;
    }

    .payment-section span {
        display: block;
        width: 100%;
        margin-bottom: 0.625rem;
    }

    .payment-section .btn {
        margin-bottom: 0.625rem;
    }

    .payment-section .btn {
        width: 8rem;
    }

    .payment-section .payment-box:not(:last-child) {
        margin-right: 0;
    }

    .payment-section .payment-box {
        width: 100%;
    }

    .payment-section .payment-box p {
        position: relative;
        display: block;
        width: 100%;
        margin-bottom: 0.313rem;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.payment-slip-modal .payment-slip-holder {
    position: relative;
    display: block;
    width: 100%;
}

.payment-slip-modal .payment-slip-holder .field {
    position: absolute;
    font-size: 12px;
    font-weight: 500;
}

.payment-slip-modal .payment-slip-holder .field.uplatilac {
    top: 30px;
    left: 20px;
}

.payment-slip-modal .payment-slip-holder .field.svrha-uplate {
    top: 115px;
    left: 20px;
}

.payment-slip-modal .payment-slip-holder .field.primalac {
    top: 168px;
    left: 20px;
}

.payment-slip-modal .payment-slip-holder .field.valuta {
    top: 39px;
    left: 395px;
}

.payment-slip-modal .payment-slip-holder .field.racun-primaoca {
    top: 80px;
    left: 395px;
}

.payment-slip-modal .payment-slip-holder .field.poziv-na-broj {
    top: 122px;
    left: 395px;
}

@media (max-width: 767px) {
    .payment-slip-modal .payment-slip-holder .field {
        font-size: 8px;
        line-height: 1.2;
    }

    .payment-slip-modal .payment-slip-holder .field.uplatilac {
        top: 16px;
        left: 12px;
    }

    .payment-slip-modal .payment-slip-holder .field.svrha-uplate {
        top: 65px;
        left: 12px;
    }

    .payment-slip-modal .payment-slip-holder .field.primalac {
        top: 92px;
        left: 12px;
    }

    .payment-slip-modal .payment-slip-holder .field.valuta {
        top: 22px;
        left: 220px;
    }

    .payment-slip-modal .payment-slip-holder .field.racun-primaoca {
        top: 46px;
        left: 220px;
    }

    .payment-slip-modal .payment-slip-holder .field.poziv-na-broj {
        top: 68px;
        left: 220px;
    }
}

@media (max-width: 400px) {
    .payment-slip-modal .payment-slip-holder .field {
        font-size: 7px;
    }

    .payment-slip-modal .payment-slip-holder .field.uplatilac {
        top: 13px;
        left: 10px;
    }

    .payment-slip-modal .payment-slip-holder .field.svrha-uplate {
        top: 52px;
        left: 10px;
    }

    .payment-slip-modal .payment-slip-holder .field.primalac {
        top: 75px;
        left: 10px;
    }

    .payment-slip-modal .payment-slip-holder .field.valuta {
        top: 18px;
        left: 180px;
    }

    .payment-slip-modal .payment-slip-holder .field.racun-primaoca {
        top: 37px;
        left: 180px;
    }

    .payment-slip-modal .payment-slip-holder .field.poziv-na-broj {
        top: 56px;
        left: 180px;
    }
}

@media (max-width: 340px) {
    .payment-slip-modal .payment-slip-holder .field.uplatilac {
        top: 12px;
        left: 10px;
    }

    .payment-slip-modal .payment-slip-holder .field.svrha-uplate {
        top: 49px;
        left: 10px;
    }

    .payment-slip-modal .payment-slip-holder .field.primalac {
        top: 70px;
        left: 10px;
    }

    .payment-slip-modal .payment-slip-holder .field.valuta {
        top: 17px;
        left: 167px;
    }

    .payment-slip-modal .payment-slip-holder .field.racun-primaoca {
        top: 34px;
        left: 167px;
    }

    .payment-slip-modal .payment-slip-holder .field.poziv-na-broj {
        top: 52px;
        left: 167px;
    }
}

/******* START / PANNELS ********/
.panel_kupindo.panel {
    border: 0 none;
    box-shadow: none;
    background-color: transparent;
}

.panel_kupindo .panel-heading {
    border: 0 none;
    border-radius: 4px;
    height: 40px;
}

.panel_kupindo .panel-heading h2,
.panel_kupindo .panel-heading h3,
.panel_kupindo .panel-heading h4 {
    color: #f60;
    font-size: 15px;
    text-transform: uppercase;
}

.panel_kupindo .panel-heading h2>span,
.panel_kupindo .panel-heading h3>span,
.panel_kupindo .panel-heading h4>span {
    text-transform: none;
    line-height: 16px;
}

.input-group .form-control:focus {
    z-index: 1;
}

/******* START / MODALS ********/
.modal-backdrop {
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    background-color: rgba(0, 0, 0, 0.15);
}

.modal-backdrop.in {
    opacity: 1;
}

#modalKreditPlus .modal-dialog {
    width: 490px;
}

#modalKreditPlus .modal-content {
    background: #d8b7ff none repeat scroll 0 0;
    border: 7px solid rgba(0, 0, 0, 0.3);
    border-radius: 25px;
}

.modal-title {
    color: rgba(0, 0, 0, 0.8);
}

button.close {
    position: relative;
    z-index: 9;
}

.modal-body p {
    font-size: 14px;
}

.modal-body {
    padding-bottom: 0;
}

.modal-header {
    border-bottom: 1px solid rgba(0, 0, 0, .3);
}

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

#modalNGcestitka .modal-dialog {
    width: 830px;
}

#modalNGcestitka button.close {
    position: absolute;
    right: 20px;
    font-size: 35px;
    line-height: 25px;
    opacity: 0.4;
}

#modalNGcestitka .modal-body {
    padding: 15px;
}

/* Custom modal */
.modal.custom-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
}

.modal.custom-modal.in .modal-dialog {
    transform: none;
}

.modal.custom-modal.fade:not(.in) {
    opacity: 0;
    visibility: hidden;
}

.modal.custom-modal.fade:not(.in) .modal-dialog {
    display: none;
}

.modal.custom-modal .modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none;
}

.modal.custom-modal.fade .modal-dialog {
    width: 500px;
    transition: transform .3s ease-out;
}

.modal.custom-modal.custom-lg.fade .modal-dialog {
    width: 650px;
    max-width: 650px;
}

@media (min-width: 576px) {
    .modal.custom-modal .modal-dialog-centered {
        min-height: calc(100% - 3.5rem);
    }

    .modal.custom-modal .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
    }
}

@media (min-width:1192px) {
    .modal.custom-modal.custom-xl.fade .modal-dialog {
        width: 960px;
        max-width: 960px;
    }
}

@media (max-width: 767px) {
    .modal.custom-modal.custom-lg.fade.payment-slip-modal .modal-dialog {
        width: 380px;
        max-width: 380px;
    }

    .modal.custom-modal.fade .modal-dialog {
        width: auto;
        max-width: 500px;
    }

    .modal.custom-modal.fade.custom-xl .modal-dialog {
        width: auto;
        max-width: 500px;
    }

    .modal.custom-modal.fade.custom-lg .modal-dialog {
        width: auto;
        max-width: 500px;
    }
}

@media (max-width: 576px) {
    .modal.custom-modal.custom-lg.fade.payment-slip-modal .modal-dialog {
        width: 380px;
        max-width: 380px;
    }
}

@media (max-width: 400px) {
    .modal.custom-modal.custom-lg.fade.payment-slip-modal .modal-dialog {
        width: 320px;
        max-width: 320px;
    }
}

@media (max-width: 340px) {
    .modal.custom-modal.custom-lg.fade.payment-slip-modal .modal-dialog {
        width: 300px;
        max-width: 300px;
    }
}

.modal.custom-modal.modal-dialog-centered {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100% - 1rem);
}

.modal.custom-modal .modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .3rem;
    outline: 0;
    border: 0 none;
    pointer-events: auto;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.modal.custom-modal .modal-header {
    position: relative;
    justify-content: flex-start;
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    background-color: #f4f4f4;
    border-bottom: 0 none;
    padding: 1.25rem 4rem 1.25rem 1.25rem;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
}

.modal.custom-modal .modal-header .modal-title {
    font-weight: 600;
    font-size: 1.25rem;
}

.modal.custom-modal .modal-header .btn-close {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    padding: 0;
    width: 2.125rem;
    height: 2.125rem;
    background-image: none;
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.modal.custom-modal.buyer-info-modal .modal-header .btn-close {
    top: 1.25rem;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

.modal.custom-modal.buyer-info-modal .modal-header .buyer-info p {
    margin-bottom: 0;
}

.modal.custom-modal.buyer-info-modal .modal-header .buyer-info p.text-light {
    color: #92929F;
    font-size: 13px;
}

.modal.custom-modal.buyer-info-modal .modal-header .modal-title {
    margin-bottom: 5px;
    width: 100%;
}

.modal.custom-modal.buyer-info-modal .modal-body-title {
    margin-bottom: 10px;
}

.modal.custom-modal.buyer-info-modal .modal-body-title p {
    margin-bottom: 0;
}

.modal.custom-modal.buyer-info-modal .modal-body-title p:first-child {
    margin-bottom: 5px;
}

.modal.custom-modal.buyer-info-modal .modal-body-title .item-title {
    font-size: 16px;
}

.modal.custom-modal.buyer-info-modal .modal-body-title .item-id {
    color: #92929F;
    font-size: 13px;
}

.modal.custom-modal.buyer-info-modal .modal-body .buyer-data .data-col {
    margin-bottom: 30px;
}

.modal.custom-modal.buyer-info-modal .modal-body .buyer-data .data-col h5 {
    background-color: #a38abb;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    padding: 10px 15px;
    margin-bottom: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal.custom-modal.buyer-info-modal .modal-body .buyer-data .data-col:last-child h5 {
    background-color: #09f;
}

.modal.custom-modal.buyer-info-modal .modal-body .buyer-data .data-col .data-content {
    background-color: #f4f4f4;
    color: #333;
    padding: 10px 15px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.modal.custom-modal.buyer-info-modal .modal-body .buyer-data .data-col .data-content ul li {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0;
    font-size: 13px;
}

.modal.custom-modal.buyer-info-modal .modal-body .buyer-data .data-col .data-content ul li span {
    width: 100%;
    display: flex;
    align-items: center;
    word-break: break-word;
}

.modal.custom-modal.buyer-info-modal .modal-body .buyer-data .data-col .data-content ul li span:first-child {
    min-width: 130px;
    max-width: 130px;
    font-weight: 600;
    margin-right: 5px;
}

.modal.custom-modal .modal-header .btn-close svg {
    width: 12px;
    height: auto;
}

.modal.custom-modal .modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.modal.custom-modal .modal-body ul {
    padding-left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-basis: 100%;
}

.modal.custom-modal .modal-body ul li {
    list-style: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-basis: 100%;
    margin-bottom: 8px;
    font-size: 13px;
}

.modal.custom-modal .modal-body ul li span {
    width: 100%;
    display: flex;
    align-items: center;
    word-break: break-word;
}

.modal.custom-modal.post-payment-modal ul li {
    margin-bottom: 0;
    align-items: center;
    background: rgba(244, 244, 244, 1);
    background: linear-gradient(90deg, rgba(244, 244, 244, 1) 40px, rgba(255, 255, 255, 1) 0%);
}

.modal.custom-modal.post-payment-modal ul li:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.modal.custom-modal.post-payment-modal .modal-body ul li span:first-child {
    justify-content: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    font-weight: 600;
    padding: 0;
    margin-right: 10px;
}

.modal.custom-modal.additional-info-modal ul li {
    margin-bottom: 0;
    align-items: center;
    background: rgba(244, 244, 244, 1);
    background: linear-gradient(90deg, rgba(244, 244, 244, 1) 150px, rgba(255, 255, 255, 1) 0%);
}

.modal.custom-modal.additional-info-modal ul li:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.modal.custom-modal.additional-info-modal .modal-body ul li span:first-child {
    min-width: 150px;
    max-width: 150px;
    font-weight: 600;
    margin-right: 10px;
    padding: 10px;
}

.modal.custom-modal.rate-modal .items-rated {
    background-color: #f5f5f5;
    margin-bottom: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.modal.custom-modal.rate-modal .items-rated h4 {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 15px;
    color: #333;
    font-weight: 500;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal.custom-modal.rate-modal .items-rated ul,
.modal.custom-modal.rate-modal .items-to-rate ul {
    display: block;
    padding: 0 15px 15px 15px;
}

.modal.custom-modal.rate-modal .items-rated ul li,
.modal.custom-modal.rate-modal .items-to-rate ul li {
    display: inline-block;
    list-style: none;
    margin: 0;
}

.modal.custom-modal.rate-modal .items-rated ul li a,
.modal.custom-modal.rate-modal .items-rated ul li a:hover,
.modal.custom-modal.rate-modal .items-rated ul li a:focus,
.modal.custom-modal.rate-modal .items-to-rate ul li a,
.modal.custom-modal.rate-modal .items-to-rate ul li a:hover,
.modal.custom-modal.rate-modal .items-to-rate ul li a:focus {
    color: #333;
}

.modal.custom-modal.rate-modal .items-to-rate {
    background-color: #f4f4f4;
    margin-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.modal.custom-modal.rate-modal .items-to-rate h4 {
    background-color: #a38abb;
    padding: 10px 15px;
    color: #fff;
    font-weight: 500;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.modal.custom-modal.rate-modal .items-to-rate h5 {
    font-size: 13px;
    color: #333;
    font-weight: 600;
    padding: 15px 15px 0 15px;
    margin-bottom: 10px;
}

.modal.custom-modal.rate-modal .items-to-rate .rate-holder {
    padding: 0 15px 15px 15px;
}

.modal.custom-modal.rate-modal .items-to-rate .rate-holder .form-group {
    margin-bottom: 15px;
}

.modal.custom-modal .modal-body ul li b {
    margin: 0 3px;
}

.modal.custom-modal .modal-footer {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    flex-shrink: 0;
    border-top: 0 none;
    padding: 0.625rem 1.25rem 1.25rem 1.25rem;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px);
}

.modal.custom-modal .modal-footer .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    margin: 0;
    height: 2.125rem;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.modal.custom-modal .modal-footer .btn-primary:visited {
    color: #fff;
}

.modal.custom-modal .modal-footer .btn-primary {
    background-color: #09f;
    border: 0 none;
}

.modal.custom-modal .modal-footer .btn:not(:last-child) {
    margin-right: 15px;
}

.modal.custom-modal .modal-header .btn-close:hover,
.modal.custom-modal .modal-footer .btn:hover {
    opacity: 0.8;
}

@media (max-width: 767px) {
    .modal.custom-modal.additional-info-modal .modal-body ul li {
        background: linear-gradient(90deg, rgba(244, 244, 244, 1) 50%, rgba(255, 255, 255, 1) 50%);
    }

    .modal.custom-modal.additional-info-modal .modal-body ul li span:first-child {
        min-width: 50%;
        max-width: 50%;
    }
}

.modal-social-share {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.modal-social-share p {
    display: block;
    width: 100%;
    margin-bottom: 0.625rem;
}

.modal-social-share .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    padding: 0;
    color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.modal-social-share .btn:not(:last-child) {
    margin-right: 0.625rem;
}

.modal-social-share .btn:hover {
    opacity: 0.8;
}

.modal-social-share .btn.btn-facebook {
    background-color: #3b5998;
}

.modal-social-share .btn.btn-twitter {
    background-color: #00acee;
}

.modal-social-share .btn svg {
    width: 1.125rem;
    height: 1.125rem;
    flex-shrink: 0;
}

.form-group .submit-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.form-group .submit-holder .btn {
    height: 2.125rem;
    padding: 0 1rem;
    margin-top: 0.625rem;
}


/******** END / GLOBAL styles ********/


/**************************************
        START / HEADER styles
***************************************/

header {
    margin-bottom: 15px;
}

.container_purple {
    background: #4e0e7c;
    /* NG header snow
    background: #4e0e7c url("/images/bg/snow.png") repeat-x; */
    height: 85px;
}

.navbar_purple {
    background-color: #3d005a;
}

.social-icons {
    margin-top: 5px;
    position: absolute;
    right: 15px;
}

.social-icons.text-center>li {
    float: left;
    margin-left: 10px;
}

.top-menu {
    background: transparent url("/images/bg/K-header_2019-01.png") no-repeat scroll center top;
    /* --> Standardni HEADER  */
    /* background: transparent url("/images/bg/K-header_NG_2018.png") no-repeat scroll center top;  --> NOVOGODISNJI HEADER */

    border: 0 none;
    height: 85px;
}

.top-menu .navbar-header {
    float: none;
}

.top-menu .navbar-brand {
    height: auto;
    padding: 0;
}

.top-menu .btn-link {
    color: #fff;
}

.top-menu .btn-link:hover,
.top-menu .btn-link:focus {
    color: #f90;
}

.main-menu {
    background-color: transparent;
    border: 0 none;
    margin-bottom: 0;
    min-height: auto;
}

.navbar-collapse {
    padding-bottom: 20px;
}

.main-menu .navbar-collapse {
    border: 0 none;
    box-shadow: 0 0 0 transparent;
}

.search_field {
    margin: 4px 0 0 15px;
    padding: 0;
    border: 0 none;
}

.search_field button {
    height: 32px;
}

.search_field input.form-control {
    min-width: 280px;
    height: 32px;
    border: 0 none;
}

.search_field input.form-control:focus {
    box-shadow: 1px 2px 1px rgba(0, 0, 0, 0.2) inset;
}

.navbar_login {
    position: relative;
    top: 37px;
}

.navbar_login li {
    float: left;
    margin-left: 15px;
}

.navbar_login li.m_change {
    margin-left: 5px;
}

.navbar_login li.m_change a {
    padding: 6px 9px;
}

.navbar_login li a {
    padding: 6px 12px;
}

.header_username {
    max-width: 168px;
}

.header_username a {
    width: 100%;
    word-wrap: break-word;
    white-space: normal;
    text-align: right;
}

.main_navbar {
    margin: 0;
}

.main_navbar>li>a,
.main_navbar>li>p {
    padding: 10px 8px;
}

.navbar-nav.main_navbar>li>a {
    color: #fff;
}

.navbar-nav.main_navbar>li>a:hover,
.navbar-nav.main_navbar>li>a:focus {
    color: #f90;
}

.navbar-nav.main_navbar>li>p {
    color: #f90;
}

.notification .badge {
    background-color: #f90;
    padding: 0 8px;
    margin: 8px 10px 0 0;
    border-radius: 12px;
    line-height: 23px;
}

.main_navbar .notification .badge:hover,
.main_navbar .notification .badge:focus {
    background-color: #f60;
    color: #fff;
}

.wishlist_notification .badge {
    background-color: #5bc0de;
}

.main_navbar .wishlist_notification .badge:hover,
.main_navbar .wishlist_notification .badge:focus {
    background-color: #31b0d5;
}

.phone_K {
    margin: 0;
}

.uplusu,
.uminusu {
    box-shadow: 0 0 2px 8px #4e0e7c;
    padding: 6px;
}

.glyphicon.kasica-prasica {
    background: transparent url(/images/kasica-prasica-alpha.png) no-repeat;
    width: 25px;
    height: 20px;
    margin: -3px 5px;
}

.search_autocomplete {
    background-color: #fff;
    border-color: #b14dcb;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    color: #777;
    display: none;
    font-size: 13px;
    left: 10px;
    padding: 5px 15px 15px;
    position: absolute;
    top: 32px;
    width: 203px;
    z-index: 100;
}

.search_autocomplete ul li {
    padding: 2px 6px;
}

.search_autocomplete ul li:hover {
    background-color: #f2f2f2;
    color: #000;
    cursor: pointer;
}

.search_autocomplete ul li.hover_complete {
    background-color: #f2f2f2;
    color: #000;
    cursor: pointer;
}

/* Moj Kupindo Dropdown */

#mykup_dropdown:hover .dropdown-menu {
    display: block;
}

.dropdown-menu:hover #mykup_dropdown {
    display: block;
}

.dropdown-menu:hover #mykup_dropdown>a {
    background-color: #fff;
    color: #33004c;
}

#mykup_dropdown>a {
    float: none !important;
    display: block;
}

#mykup_dropdown .dropdown-menu {
    display: none;
    background-color: #4e0e7c;
    border: 1px solid #33004c;
    border-radius: 4px;
    padding: 2px 0;
    margin-top: -6px;
    left: -15px;
    right: auto;
    min-width: 160px;
    position: absolute;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    z-index: 1000;
}

#mykup_dropdown .dropdown-menu>li {
    float: none;
}

#mykup_dropdown .dropdown-menu>li>a {
    color: #ddc9e8;
    padding: 3px 20px;
    height: auto;
    line-height: 1.5;
    display: block;
    float: none;

}

#mykup_dropdown .dropdown-menu>li>a:focus,
#mykup_dropdown .dropdown-menu>li>a:hover {
    color: #4e0e7c;
    background-color: #fff;
}

#mykup_dropdown .dropdown-menu .divider {
    background-color: transparent;
    border-bottom: 1px dashed #a670c1;
    margin: 2px 0;
}

/******** END / HEADER styles ********/

/**************************************
        START / CATEGORY MENU
***************************************/
.category_menu .side_menu_list_item {
    min-height: 25px;
}

.category_menu .side_menu_list_item h2 {
    font-size: 14px;
    margin-bottom: 2px;
}

.category_menu .side_menu_list_item i {
    font-size: 13px;
    color: #666;
}

.novo_markica {
    background: transparent url("/images/novo-markica.png") no-repeat;
    height: 27px;
    margin: -9px 0 0 5px;
    position: absolute;
    width: 47px;
}

/******** END / CATEGORY MENU ********/

/***********************************
                 START / LOGIN FORM
***********************************/
.form-control:focus {
    border-color: #ad79d2;
    box-shadow: 3px 4px 1px hsla(0, 0%, 0%, 0.05) inset;
}

/******** END / LOGIN FORM ********/


/*************************************************
         START / BREADCRUMB
*************************************************/
.breadcrumb-holder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    margin-bottom: 20px;
    padding: 8px 15px;
    padding-right: 80px;
    z-index: 1;
}

.breadcrumb {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background-color: transparent;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

.breadcrumb li {
    display: inline-flex;
    align-items: center;
    font-size: 13px;
    padding: 0;
}

.breadcrumb>li+li::before {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 23px;
    height: auto;
    content: url('data:image/svg+xml,<svg stroke="%23666666" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M184 112l144 144-144 144" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="48"></path></svg>');
}

.breadcrumb a {
    color: #337ab7;
    font-size: 14px;
}

.breadcrumb>.active {
    color: #ff6600;
}

.breadcrumb-options {
    display: flex;
    align-items: center;
}

.breadcrumb-options .breadcrumb-option {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.breadcrumb-options .breadcrumb-option.arrows {
    font-size: 21px;
}

.breadcrumb-options .breadcrumb-option.arrows a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.breadcrumb-options .breadcrumb-option.arrows a:hover,
.breadcrumb-options .breadcrumb-option.arrows a:focus {
    text-decoration: none;
}

.breadcrumb-options .breadcrumb-option.arrows a:not(:first-child) {
    margin-left: 10px;
}

.breadcrumb-options .breadcrumb-option .RSS_link {
    position: relative;
    display: block;
    background: transparent url(/images/sprites/sprites_ver18.png) no-repeat -128px -48px;
    width: 36px;
    height: 16px;
}

.breadcrumb-options .breadcrumb-option .RSS_link:hover {
    opacity: 0.8;
}

/******** END / BREADCRUMB ********/


/*************************************************
         START / ACCORDION
*************************************************/
.collapse-contextual .panel-heading a:after,
.collapse-style-1 .panel-heading a:after,
.collapse-style-2 .panel-heading a:after,
.collapse-style-3 .panel-heading a:after {
    line-height: 1;
    font-family: FontAwesome;
    position: absolute;
    right: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.collapse-style-2 {
    padding: 0 15px;
}

.collapse-style-2 .panel {
    border: 0 none;
    border-bottom: 1px solid #e5e5e5;
    box-shadow: 0 0 0 transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.collapse-style-2 .panel-heading {
    padding: 0;
    background-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.collapse-style-2 .panel-title {
    font-size: 14px;
}

.collapse-style-2 .panel-heading a {
    display: inline-block;
    font-weight: 600;
    width: 100%;
    position: relative;
    padding: 10px 40px 10px 0;
    color: #333;
    background-color: #fff;
}

.collapse-style-2 .panel-heading a:hover,
.collapse-style-2 .panel-heading a:focus {
    text-decoration: none;
}

.collapse-style-2 .panel-heading a.collapsed {
    background-color: #fff;
    color: #333;
}

.collapse-style-2 .panel-heading a:not(.collapsed) {
    color: #333;
}

.collapse-style-2 .panel-heading a:after {
    content: "\f106";
    font-size: 18px;
    font-weight: 300;
}

.collapse-style-2 .panel-heading a.collapsed:after {
    content: "\f107"
}

.collapse-style-2 .panel-body {
    border-top: none !important;
    background-color: transparent;
    padding: 10px 0;
}

.collapse-style-2 .panel-body .form-scroll-container {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    padding: .375rem .75rem .375rem .75rem;
    margin-bottom: 5px;
    max-height: 150px;
    overflow-y: auto;
}

.collapse-style-2 .panel-body ul li {
    margin-bottom: 5px;
}

.collapse-style-2 .panel-body .radio label {
    display: flex;
    align-items: center;
}

.collapse-style-2 .panel-body .form-check {
    margin-bottom: 0.5rem;
}

.collapse-style-2 .panel-body .form-check label {
    font-weight: 400;
}

.collapse-style-2 .panel-body .radio input[type="radio"] {
    margin: 0 0 0 -20px;
}

.collapse-style-2 .panel-body .radio:first-child {
    margin-top: 0;
}

.collapse-style-2 .panel-body .radio:last-child {
    margin-bottom: 0;
}

.collapse-style-2 .panel-body .input-inline {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.collapse-style-2 .panel-body .input-inline .input-group-inline {
    display: inline-flex;
    width: 50%;
}

.collapse-style-2 .panel-body .input-inline label {
    display: inline-flex;
    align-items: center;
    margin: 0 5px 0 0;
}

.collapse-style-2 .panel-body .input-inline input {
    display: inline-flex;
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-width: 0;
    max-width: 65%;
    margin-bottom: 0;
}

.collapse-style-2 .button-holder {
    padding: 15px 0;
}

.collapse-style-2 .reset-filter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.collapse-style-2 .reset-filter .btn {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: transparent;
    padding: 0;
    margin-bottom: 15px;
    color: #337ab7;
    font-size: 13px;
}

.collapse-style-2 .reset-filter .btn:hover {
    color: #23527c;
}

.collapse-style-2 .reset-filter .btn svg {
    width: 16px;
    height: 16px;
    margin-left: 3px;
}

.mobile-accordion {
    display: none;
}

.aside-featured {
    padding: 0 15px;
}

.aside-featured .panel {
    border: 0 none;
    box-shadow: 0 0 0 transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.aside-featured .panel-heading {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
    border-color: #e5e5e5;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.aside-featured .panel-title {
    font-size: 14px;
    font-weight: 600;
}

.aside-featured .panel-body {
    padding: 10px 0;
}

.aside-featured .panel-body li {
    font-size: 14px;
}

.aside-featured .panel-body li:not(:last-child) {
    margin-bottom: 5px;
}

@media (max-width: 767px) {
    .mobile-accordion {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 0 15px;
    }

    .mobile-accordion label {
        margin: 0 5px 0 0;
    }
}

/******** END / ACCORDION ********/


/*************************************************
         START / PRONADJITE NA LIMUNDU
*************************************************/
.pronadjite-na-limundu {
    border: 1px solid #abc100;
    padding: 0;
    margin-top: 15px;
}

.pronadjite-na-limundu .pronadjite-header {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 15px;
    margin-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}

.pronadjite-na-limundu .pronadjite-header i {
    font-weight: 600;
}

.pronadjite-na-limundu .pronadjite-header a {
    display: flex;
    align-items: center;
}

.pronadjite-na-limundu .pronadjite-header .btn {
    background-color: #abc100;
    color: #fff;
}

.pronadjite-na-limundu .limundo-item .item-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.pronadjite-na-limundu .limundo-item .item-time {
    display: inline-flex;
    align-items: center;
    color: #888;
    font-size: 13px;
}

.pronadjite-na-limundu .limundo-item .item-time i {
    font-size: 18px;
    margin-right: 5px;
}

.pronadjite-na-limundu .limundo-item .item-price {
    display: inline-flex;
    align-items: center;
}

.pronadjite-na-limundu .limundo-item .item-price span {
    background-color: #4587F9;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 4px;
    font-size: 13px;
}

@media (max-width: 767px) {
    .pronadjite-na-limundu .pronadjite-header span {
        width: 100%;
        margin-bottom: 10px;
    }
}


/******** END / PRONADJITE NA LIMUNDU ********/

/*************************************************
         START / LIMUNDO-WIDGET
*************************************************/
.limundo-widget-holder {
    padding: 0 15px;
}

.limundo-widget {
    border: 1px solid #abc100;
    padding: 15px 0;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.limundo-widget .limundo-widget-header h2 {
    text-align: center;
}

.limundo-widget .limundo-widget-header .all-auctions a,
.limundo-widget-content .all-auctions a {
    background-color: #f8f8f8;
    text-align: center;
    padding: 10px 0;
    display: block;
}

.limundo-widget .limundo-widget-header .all-auctions i,
.limundo-widget-content .all-auctions i {
    margin-left: 5px;
    font-size: 12px;
}

.limundo-widget-content .limundo-item {
    position: relative;
    background-color: #f8f8f8;
    border-top: 1px solid #e5e5e5;
    padding: 15px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.limundo-widget-content .limundo-item img {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.limundo-widget-content .limundo-item:hover {
    background-color: #fff;
}

.limundo-widget-content .limundo-item:hover img {
    opacity: 0.9;
}

.limundo-widget-content .limundo-item h3 {
    font-size: 14px;
    color: #337ab7;
}

.limundo-widget-content .limundo-item .item-data {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.limundo-widget-content .limundo-item .item-time {
    display: inline-flex;
    align-items: center;
    color: #888;
    font-size: 13px;
}

.limundo-widget-content .limundo-item .item-time i {
    font-size: 18px;
    margin-right: 5px;
}

.limundo-widget-content .limundo-item .item-price {
    display: inline-flex;
    align-items: center;
}

.limundo-widget-content .limundo-item .item-price span {
    background-color: #4587F9;
    border-radius: 4px;
    color: #FFFFFF;
    padding: 4px;
    font-size: 13px;
}

.splide-holder.limundo-widget-content .splide .splide__slide h3 {
    text-transform: none;
    font-size: 14px;
}


/******** END / LIMUNDO-WIDGET ********/

/*************************************************
         START / PAGINATION
*************************************************/
.pagination-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e5e5e5;
}

.pagination-holder .input-holder .form-inline {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pagination-holder .input-holder input {
    max-width: 60px;
    margin-right: 5px;
}

.pagination-holder .input-holder label {
    font-size: 13px;
    margin-right: 5px;
}

.pagination-holder .pagination>li>a,
.pagination-holder .pagination>li>span {
    color: #888;
    box-shadow: 0 0 0 transparent;
    border: 1px solid #e5e5e5;
}

.pagination-holder .pagination>li>a:hover,
.pagination-holder .pagination>li>span:hover,
.pagination-holder .pagination>li>a:focus,
.pagination-holder .pagination>li>span:focus {
    background-color: #fff;
    color: #f60;
    box-shadow: 0 0 0 transparent;
    border-color: #e5e5e5;
}

.pagination-holder .pagination>.active>a,
.pagination-holder .pagination>.active>span,
.pagination-holder .pagination>.active>a:hover,
.pagination-holder .pagination>.active>span:hover,
.pagination-holder .pagination>.active>a:focus,
.pagination-holder .pagination>.active>span:focus {
    color: #fff;
    background-color: #fff;
    border-color: #e5e5e5;
    color: #f60;
    cursor: default;
}

.pagination-holder .pagination li:not(:last-child) a {
    margin-right: 5px;
}

.pagination-holder .pagination>.disabled.dots>a {
    border: 0;
    cursor: default;
    width: auto;
    padding: 10px 5px 0 0;
    margin: 0;
}

.pagination-holder .pagination>li>a,
.pagination-holder .pagination>li>span {
    margin-left: 0;
}

.pagination-holder .pagination>li>a,
.pagination-holder .pagination>li:first-child>a,
.pagination-holder .pagination>li:last-child>a {
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.pagination-holder .pagination .disabled:first-child a,
.pagination-holder .pagination .disabled:last-child a {
    border: 1px solid #e5e5e5;
}

.pagination-holder .pagination>li>a>i {
    font-size: 12px;
}

.pagination-holder .pagination>li:first-child>a>i {
    margin-right: 5px;
}

.pagination-holder .pagination>li:last-child>a>i {
    margin-left: 5px;
}

/******** END / PAGINATION ********/


/*************************************************
         START / PRETRAGA
*************************************************/
.section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
}

.section-title h1 {
    margin-bottom: 0.25rem;
    color: #333;
}

.section-title h1 small {
    font-size: 18px;
    color: #333;
    font-weight: 500;
}

@media (max-width: 1191px) {
    .section-title h1 small {
        display: block;
        width: 100%;
    }
}

.section-title p {
    margin-bottom: 0;
    min-height: 22px;
}

.sum-minus-highlight {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    line-height: 1;
    font-weight: 600;
    background-color: #E32F17;
    color: #fff;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.sum-plus-highlight {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    line-height: 1;
    font-weight: 600;
    background-color: #75c10a;
    color: #fff;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.sum-plus-text {
    color: #75c10a;
    font-weight: 600;
}

.sum-minus-text {
    color: #E32F17;
    font-weight: 600;
}

.section-title .sort-holder {
    display: inline-flex;
    align-items: center;
}

.section-title .sort-holder label {
    display: block;
    flex-shrink: 0;
    margin-right: 5px;
    margin-bottom: 0;
}

.listing-holder {
    padding: 0 15px;
}

.listing-col {
    margin-bottom: 0;
    padding: 0;
}

.listing-item {
    position: relative;
    background-color: #fff;
    border: 1px solid transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.listing-item .image-holder {
    position: relative;
    text-align: center;
    margin-bottom: 10px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.listing-item.osenceno {
    background-color: #fef5e4;
    border: 1px solid #f60;
}

.listing-item .image-holder img {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.listing-item .image-holder img.aspect-ratio-4-3 {
    aspect-ratio: 4/3;
}


@media (min-width: 768px) {
    .splide-holder .splide .splide__slide img.img-fixed-hight {
        height: 102.75px;
    }

    .listing-item .image-holder img.img-fixed-hight {
        width: auto;
        height: 174.75px;
    }
}

@media (min-width: 1192px) {
    .splide-holder .splide .splide__slide img.img-fixed-hight {
        height: 100.65px;
    }

    .listing-item .image-holder img.img-fixed-hight {
        width: auto;
        height: 152.667px;
    }

    .hidden-md-up {
        display: none !important;
    }
}

@media (min-width: 1390px) {
    .splide-holder .splide .splide__slide img.img-fixed-hight {
        height: 115.4px;
    }

    .listing-item .image-holder img.img-fixed-hight {
        width: auto;
        height: 210.383px;
    }
}

@media (max-width: 767px) {
    .splide-holder .splide .splide__slide img.img-fixed-hight {
        height: 252.367px;
    }

    .list-view-listing-item img.img-fixed-hight {
        width: auto;
        height: 230.317px;
    }
}

@media (max-width: 414px) {
    .splide-holder .splide .splide__slide img.img-fixed-hight {
        height: 120px;
    }

    .list-view-listing-item img.img-fixed-hight {
        width: auto;
        height: 120px;
    }
}

@media (max-width: 390px) {
    .splide-holder .splide .splide__slide img.img-fixed-hight {
        height: 111px;
    }

    .list-view-listing-item img.img-fixed-hight {
        width: auto;
        height: 112.5px;
    }
}

@media (max-width: 375px) {
    .splide-holder .splide .splide__slide img.img-fixed-hight {
        height: 105.367px;
    }

    .list-view-listing-item img.img-fixed-hight {
        width: auto;
        height: 107.817px;
    }
}

@media (max-width: 360px) {
    .splide-holder .splide .splide__slide img.img-fixed-hight {
        height: 99.75px;
    }

    .list-view-listing-item img.img-fixed-hight {
        width: auto;
        height: 103.133px;
    }
}

@media (max-width: 340px) {
    .splide-holder .splide .splide__slide img.img-fixed-hight {
        height: 92.25px;
    }

    .list-view-listing-item img.img-fixed-hight {
        width: auto;
        height: 96.8833px;
    }
}

@media (max-width: 340px) {
    .splide-holder .splide .splide__slide img.img-fixed-hight {
        height: 84.75px;
    }

    .list-view-listing-item img.img-fixed-hight {
        width: auto;
        height: 90.6333px;
    }
}

.listing-item .image-holder:hover img {
    opacity: .9;
}

.listing-item .item-body {
    padding: 0 10px 10px 10px
}

.listing-item h3 {
    font-size: 14px;
    height: 60px;
    overflow: hidden;
}

.listing-item .item-elements {
    height: 50px;
    overflow: hidden;
}

.item-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.listing-item .item-price {
    color: #888;
    font-size: 15px;
    margin-bottom: 5px;
}

.top_kategorija {
    display: block;
    position: absolute;
    height: 55px;
    width: 91px;
    background-image: url(/images/top_traka.png);
    background-position: 0 0;
    top: -5px;
    left: -5px;
    z-index: 1;
}

.besplatna-dostava {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    z-index: 1;
}

.besplatna-dostava span {
    background-color: rgba(190, 29, 45, .7);
    color: #fff;
    font-size: 12px;
    padding: 5px 0;
    width: 100%;
    text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.besplatna-dostava span i {
    font-size: 18px;
    margin-right: 5px;
}

.besplatna_dostava_pregled {
    color: #fff;
    display: block;
    font-size: 12px;
    height: 24px;
    line-height: 30px;
    margin-left: -6px;
    position: absolute;
    text-align: center;
    bottom: 0;
    width: 164px;
    background-image: url(/images/besplatna_dostava_pregled.png);
}

/******** END / PRETRAGA ********/

/*************************************************
         START / SPLIDE
*************************************************/
.splide-holder {
    padding: 0 5rem;
}

.splide-holder.feature-items {
    margin-bottom: 20px;
    background-color: aliceblue;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-border-bottom-left-radius: .25rem;
    -webkit-border-bottomp-right-radius: .25rem;
    -moz-border-radius-bottomleft: .25rem;
    -moz-border-radius-bottomright: .25rem;
    border-bottom-left-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.splide-title {
    background-color: #cadff2;
    padding: 10px 15px;
    border-bottom: 1px solid #e5e5e5;
    -webkit-border-top-left-radius: .25rem;
    -webkit-border-top-right-radius: .25rem;
    -moz-border-radius-topleft: .25rem;
    -moz-border-radius-topright: .25rem;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
}

.splide-title h2 {
    font-size: 15px;
    margin-bottom: 0;
    color: #4e0e7c;
    font-weight: 400;
    text-transform: uppercase;
}

.splide-holder .splide .splide__slide {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: left;
    padding: 0 0.5rem;
    background-color: transparent;
}

.splide-holder .splide .splide__slide img {
    width: auto;
    max-width: 100%;
    -webkit-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

.splide-holder .splide .splide__slide a:hover img {
    opacity: 0.8;
}

.splide-holder .splide .splide__slide h3 {
    font-size: 14px;
    text-transform: none;
    font-weight: 400;
}

.splide-holder .splide .splide__slide p {
    font-size: 15px;
    text-transform: none;
}

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

.splide-holder.feature-items .splide__slide a:hover,
.splide-holder.feature-items .splide__slide a:focus,
.splide-holder.feature-items .splide__slide a:active {
    text-decoration: underline;
}

.splide-holder.feature-items .splide__slide a:visited:hover {
    color: #551A8B;
}

.splide__arrow {
    width: 40px !important;
    height: 40px !important;
    opacity: 1 !important;
    background-color: #f5f5f5 !important;
    color: #4e0e7c !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.splide-holder.feature-items .splide__arrow {
    background-color: #fff !important;
}

.splide__arrow i {
    font-size: 12px !important;
}

.splide__arrow svg {
    width: 1.25rem !important;
    height: 1.25rem !important;
}

.splide__arrow:hover:not(:disabled) {
    opacity: 0.8 !important;
}

.splide__arrow--prev {
    left: -3.75rem !important;
}

.splide__arrow--next {
    right: -3.75rem !important;
}

/******** END / SPLIDE ********/
.splide-holder .listing-item {
    border-color: #cadff2;
}

.splide-holder .listing-item .item-elements {
    height: auto;
}


/*************************************************
         START / PREDMET DETALJI - KUPOVINA
*************************************************/
.kupac_holder h3 {
    color: #444;
    font-weight: bold;
    margin: 10px 0;
}

.kupac_holder>p {
    color: #777;
    font-size: 14px;
}

.kupac_holder .napomena_help,
.napomena_holder p {
    color: #999;
    font-size: 12px;
}

.napomena_holder {
    margin-top: 30px;
}

.napomena_holder label,
.zastita_holder p {
    counter: #777;
}

textarea#napomena {
    max-width: 90%;
    padding: 10px 15px;
    font-size: 11px;
    font-family: monospace;
    color: #999;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 2px 2px 5px 0 #e9e9e9 inset;
}

textarea#napomena:focus {
    border-color: #888;
}

.zastita_holder li {
    color: #777777;
    font-size: 12px;
    list-style: inside none disc;
}

#potvrdi .control-label {
    text-align: left;
}

.predmet_title {
    margin-left: 20px;
    margin-top: 20px;
}

.confirm_buy {
    padding: 10px 0;
    margin-bottom: 20px;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.line_through.stara-cena {
    color: #777;
    left: 60px;
    margin-top: -7px;
    position: absolute;
}

.price {
    font-size: 24px;
    font-weight: bold;
    margin-top: 4px;
}

.confirm_itmes {
    font-size: 13px;
    font-weight: normal;
    margin-right: 10px;
    margin-top: 11px;
}

.back_link {
    margin-right: 10px;
    vertical-align: middle;
    padding: 8px;
    display: inline-block;
}

#potvrda_holder .popust10-big,
#potvrda_holder .popust15-big,
#potvrda_holder .popust20-big,
#potvrda_holder .popust25-big,
#potvrda_holder .popust30-big,
#potvrda_holder .popust40-big,
#potvrda_holder .popust50-big {
    bottom: 152px;
    height: 54px;
    position: absolute;
    right: 100px;
    width: 54px;
}

.popust10-big {
    background-image: url("/images/popust/popust_10-big.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.popust15-big {
    background-image: url("/images/popust/popust_15-big.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.popust20-big {
    background-image: url("/images/popust/popust_20-big.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.popust25-big {
    background-image: url("/images/popust/popust_25-big.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.popust30-big {
    background-image: url("/images/popust/popust_30-big.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.popust40-big {
    background-image: url("/images/popust/popust_40-big.png");
    background-position: right top;
    background-repeat: no-repeat;
}

.popust50-big {
    background-image: url("/images/popust/popust_50-big.png");
    background-position: right top;
    background-repeat: no-repeat;
}

/* START Popust uplate preko VISA kartice */
.visa_popust {
    margin-bottom: 20px !important;
    font-size: 16px;
}

.visa_popust_icon {
    background: transparent url('/images/sprites/card_icons_sprite_3.png') no-repeat;
    width: 48px;
    height: 30px;
    background-position: -2px -46px;
    margin-right: 10px;
}

.visa_popust_iconNew {
    background: transparent url('/images/visa_logo.png') no-repeat;
    width: 48px;
    height: 30px;
    float: left;
    margin-right: 10px;
    margin-bottom: 7px;
}

.visa_popust p {
    position: relative;
    margin: -4px 0 0;
    line-height: 1.2;
}

.visa_popust .popust {
    position: absolute;
    height: 54px;
    width: 54px;
    top: 20px;
    right: 33px;
}

.visa_popust_cena {
    position: relative;
}

.visa_popust_cena span {
    font-size: 15px;
}

.visa_popust_cena .question_mark {
    position: absolute;
    top: 2px;
    margin-left: 5px;
}

.visa_popust .visa_popust_preostali_iznos {
    margin: 15px 0 0;
}

/* END Popust uplate preko VISA kartice */

/******** END / PREDMET DETALJI - KUPOVINA ********/

/********* Zvezde, pehari, bedzevi *********/
.bedz_holder {
    margin-bottom: 15px;
    position: relative;
    text-align: center;
}

.bedz_mesec {
    font-size: 11px;
    color: #f70;
    text-transform: uppercase;
    display: block;
    text-align: center
}

.bedz_kategorija {
    font-size: 11px;
    line-height: 11px;
    padding: 1px 2px;
    background-color: #f90;
    color: #fff;
    display: block;
    text-align: center
}

.tooltip_left,
.tooltip_right,
.tooltip_top,
.dropdown_collapse {
    font-size: 11px;
    line-height: 15px;
    color: #444;
    text-align: left;
    position: absolute;
    z-index: 150;
    top: -10px;
    width: 270px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #B34ECD;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
    -o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}

.tooltip_left {
    left: 65px
}

.tooltip_right {
    right: 80px;
}

.tooltip_left .bedz_vise,
.tooltip_right .bedz_vise {
    float: right;
    margin: 0 0 10px 10px;
}

.tooltip_pointer,
.dropdown_arrow,
.dropdown_pointer {
    display: block;
    position: absolute;
    width: 10px;
    height: 16px;
    background: transparent url(/images/sprites/sprites_ver11.png) no-repeat -79px -16px;
    top: 25px;
}

.tooltip_left .tooltip_pointer {
    left: -10px
}

.tooltip_right .tooltip_pointer {
    right: -10px;
    background-position: -80px 0;
}

.dropdown_arrow {
    top: 10px;
    width: 7px;
    height: 7px;
    background-position: -20px -22px;
    position: relative;
}

.dropdown_pointer {
    top: -7px;
    left: 20px;
    width: 14px;
    height: 7px;
    background-position: -48px -20px;
}

.tooltip_new {
    display: none;
    font-size: 11px;
    line-height: 15px;
    color: #444;
    text-align: left;
    position: absolute;
    z-index: 150;
    top: 20px;
    width: 270px;
    padding: 20px;
    background: #fff;
    border: 1px solid #B34ECD;
    margin-top: -30px;
    margin-left: 60px;
    max-width: 260px;
    border-radius: 4px;
    box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}

.tooltip_new_holder:hover .tooltip_new {
    display: inline;
}

.tooltip_new .tooltip_pointer {
    left: -10px;
    z-index: 20;
    position: absolute;
    top: 20px;
    border: 0;
}

.user_top .tooltip_left h4,
.user_top .tooltip_right h4,
.user_top .tooltip_top h4 {
    font-size: 15px;
}

.user_top .tooltip_left ul,
.user_top .tooltip_right ul,
.user_top .tooltip_top ul {
    font-size: 11px;
    padding: 0;
    list-style: none;
}

.user_rank,
.user_top,
.user_premium {
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.user_top,
.user_premium {
    margin-left: 15px;
}

.zvezda,
.pehar {
    background: transparent url("/images/sprites/sprites_ver11.png") no-repeat scroll -192px -32px;
    display: inline-block;
    height: 16px;
    margin: 0 1px 0 0;
    width: 16px;
}

.pehar {
    width: 19px;
    height: 16px;
    background-position: -194px -64px
}

/**** NOVI bedzevi ****/
.palac_1,
.palac_2,
.palac_3,
.palac_4,
.pehar_1,
.pehar_2,
.pehar_3,
.pehar_4,
.kruna,
.kruna_10,
.kruna_15,
.kruna_20,
.kruna_30,
.bedz_premium,
.bedz,
.bedz_vise {
    width: 40px;
    height: 50px;
    display: block;
    background: transparent url("/images/sprites/bedzevi_profil_2.png") no-repeat;
}

.palac_2 {
    background-position: -40px 0;
}

.palac_3 {
    background-position: -80px 0;
}

.palac_4 {
    background-position: -120px 0;
}

.pehar_1 {
    background-position: 0 -52px;
}

.pehar_2 {
    background-position: -40px -52px;
}

.pehar_3 {
    background-position: -80px -52px;
}

.pehar_4 {
    background-position: -120px -52px;
}

.kruna {
    background-position: 0 -104px;
}

.kruna_10 {
    background-position: 0 -156px;
}

.kruna_15 {
    background-position: -40px -156px;
}

.kruna_20 {
    background-position: -80px -156px;
}

.kruna_30 {
    background-position: -120px -156px;
}

.bedz,
.bedz_vise

/* Ovo je za bedz TOP prodavac */
    {
    display: inline-block;
    background-position: -41px -104px;
}

.bedz_premium {
    width: 43px;
    background-position: -81px -104px;
}

.txt-break {
    word-wrap: break-word;
}

/* Promo badge */

.promo-badge {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    text-transform: uppercase;
    font-size: 0.75rem;
    z-index: 1;
}

.promo-badge.discount {
    top: 10px;
    right: 10px;
}

.promo-badge.discount span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: rgba(190, 29, 45, .7);
    color: #fff;
    font-weight: 600;
    line-height: 1;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.25);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.promo-badge.blackfriday {
    background-image: url('/images/badge-blackfriday.png');
    background-color: transparent;
    background-repeat: no-repeat;
    width: 160px;
    height: 40px;
    top: 0px;
    right: -15px;
}

.promo-badge.star {
    position: absolute;
    left: 10px;
    top: 10px;
}

.promo-badge.star>span.star {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #4f127c;
    border-radius: 0;
    width: 30px;
    height: 30px;
    font-size: 0.75rem;
    line-height: 1;
    font-weight: 600;
    z-index: 1;
}

.promo-badge.star>span.star:before,
.promo-badge.star>span.star:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 30px;
    width: 30px;
    background: #4f127c;
    z-index: -1;
}

.promo-badge.star>span:before {
    transform: rotate(30deg);
}

.promo-badge.star>span:after {
    transform: rotate(60deg);
}

.promo-badge.star>span.star.bg-black {
    background-color: #000;
}

.promo-badge.star>span.star.bg-black:before,
.promo-badge.star>span.star.bg-black:after {
    background-color: #000;
}

.bg-black {
    background-color: #000;
}

/* Moj kupindo top banner */
.moj-kupindo-top-banner {
    margin-bottom: 15px;
}

.moj-kupindo-top-banner .top-baner-content,
.moj-kupindo-top-banner .top-baner-info-box {
    padding: 0;
}

.moj-kupindo-top-banner .top-baner-info-box .info-box-content {
    background-color: #a38abb;
    color: #fff;
    padding: 15px 20px;
    height: 115px;
    margin-top: 3px;
    margin-left: 10px;
    margin-right: 20px;
    overflow: hidden;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;

}

.moj-kupindo-top-banner .top-baner-info-box p {
    margin-bottom: 0;
    font-weight: 500;
}

.moj-kupindo-top-banner .top-baner-info-box a {
    color: #4e0e7c;
}

@media (max-width: 1389px) {
    .moj-kupindo-top-banner .top-baner-info-box .info-box-content {
        height: 95px;
    }

    .moj-kupindo-top-banner .top-baner-info-box .info-box-content {
        padding: 5px 20px;
    }

    .moj-kupindo-top-banner .top-baner-info-box p {
        font-size: 11.5px;
    }
}

@media (max-width: 1191px) {
    .moj-kupindo-top-banner .top-baner-info-box {
        display: none;
    }
}

.items-rated {
    background-color: #f5f5f5;
    margin-bottom: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.items-rated h4 {
    background-color: #f5f5f5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 15px;
    color: #333;
    font-weight: 600;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.items-rated ul,
.items-to-rate ul {
    display: block;
    padding: 0 15px 15px 15px;
}

.items-rated ul li,
.items-to-rate ul li {
    display: inline-block;
    list-style: none;
    margin: 0;
}

.items-rated ul li a,
.items-rated ul li a:hover,
.items-rated ul li a:focus,
.items-to-rate ul li a,
.items-to-rate ul li a:hover,
.items-to-rate ul li a:focus {
    color: #333;
}

.items-to-rate {
    background-color: #f4f4f4;
    margin-bottom: 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.items-to-rate h4 {
    background-color: #a38abb;
    padding: 10px 15px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.items-to-rate h5 {
    font-size: 13px;
    color: #333;
    font-weight: 600;
    padding: 15px 15px 0 15px;
    margin-bottom: 10px;
}

.items-to-rate .rate-holder {
    padding: 0 15px 15px 15px;
}

.items-to-rate .rate-holder .form-group {
    margin-bottom: 15px;
}

.items-to-rate .rate-holder .form-field {
    display: flex;
    align-items: center;
    padding-right: 0;
}

.items-to-rate .rate-holder .rate-button-holder {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}


.oceni-kupca .oceni-header {
    padding: 15px;
    background-color: #f4f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 30px;
}

.oceni-kupca .oceni-header .media-item {
    margin: 0;
    width: 100%;
    align-items: center;
}

.oceni-kupca .oceni-header .media-item-body p {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 5px;
}

.oceni-kupca .oceni-header .media-item-body p:last-child {
    margin-bottom: 0;
}

.oceni-kupca .oceni-header .media-item-body p strong {
    width: 70px;
    flex-shrink: 0;
}

.oceni-kupca .upitnik-holder {
    max-width: 550px;
}

.oceni-kupca .oceni-upitnik {
    padding: 15px;
    background-color: #f4f4f4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.oceni-kupca .oceni-upitnik .form-group {
    margin-bottom: 15px;
}

.oceni-kupca .oceni-upitnik .form-group label {
    font-size: 14px;
}

.oceni-kupca .oceni-upitnik .label {
    margin-bottom: 5px;
    color: #333;
    font-size: 100%;
    padding-left: 0;
}

.oceni-kupca .oceni-upitnik .label.has-error {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.oceni-kupca .oceni-upitnik .label.has-error.center {
    justify-content: center;
}

.oceni-kupca .oceni-upitnik .error {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E32F17;
    font-size: 13px;
    margin-bottom: 0;
}

.oceni-kupca .oceni-upitnik .has-error small svg {
    width: 20px;
    height: 20px;
}

.oceni-kupca .oceni-upitnik ul {
    padding-left: 0;
    margin-bottom: 15px;
}

.oceni-kupca .oceni-upitnik ul li {
    list-style: none;
    display: flex;
    align-items: center;
}

.oceni-kupca .oceni-upitnik ul li span {
    display: flex;
    align-items: center;
    height: 30px;
}

.oceni-kupca .oceni-upitnik ul li span:first-child {
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    max-width: 70%;
}


/* Rating Stars */
.rating-stars {
    display: flex;
}

.rating-stars .rating-group {
    display: inline-flex;
}

/* make hover effect work properly in IE */
.rating-stars .rating-icon {
    pointer-events: none;
}

/* hide radio inputs */
.rating-stars .rating-input {
    position: absolute !important;
    left: -9999px !important;
}

/* set icon padding and size */
.rating-stars .rating-label {
    cursor: pointer;
    padding: 0;
    font-size: 1.25rem;
    margin-bottom: 0;
    padding-right: 0.375rem;
}

/* set default star color */
.rating-stars .rating-icon-star {
    color: #fdc100;
}

/* set color of none icon when unchecked */
.rating-stars .rating-icon-none {
    color: #eee;
}

/* if none icon is checked, make it red */
.rating-stars .rating-input-none:checked+.rating-label .rating-icon--none {
    color: red;
}

/* if any input is checked, make its following siblings grey */
.rating-stars .rating-input:checked~.rating-label .rating-icon-star {
    color: #ddd;
}

/* make all stars orange on rating group hover */
.rating-stars .rating-group:hover .rating-label .rating-icon-star {
    color: #fdc100;
}

/* make hovered input's following siblings grey on hover */
.rating-stars .rating-input:hover~.rating-label .rating-icon-star {
    color: #ddd;
}

/* make none icon grey on rating group hover */
.rating-stars .rating-group:hover .rating-input-none:not(:hover)+.rating-label .rating-icon--none {
    color: #eee;
}

/* make none icon red on hover */
.rating-stars .rating-input-none:hover+.rating-label .rating-icon--none {
    color: red;
}

.oceni-kupca .oceni-upitnik ul li .rating-stars {
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
    justify-content: flex-end;
}

.oceni-kupca .oceni-upitnik ul li .rating-stars a {
    display: flex;
    align-items: center;
}

.oceni-kupca .oceni-upitnik ul li .rating-stars a svg {
    width: 20px;
    height: 20px;
    color: #ddd;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.oceni-kupca .oceni-upitnik ul li .rating-stars a:hover svg,
.oceni-kupca .oceni-upitnik ul li .rating-stars a.active svg {
    color: #fdc100;
}

.svg-icon-left {
    margin-right: 5px;
}

.oceni-kupca .oceni-upitnik textarea.has-error {
    border-color: #fd0136;
}

.oceni-kupca .oceni-buttons {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.oceni-kupca .oceni-buttons .btn {
    position: relative;
    width: 150px;
}

.oceni-buttons .btn svg {
    position: absolute;
    width: 20px;
    height: 20px;
}

.oceni-buttons .btn:first-of-type svg {
    left: 5px;
}

.oceni-buttons .btn:last-of-type svg {
    right: 5px;
}

.btn-green,
.btn-green:hover,
.btn-green:focus {
    background-color: #75c10a;
    color: #fff;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.btn-red,
.btn-red:hover,
.btn-red:focus {
    background-color: #E32F17;
    color: #fff;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.btn-green:hover,
.btn-red:hover {
    opacity: 0.8;
}

@media (max-width: 767px) {
    .oceni-kupca .oceni-upitnik ul li {
        flex-wrap: wrap;
        margin-bottom: 15px;
    }

    .oceni-kupca .oceni-upitnik ul li:last-child {
        margin-bottom: 30px;
    }

    .oceni-kupca .oceni-upitnik ul li span {
        height: auto;
    }

    .oceni-kupca .oceni-upitnik ul li span:first-child,
    .oceni-kupca .oceni-upitnik ul li .rating-stars {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .oceni-kupca .oceni-upitnik ul li .rating-stars {
        justify-content: flex-start;
        margin-top: 10px;
    }

    .oceni-kupca .oceni-buttons .btn {
        width: 120px;
    }
}



/***********************************
                 START / FOOTER
***********************************/
#footerBig {
    position: relative;
    width: 100%;
    padding: 0;
    margin-top: 30px;
}

#footerBig .menu_big {
    margin: 15px 0;
}

#footerBig #container {
    margin: 0 auto;
    position: relative;
    width: 1060px;
    padding: 0;
}

#footerBig .container {
    width: 1000px;
}

.footer_head {
    border-radius: none;
    background-color: #4e0e7c;
    height: 41px;
    position: absolute;
    width: 100%;
}

.footer_head:before {
    background: url("/images/kupinica_footer.png") no-repeat;
    content: "";
    height: 79px;
    left: -47px;
    position: absolute;
    top: -17px;
    width: 58px;
}

.footer_head:after {
    background: url("/images/kupinica_footer.png") no-repeat;
    content: "";
    height: 79px;
    right: -43px;
    position: absolute;
    top: -17px;
    width: 58px;
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

#FooterBigOne {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px dashed #ddd;
    padding: 0 0 15px 5px;
    display: flex;
    justify-content: center;
}

#FooterBigOne ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#FooterBigOne>ul>li {
    float: left;
    /* max-width: 120px; */
    min-width: 75px;
    /* border-left: 1px dashed #eee; */
}

#FooterBigOne>ul>li:first-child {
    border: 0 none;
}

#FooterBigOne>ul>li:last-child {
    margin: 0;
}

#FooterBigOne li a {
    font-size: 12px;
    color: #999;
    line-height: 40px;
    padding-right: 5px;
    padding-left: 5px;
    position: relative;
    display: block;
}

#FooterBigOne li a:hover {
    text-decoration: none;
    background-color: #4e0e7c;
    color: #fff;
}

#FooterBigTwo {
    padding-top: 15px;
}

#FooterBigTwo p {
    height: 28px;
    font-size: 11px;
    color: #999;
    text-align: right;
    margin: 3px 0 0 20px;
    padding-top: 8px;
    float: right;
    width: 310px;
}

#FooterBigTwo .footer_logo {
    background-color: #ccc;
    border-radius: 4px;
    float: right;
    height: 40px;
    margin: -3px 0 0 15px;
}

#FooterBigTwo .footer_logo span {
    background: rgba(0, 0, 0, 0) url("/images/sprites/sprites_ver11.png") no-repeat scroll -102px 0;
    display: block;
    height: 30px;
    margin-top: 6px;
    width: 145px;
}

#FooterBigTwo a.googleplay {
    margin-right: 30px;
}

#FooterBigTwo a.googleplay:hover {
    background-color: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity: .8;
}

#FooterBigTwo a.googleplay img:first-child {
    box-shadow: 0 0 1px #999;
    border-radius: 3px;
}

#FooterBigOne h4 a {
    /*border-bottom: 1px dashed #eee;*/
    border-right: 1px dashed hsla(0, 0%, 100%, 0.4);
    color: #fff;
    font-size: 12px;
}

#FooterBigOne h4 {
    margin: 0 0 5px;
}

#FooterBigOne h4 a:hover {
    color: #f90;
    background-color: #3D005A;
    font-size: 12px;
}

#FooterBigOne .footer_links {
    width: 90%;
}

#FooterBigOne .footer_links li:last-child {
    margin: 0;
}

#FooterBigOne .footer_links li>a {
    height: auto;
    line-height: 17px;
    padding: 7px;
    margin-bottom: -2px;
}

#FooterBigOne .footer_links li>a:hover {
    border-radius: 7px;
}

.footer_info_kupindo {
    color: #999;
    margin: 20px 0 0;
    overflow: hidden;
}

.footer_info_kupindo p {
    margin: 0 20px 10px 0;
    line-height: 1.2;
}

.footer_info_kupindo p:last-child {
    margin-right: 0;
}

.paycard_footer {
    background-color: #eee;
    margin-bottom: 15px;
    padding: 15px;
}

.paycard_footer .paycard_footer_unicredit {
    width: 122px;
}

.paycard_footer .paycard_footer_item {
    background: transparent url('/images/sprites/card_icons_sprite_3.png') no-repeat;
    margin-right: 30px;
    height: 40px;
}

.paycard_footer .paycard_footer_item a {
    height: 100%;
    display: block;
}

.paycard_footer .paycard_footer_unicredit {
    width: 122px;
}

.paycard_footer .paycard_footer_allsecure {
    background-position: -122px 0;
    width: 111px;
}

.paycard_footer .paycard_footer_ipay {
    background-position: -154px -40px;
    width: 70px;
    margin-right: 0;
    margin-left: 30px;
}

.paycard_footer .paycard_footer_cards {
    background-position: 0 -40px;
    width: 150px;
}

.paycard_footer .paycard_footer_vervisa {
    background-position: 0 -80px;
    width: 90px;
}

.paycard_footer .paycard_footer_securemaster {
    background-position: -90px -80px;
    width: 105px;
}

.paycard_footer .paycard_footer_divider {
    border-right: 1px solid #ccc;
    height: 40px;
}


/**************************************
        END / FOOTER
***************************************/

/**************************************
    START Pozicije za oglse
***************************************/

.branding-home .branding-home-left,
.branding-home .branding-home-right {
    height: 1080px;
    position: fixed;
    width: 480px;
    z-index: 1;
}

.branding-home .branding-home-left {
    left: 50%;
    margin-left: -1060px;
    text-align: right;
}

.branding-home .branding-home-right {
    right: 50%;
    margin-right: -1060px;
    text-align: left;
}

/* Naslovna */
.pozicija_1 {}

/* Kategorije, Potkategorije */
.pozicija_210,
.pozicija_215 {
    /* background: #ccc; height: 90px;*/
    width: 728px;
    margin: -12px 0 15px 35px;
    float: left;
    position: relative;
    z-index: 9999;
}

.pozicija_211 {
    width: 728px;
    margin-bottom: 40px;
}

.pozicija_212 {
    clear: both;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
}

.pozicija_213 {
    /* background: #ccc; height: 600px;*/
    margin-left: 745px;
    margin-top: 82px;
    position: absolute;
    width: 120px;
    text-align: center;
    z-index: 8888;
}

.pozicija_213.stick {
    position: fixed;
    margin-top: 5px;
    z-index: 8888;
}

/* Pretraga */
.pozicija_220 {
    /* background: #ccc; height: 90px;*/
    width: 728px;
    margin: 7px 6px;
    float: left;
}

.pozicija_221 {
    width: 728px;
}

.pozicija_222 {
    clear: both;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
}

.pozicija_223 {
    /* background: #ccc; height: 600px;*/
    right: -125px;
    margin-top: 82px;
    position: absolute;
    width: 120px;
    text-align: center;
}

.pozicija_224 {
    display: inline-block;
    display: -webkit-box;
    margin: 0 0 10px 6px;
    padding-top: 10px;
    width: 728px;
}

.pozicija_225 {
    /*float: left;*/
    display: inline-block;
    margin-left: 20px;
    padding: 17px 20px 18px;
    position: relative;
    top: 16px;
    width: 180px;
}

.pozicija_225:hover {
    background: #f4f4f4;
}

/* Predmet detalji */
.pozicija_230,
.pozicija_235 {
    position: absolute;
    right: -370px;
}

.pozicija_232 {
    width: 728px;
}

.pozicija_233,
.pozicija_234 {
    margin-bottom: 15px;
}

/* Kupite */
.pozicija_240 {
    /* background: #ccc; height: 600px;*/
    width: 160px;
    float: right;
    margin: 0 25px 15px 0;
}

.pozicija_241 {
    /* background: #ccc; height: 90px;*/
    width: 728px;
    float: left;
    margin-bottom: 15px;
}

.pozicija_242 {
    /* background: #ccc; height: 600px;*/
    width: 160px;
    clear: both;
}

/* Moj Limundo */
.pozicija_250 {
    /* background: #ccc; height: 150px;*/
    width: 180px;
    margin: 0 auto 15px;
    background: #fff;
    border: 3px solid #9A7CA2;
    border-radius: 7px;
    padding: 14px;
}

.pozicija_251 {
    /* background: #ccc; height: 90px;*/
    width: 728px;
    margin: 15px 5px 5px;
    display: inline-table;
}

/* Pomoć */
.pozicija_260 {
    /* background: #ccc; height: 600px;*/
    width: 160px;
}

.pozicija_261 {
    /* background: #ccc; height: 90px;*/
    width: 728px;
    clear: both;
    margin-left: 5px;
}

/* Kontakt */
.pozicija_270 {
    /* background: #ccc; height: 90px;*/
    width: 728px;
    clear: both;
}

/* Ocenjivanje */
.pozicija_253 {
    width: 728px;
}

/* Poruka */
.pozicija_254 {
    width: 728px;
    clear: both;
}

/* Najnoviji predmeti */
.pozicija_292 {
    width: 728px;
    margin: -10px 0 10px 10px;
}

.pozicija_294 {
    clear: both;
    margin-bottom: 15px;
    text-align: center;
}

/* Branding Naslovna */
.pozicija_299 {
    width: 480px;
}

/* Branding Kategorije */
.pozicija_300,
.pozicija_301 {
    width: 480px;
}

/**************************************
    END Pozicije za oglse
***************************************/

.google_conversion_frame {
    display: block;
    height: 0;
}

/**************************************
                                START COOKIES
**************************************/
.purple {
    color: #4e0e7c;
}

.cookies_info {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    bottom: 0;
    padding: 8px 0px 10px 0;
    background-color: #f5f5f5;
    border-top: 1px solid #4e0e7c;
    z-index: 9999;
    width: 100%;
}

.cookies_holder {
    margin: 0;
}

.cookies_info .container {
    padding-top: 8px;
}

.close_info_cookies {
    margin: -20px 0 0 0;
    opacity: .8;
    font-size: 26px;
    margin-right: 20px;
}

.close_info_cookies:hover {
    opacity: .4;
}

.cookies_text {
    font-size: 12px;
    padding-left: 15px;
}

.cookies_text a:hover {
    color: #4e0e7c;
}

.cookies_text a:visited {
    color: #4e0e7c;
}

/**************************************
        START / RESPONSIVE
***************************************/
@media screen and (max-width: 1389px) {
    .top-menu {
        background-position: 187px top;
    }

    .zastita_holder .img-rounded {
        max-width: 100px;
    }

    .branding-home .branding-home-left {
        margin-left: -960px;
    }

    .branding-home .branding-home-right {
        margin-right: -960px;
    }

    #footerBig #container,
    #footerBig .container {
        width: 970px;
    }

    #FooterBigOne>ul>li {
        max-width: 100px;
    }

    .footer_head:before,
    .footer_head:after {
        background-image: none;
    }

    .pozicija_230,
    .pozicija_235 {
        right: -310px;
    }
}

@media screen and (max-width: 1191px) {
    .hidden-md-down {
        display: none !important;
    }

    .top-menu {
        background: none;
    }

    .navbar_login li {
        margin-left: 10px;
    }

    .header_username {
        max-width: 180px;
    }

    .search_field input.form-control {
        min-width: auto;
        max-width: 100px;
    }

    .main_navbar>li>a,
    .navbar-nav>li>p {
        font-size: 12px;
        padding: 10px 6px;
    }

    .form-horizontal.login_form .control-label {
        text-align: left;
    }

    .login_form .control-label {
        padding-top: 0;
    }

    .accordion-holder .accordion-filter .filter-holder {
        margin-bottom: 20px;
    }

    .accordion-holder .accordion-actions {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 2.125rem;
        margin-bottom: 30px;
    }

    .accordion-holder .accordion-actions .accordion-action-buttons {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }

    .accordion-holder .accordion-actions .accordion-action-buttons .btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.125rem;
        height: 2.125rem;
        padding: 0;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        -webkit-transition: all 0.15s ease-in-out;
        -o-transition: all 0.15s ease-in-out;
        transition: all 0.15s ease-in-out;
    }

    .accordion-holder .accordion-actions .accordion-action-buttons .btn {
        margin-left: 0.313rem;
    }

    .accordion-holder .accordion-actions .accordion-action-buttons .btn svg {
        width: 1.125rem;
        height: 1.125rem;
    }

    .accordion-holder .accordion-actions .accordion-action-buttons .btn.open-all svg:first-child,
    .accordion-holder .accordion-actions .accordion-action-buttons .btn.close-all svg:last-child {
        display: block;
    }

    .accordion-holder .accordion-actions .accordion-action-buttons .btn.open-all svg:last-child,
    .accordion-holder .accordion-actions .accordion-action-buttons .btn.close-all svg:first-child {
        display: none;
    }

    .accordion-holder .accordion-actions .accordion-action-buttons .btn:hover {
        opacity: 0.8;
    }

    .accordion-holder .accordion-actions .accordion-action-buttons .btn-danger {
        background-color: #E32F17;
        border: 0 none;
    }


    .kupi_cena {
        margin-bottom: 10px;
    }

    .zastita_holder .img-rounded {
        max-width: 85px;
    }

    .branding-home .branding-home-left {
        margin-left: -850px;
    }

    .branding-home .branding-home-right {
        margin-right: -850px;
    }

    #footerBig #container,
    #footerBig .container {
        width: 750px;
    }

    #footerBig .menu_big {
        background-color: #4e0e7c;
        margin-bottom: 0;
    }

    #FooterBigOne li {
        width: 31.333%;
        max-width: none !important;
        min-width: 0 !important;
        margin-right: 2%;
    }

    .footer_head,
    .footer_links {
        display: none;
    }

    #FooterBigOne {
        background: #4E0E7C;
        padding: 0 0 0 1%;
        border-bottom: 0 none;
    }

    #FooterBigOne h4 {
        margin-bottom: 0;
    }

    #FooterBigOne h4 a {
        border-bottom: 1px dashed rgba(255, 255, 255, .3);
        border-right: 0 none;
        text-align: center;
    }

    #FooterBigTwo {
        background-color: #4e0e7c;
        padding: 5px 0 15px 0;
    }

    #FooterBigTwo p {
        margin: 3px 0 0;
        width: auto;
    }

    #FooterBigTwo .footer_logo {
        background-color: transparent;
    }

    #FooterBigTwo .footer_logo:hover {
        background-color: #8c32cc;
    }

    .footer_info_kupindo {
        color: rgba(255, 255, 255, .5);
    }

    .paycard_footer .paycard_footer_item {
        margin-right: 10px;
    }

    .paycard_footer .paycard_footer_ipay {
        margin-left: 10px;
        margin-right: 0;
    }

    .pozicija_230,
    .pozicija_235 {
        position: relative;
        right: auto;
        margin: 10px auto;
        width: 300px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1191px) {
    .kupi_action {
        text-align: left;
    }
}

@media screen and (min-width: 1192px) {
    .search_field input.form-control {
        min-width: 220px;
    }
}

@media (max-width: 1199px) {

    .pagination-holder,
    .pagination-holder .input-holder .form-inline {
        flex-wrap: wrap;
    }

    .pagination-holder .form-group {
        display: flex;
        align-items: center;
        margin: 0;
    }

    .pagination-holder .input-holder label {
        margin: 0 5px 0 0;
    }

    .pagination-holder .input-holder {
        display: block;
        width: 100%
    }

    .pagination-holder .input-holder .form-inline {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .pagination-holder .nav-pagination,
    .pagination-holder .input-holder label {
        width: 100%;
    }

    .pagination-holder .nav-pagination {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

@media screen and (max-width: 767px) {
    .container_purple {
        height: auto;
    }

    #footerBig .menu_big {
        padding-bottom: 120px;
    }

    .navbar_login {
        margin-bottom: 20px;
        top: 5px;
        width: 100%;
    }

    .navbar_login>li {
        margin-left: 2%;
        width: 32%;
    }

    .navbar_login>li:first-child {
        margin: 0;
    }

    .navbar_login>li>a {
        width: 100%;
        padding: 6px 0;
    }

    .search_field {
        width: calc(100% - 30px);
        margin-top: 10px;
        box-shadow: 0 0 0 transparent;
    }

    .search_field input.form-control {
        max-width: none;
    }

    .search_field input.form-control,
    .search_field button {
        height: 40px;
        width: 100%;
    }

    .search_field .input-group-btn {
        width: 20%;
    }

    .search_field .input-group {
        width: 100%;
    }

    .main-menu .navbar-toggle .icon-bar {
        background-color: #fff;
    }

    .main-menu .navbar-toggle {
        margin: 10px 15px;
        padding: 14px;
        width: calc(100% - 30px);
        border-color: #824cb2;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #824cb2;
    }

    #footerBig {
        margin-top: 20px;
        padding-bottom: 0px;
    }

    #footerBig #container,
    #footerBig .container {
        width: 100%;
    }

    .paycard_footer .paycard_footer_item {
        float: none !important;
        margin: 10px auto !important;
    }

    .flex-links {
        display: flex;
        flex-direction: column;
    }

    .paycard_footer .paycard_footer_item:nth-of-type(4) {
        order: 1;
    }

    .top-menu h1 {
        margin: 0;
    }

    .social-icons {
        margin-top: 30px;
    }

    .notification .badge {
        position: absolute;
        left: calc(50% + 50px);
        top: -39px;
    }

    .main_navbar a {
        text-align: center;
    }

    .main_navbar>li>a,
    .navbar-nav>li>p {
        font-size: 13px;
    }

    .navbar-nav.main_navbar>li>a:hover,
    .navbar-nav.main_navbar>li>a:focus {
        background-color: #480c72;
        border-radius: 4px;
    }

    .main_navbar>li>a.btn-info:hover,
    .main_navbar a.btn-info:active {
        background-color: #31b0d5;
        color: #fff;
    }

    .uplusu,
    .uminusu {
        margin: 10px;
        box-shadow: 0 0 0 transparent;
    }

    .toggle-help-text {
        position: absolute;
        width: 100%;
        left: 0;
        top: 10px;
        color: #fff;
        font-size: 16px;
    }

    .category_menu {
        padding-top: 15px;
    }

    .category_menu .side_menu_list_item h2 {
        line-height: 35px;
    }

    .side_menu_list_item a {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
        padding-left: 15px;
    }

    .side_menu_list_item a:hover {
        background-color: #337ab7;
        color: #fff !important;
        text-decoration: none;
    }

    #btnPrijava {
        margin-bottom: 15px;
        width: 100%;
    }

    #btnPrijava+a,
    #btnPrijavaFacebook {
        width: 100%;
    }

    /* .breadcrumb>li:nth-child(-n+2) {
        display: none;
    }

    .breadcrumb>li:nth-child(3):before {
        content: "";
        padding: 0;
    } */

    .mobile_ads {
        position: fixed;
        bottom: 0px;
        text-align: center;
        width: 100%;
        height: 50px;
        z-index: 9999;
    }

    .kupi_cena {
        margin-bottom: 5px;
    }

    .section-title {
        justify-content: flex-start;
        flex-wrap: wrap;
    }

    .section-title h1 {
        width: 100%;
    }

    .section-title .sort-holder {
        display: flex;
        flex-basis: 100%;
        align-items: center;
        justify-content: flex-end;
        margin-top: 15px;
    }

    .section-title .sort-holder .form-control {
        width: auto;
    }

    .moj-kupindo-button {
        display: block;
        width: 100%;
        margin-top: 20px;
    }

    .splide-holder {
        padding: 0;
    }

    .limundo-widget-holder {
        margin: 50px 0;
        overflow: hidden;
    }

    .limundo-widget .limundo-widget-header .all-auctions {
        border-bottom: 1px solid #e5e5e5;
    }

    .limundo-widget-content,
    .limundo-widget-content .limundo-item:hover {
        background-color: #f8f8f8;
    }

    .limundo-widget-content .limundo-item {
        border: 0 none;
        padding: 10px 0;
    }

    .splide-holder.feature-items .splide .splide__slide {
        padding: 0 15px;
    }

    .splide-holder.limundo-widget-content .splide .splide__slide h3 {
        height: 40px;
        overflow: hidden;
        font-weight: 400;
    }

    .pagination-holder .pagination>li:first-child>a>i {
        margin-right: 0;
    }

    .pagination-holder .pagination>li:last-child>a>i {
        margin-left: 0;
    }
}

@media screen and (max-width: 650px) {
    #FooterBigTwo p {
        font-size: 10px;
    }

    #FooterBigTwo .footer_logo {
        margin-left: 5px;
    }

    #FooterBigTwo a.googleplay {
        margin-right: 5px;
    }
}

@media screen and (max-width: 551px) {
    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-offset-0 {
        margin-left: 0;
    }

    .hidden-xxs {
        display: none;
    }

    #FooterBigTwo a.googleplay {
        display: block;
        margin: 10px auto;
        padding-left: calc(50% - 45px);
        width: 100%;
    }

    #FooterBigTwo .footer_logo {
        height: 32px;
        margin-top: 10px;
        display: block;
        float: none;
    }

    #FooterBigTwo .footer_logo span {
        margin-left: calc(50% - 75px);
    }

    #FooterBigTwo>p {
        float: none;
        text-align: center;
    }

    #FooterBigOne ul li {
        width: 48%;
    }

    /*#FooterBigOne li:last-child {
        display: none;
    }*/
    #FooterBigOne h4 a {
        font-size: 11px;
    }

    .social-icons {
        margin-top: 5px;
        left: 5px;
    }

    .top-menu #logo {
        margin-top: 12px;
    }

    textarea#napomena {
        max-width: 100%;
    }
}

@media screen and (max-width: 440px) {
    .cookies_text {
        font-size: 10px;
    }
}

@media screen and (max-width: 350px) {
    .social-icons {
        display: none;
    }

    .top-menu .navbar-brand {
        margin-top: -10px;
    }

    #FooterBigOne ul li {
        width: 100%;
    }
}

@media screen and (max-width: 315px) {

    .pozicija_230,
    .pozicija_235 {
        margin-left: -15px;
    }
}

@media screen and (min-width:552px) and (max-width:1191px) {
    #FooterBigOne li:nth-child(9) {
        display: none;
    }
}

@media screen and (min-width:1390px) {

    #footerBig #container,
    #footerBig .container {
        width: 1040px;
    }

    #FooterBigOne>ul>li {
        max-width: 135px;
        min-width: 103px;
    }
}

/**************************************
        END / RESPONSIVE
***************************************/

/**************************************
                                                XML tabele
**************************************/
.predmet_detalji_opis>#opis>table {
    width: auto !important;
    display: table-cell !important;
}

.predmet_detalji_opis>#opis {
    border: none !important;
}

.predmet_detalji_opis>#opis>table>tbody>tr>td {
    padding: 3px 5px !important;
    border: 1px solid #ddd;
    font-size: 12px !important;
    width: auto !important;
    height: auto !important;
}

.predmet_detalji_opis>#opis>table>tbody>tr>th {
    padding: 3px 5px !important;
    border: 1px solid #ddd;
    font-size: 12px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    width: auto !important;
    height: auto !important;
}

.predmet_detalji_opis>#opis>table>tbody>tr:nth-child(even) {
    background-color: #f5f5f5;
}

/**************************************
                                        END / XML tabele
**************************************/

/**************************************
                                        Floating style
**************************************/

.add-container {
    position: fixed;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 999;
}

/**************************************
                                        END / Floating style
**************************************/




/* root font-size */
:root {
    font-size: 16px;
}


.popover {
    border: 1px solid transparent;
    max-width: 380px;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.popover.right>.arrow::after {
    border-right-color: #09f;
}

.popover.top>.arrow::after {
    border-top-color: #09f;
}

.popover.bottom>.arrow::after {
    border-bottom-color: #09f;
}

.popover.left>.arrow::after {
    border-left-color: #09f;
}

.popover .title-popover p {
    margin: 0;
    font-size: 13px;
}

.btn-action .popover-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
}

.col-action .btn-action .popover-holder {
    width: 1.875rem;
    height: 1.875rem;
}

@media (max-width: 767px) {
    .popover {
        max-width: 300px;
        min-width: 100px;
    }
}




/* Custom form elements */
/************************/

/* Remove Arrows/Spinners */
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

textarea.form-control.height-10 {
    min-height: calc(10em + (.75rem + 2px));
}

.form-group {
    margin-bottom: 30px;
    position: relative;
}

.form-group .btn-group .btn {
    background-color: #f4f4f4;
    font-weight: 600;
}

.form-group .btn-group .btn.selected {
    background-color: #75c10a;
    color: #fff;
}

.form-field {
    position: relative;
    padding-right: 2.5rem;
}

.form-info {
    position: absolute;
    right: 0;
    top: 0;
    margin-left: 0.75rem;
    background-color: transparent;
}

.form-group .form-info {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.form-info .btn-info {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 2.25rem;
    height: 2.25rem;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    background-color: transparent;
    border: 0 none;
}

.form-info .btn-info:hover,
.form-info .btn-info:focus {
    background-color: transparent;
    border: 0 none;
    opacity: 0.8;
}

.form-info .btn-info svg {
    width: 1.75rem;
    height: 1.75rem;
}

.form-info .btn-info svg.blue {
    color: #09f;
}

.form-info .btn-info svg.orange {
    color: #f80;
}

.form-info .btn-info svg.violet {
    color: #800994;
}

@media (min-width: 1192px) {
    .form-info .btn-info.info-mobile {
        display: none;
    }
}

@media (max-width: 1191px) {
    .form-info .btn-info.info-desktop {
        display: none;
    }
}

.form-group .input-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 5px;
    font-size: 13px;
}

.has-error .form-label,
.form-group .input-options .error-message {
    font-weight: 600;
    color: #E32F17;
}

.has-error .form-control,
.has-error .form-control:focus {
    border-color: #E32F17;
}

.has-success .form-control,
.has-success .form-control:focus {
    border-color: #75c10a;
}

/* form-select svg color #333333 */
.form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .5rem center;
    background-size: 16px 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
}

.select-supplier {
    position: relative;
    padding-right: 5.625rem;
}

.select-supplier .options-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    right: 0;
    width: 5.625rem;
    background-color: transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.select-supplier .options-holder .btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.select-supplier .options-holder .btn-action:not(:last-child) {
    margin-right: 0.313rem;
}

.select-supplier .options-holder .btn-action svg {
    width: 1.125rem;
    height: 1.125rem;
}

/* Form check */
.form-check {
    display: flex;
    align-items: center;
}

.form-check label,
.form-check input {
    cursor: pointer;
}

.form-check a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #333;
    font-weight: 400;
}

.form-check label:hover {
    text-decoration: none;
}

.form-check label:hover a {
    text-decoration: underline;
}

.form-check label {
    font-weight: 400;
}

.form-check label a,
.form-check a:visited {
    font-weight: 400;
    color: #09f;
}

.form-check .form-check-input {
    flex-shrink: 0;
    width: 21px;
    height: 21px;
    margin-top: 0;
    margin-right: 0.5rem;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    border-top-color: rgba(0, 0, 0, 0.25);
    border-right-color: rgba(0, 0, 0, 0.25);
    border-bottom-color: rgba(0, 0, 0, 0.25);
    border-left-color: rgba(0, 0, 0, 0.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.form-check label {
    margin-bottom: 0;
}

/* form-select, form-radio svg color #333333 */
.form-check .form-check-input:checked[type="checkbox"],
.form-check .form-check-input:checked[type="radio"] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23333333' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.form-check .form-check-input:focus,
.form-check .form-check-input:checked {
    border-color: rgba(0, 0, 0, 0.25);
}

.form-control,
.form-control:disabled,
.form-control[readonly],
.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus,
.form-select,
.form-select:disabled,
.form-check-input,
.form-check .form-check-input:checked {
    background-color: #ffffff;
}

/* type=text, type=checkbox appearance */
input[type=text],
input[type=number],
input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* type=number appearence */
input[type=number] {
    -moz-appearance: textfield;
}

form .button-holder {
    margin: 30px 0;
}

form .form-title {
    font-size: 1.25rem;
    color: #333;
    margin-bottom: 15px;
}

/* Media item */
.media-item {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.media-item .media-item-image {
    display: flex;
    margin-right: 10px;
}

.media-item .media-item-body {
    -ms-flex: 1;
    flex: 1;
}

.col {
    flex: 1 0 0%;
}

.content-holder {
    display: block;
    padding: 0 15px;
    margin-bottom: 90px;
}

.content-holder .form-options {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    margin-bottom: 30px;
}

.content-holder .form-options .btn:not(:last-child) {
    margin-right: 0.625rem;
}

/* Form Novi Predmet */
.form-novi-predmet .form-label,
.form-novi-predmet .form-title {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 500;
}

.form-novi-predmet .form-group .form-check {
    margin-top: 10px;
}

.form-novi-predmet .form-group .free-delivery {
    margin-top: 20px;
}

.form-novi-predmet .form-group>.form-group {
    margin-top: 10px;
    margin-bottom: 0;
}

.form-novi-predmet .form-group>.form-group label {
    font-size: 13px;
    font-weight: 600;
}

.form-novi-predmet .form-group>.form-group input {
    max-width: 120px;
}

.form-novi-predmet .info-box {
    align-items: flex-start;
    margin: 5px 0 15px 0;

}


.form-novi-predmet .uploaded-img {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    height: 262.5px;
}

.form-novi-predmet .selected-holder .uploaded-img {
    margin-bottom: 50px;
}

.form-novi-predmet .uploaded-img .image-holder {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.form-novi-predmet .uploaded-img .image-holder .btn {
    font-size: 13px;
    font-weight: 500;
}

.form-novi-predmet .uploaded-img .upload-file-name {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    max-width: 100%;
    font-size: 12px;
    color: #888;
    padding: 5px 0;
}

.form-novi-predmet .uploaded-img .file-name {
    max-width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.form-novi-predmet .uploaded-img .file-info {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
}

.form-novi-predmet .uploaded-video {
    margin: 15px 0;
}

@media (max-width: 1389px) {
    .form-novi-predmet .uploaded-img {
        height: 212.5px;
    }
}

@media (max-width: 1191px) {
    .form-novi-predmet .uploaded-img {
        height: 345px;
    }
}

@media (max-width: 767px) {
    .form-novi-predmet .uploaded-img .image-holder .btn {
        font-size: 12px;
    }

    .form-novi-predmet .uploaded-img {
        height: 350px;
    }
}

@media (max-width: 428px) {
    .form-novi-predmet .uploaded-img {
        height: 184px;
    }
}

@media (max-width: 375px) {
    .form-novi-predmet .uploaded-img {
        height: 157px;
    }
}

@media (max-width: 360px) {
    .form-novi-predmet .uploaded-img {
        height: 150px;
    }
}

@media (max-width: 340px) {
    .form-novi-predmet .uploaded-img {
        height: 140px;
    }
}

@media (max-width: 320px) {
    .form-novi-predmet .uploaded-img {
        height: 130px;
    }
}

.form-novi-predmet .uploaded-img .image-holder img {
    max-width: 100%;
    max-height: 100%;
}

.form-novi-predmet .uploaded-img .btn svg {
    width: 20px;
    height: 20px;
}

.form-novi-predmet .uploaded-img .top-options,
.form-novi-predmet .uploaded-img .bottom-options {
    display: flex;
    width: 100%;
    position: absolute;
    z-index: 10;
    padding: 7px 10px;
}

.form-novi-predmet .uploaded-img .top-options {
    top: 0;
    justify-content: space-between;
}

.form-novi-predmet .uploaded-img .bottom-options {
    bottom: 0;
    justify-content: flex-end;
}

.form-novi-predmet .uploaded-img .top-options .options-left {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.form-novi-predmet .uploaded-img .top-options .options-right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.form-novi-predmet .uploaded-img .top-options .btn-action {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0;
    font-weight: 500;
    -webkit-border-radius: 1.563rem;
    -moz-border-radius: 1.563rem;
    border-radius: 1.563rem;
    /* -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px); */
}

.form-novi-predmet .uploaded-img .top-options .btn-action:hover {
    opacity: 1;
}

.form-novi-predmet .uploaded-img .top-options .btn-action:hover .icon-holder {
    opacity: 0.8;
}

.form-novi-predmet .uploaded-img .top-options .btn-action.green,
.form-novi-predmet .uploaded-img .top-options .btn-action.gray {
    background-color: transparent;
    color: #333;
}

.form-novi-predmet .uploaded-img .top-options .btn-action .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.875rem;
    height: 1.875rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.form-novi-predmet .uploaded-img .top-options .btn-action.green .icon-holder {
    background-color: #75c10a;
}

.form-novi-predmet .uploaded-img .top-options .btn-action.gray .icon-holder {
    background-color: #f4f4f4;
}

.form-novi-predmet .uploaded-img .bottom-options .btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    height: 2.125rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.form-novi-predmet .uploaded-img .top-options .input-holder {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.form-novi-predmet .uploaded-img .top-options input {
    margin: 0;
    height: 1.875rem;
    width: 1.875rem;
}

.form-novi-predmet .uploaded-img .top-options .btn-action span,
.form-novi-predmet .uploaded-img .top-options .input-holder label {
    margin: 0 0 0 0.313rem;
    background-color: #fff;
    font-size: 0.75rem;
    padding: 0.25rem 0.5rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.form-novi-predmet .uploaded-img .top-options .btn-action:not(:first-child),
.form-novi-predmet .uploaded-img .bottom-options .btn-action:not(:first-child) {
    margin-left: 0.313rem;
}

.form-novi-predmet .uploaded-img .top-options .btn-action svg,
.form-novi-predmet .uploaded-img .bottom-options .btn-action svg {
    width: 1.125rem;
    height: 1.125rem;
}

@media (max-width: 1191px) {
    .form-novi-predmet .form-category-holder .form-group:not(:last-child) {
        margin-bottom: 0;
    }

    .form-novi-predmet .info-box {
        width: 100%;
    }
}

.form-novi-predmet .col-promo {
    margin-bottom: 30px;
}

.form-novi-predmet .col-promo .promo-holder {
    padding: 0 0 15px 0;
    background-color: #f4f4f4;
    color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.form-novi-predmet .col-promo.top-offer .promo-holder {
    background-color: #800994;
    color: #fff;
}

.form-novi-predmet .form-group-title {
    font-size: 16px;
    color: #480c72;
    font-weight: 600;
    margin-bottom: 10px;
}

.form-novi-predmet .col-promo .promo-holder .form-field {
    display: flex;
    align-items: center;
    height: 70px;
    padding: 0 2.5rem 0 15px;
    border-bottom: 1px solid #ad79d2;
    background-color: #f4f4f4;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 1;
}

.form-novi-predmet .col-promo .promo-holder h3 {
    margin-bottom: 0;
    font-size: 20px;
    color: #480c72;
    font-weight: 500;
}

.form-novi-predmet .col-promo.top-offer .promo-holder .form-field {
    background-color: #4e0e7c;
}

.form-novi-predmet .col-promo .promo-holder .form-field .btn-info {
    margin-right: 7px;
}

.form-novi-predmet .col-promo.top-offer .promo-holder h3 {
    color: #fff;
}

.form-novi-predmet .col-promo .price-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 15px 0 30px;
}

.form-novi-predmet .col-promo .promo-price {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid #ad79d2;
}

.form-novi-predmet .col-promo.top-offer .promo-price {
    background-color: #4e0e7c;
    border: 1px solid #ad79d2;
}

.form-novi-predmet .col-promo .promo-price h4 {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
    color: #480c72;
    margin-bottom: 0;
}

.form-novi-predmet .col-promo.top-offer .promo-price h4 {
    color: #fff;
}

.form-novi-predmet .col-promo .promo-price h4 small {
    display: block;
    width: 100%;
    font-size: 18px;
    color: #333;
    margin-top: 5px;
}

.form-novi-predmet .col-promo.top-offer .promo-price h4 small {
    color: #fff;
}

.form-novi-predmet .col-promo .promo-holder p {
    font-size: 14px;
    height: 80px;
    font-weight: 500;
    text-align: center;
}

.form-novi-predmet .col-promo .promo-holder .promo-body {
    padding: 10px 15px;
}

.form-novi-predmet .col-promo .promo-holder .promo-body .form-check {
    color: #333;
}

.form-novi-predmet .col-promo.top-offer .promo-holder .promo-body .form-check {
    color: #fff;
}

.form-novi-predmet .col-promo .promo-holder .promo-body .form-check .form-check-input {
    width: 26px;
    height: 26px;
}

.form-novi-predmet .col-promo .promo-holder .promo-body .form-check label {
    font-size: 16px;
}

@media (max-width: 767px) {
    .form-novi-predmet .col-promo .promo-holder p {
        height: 100px;
    }

    .form-novi-predmet .col-promo .promo-holder .promo-body .form-check {
        padding: 0 10px;
    }
}

.form-novi-predmet .button-holder {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f4f4f4;
    padding: 30px 15px;
    margin: 0;
}

.form-novi-predmet .button-holder .options-holder {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.form-novi-predmet .button-holder .options-holder .btn:not(:last-child) {
    margin-right: 1rem;
}

@media (max-width: 767px) {
    .form-novi-predmet .button-holder {
        flex-wrap: wrap;
        justify-content: center;
    }

    .form-novi-predmet .button-holder .form-check {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 30px;
    }

    .form-novi-predmet .button-holder .options-holder {
        justify-content: center;
        flex-wrap: wrap;
        flex-basis: 100%;
    }

    .form-novi-predmet .button-holder .options-holder .btn {
        width: 60%;
    }

    .form-novi-predmet .button-holder .options-holder .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 1rem;
    }
}

.form-novi-predmet .button-holder .form-check .form-check-input {
    width: 26px;
    height: 26px;
}

.form-novi-predmet .button-holder .form-check label {
    font-size: 16px;
}

.form-novi-predmet .button-holder .btn {
    padding: 0 3rem;
    font-size: 16px;
}

.qq-upload-drop-area {
    background-color: #fff;
    border: 1px solid #ccc;
}

.qq-upload-drop-area-active {
    background-color: #f4f4f4;
}

/* Colorful Border */
.colorful-border {
    position: absolute;
    top: 0;
    left: 0;
    /* height: 110px;
    width: 110px; */
    box-shadow: inset 0 0 10px #fff, inset 10px 0 10px #f0f, inset -10px 0 10px #0ff, inset 10px 0 10px #f0f, inset 10px 0 10px #0ff, 0 0 10px #fff, -10px 0 10px #f0f, 10px 0 10px #0ff;
    z-index: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

/* Colorful Border Animated */
.colorful-border.animated {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: unset;
}

.colorful-border.animated::before,
.colorful-border.animated::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 2;
}

.colorful-border.animated::before {
    width: 120px;
    height: 120px;
    background-color: #4e0e7c;
}

.colorful-border.animated::after {
    width: 120px;
    height: 120px;
    background-color: #4e0e7c;
}

.colorful-border.animated {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.colorful-border.animated .shadow {
    width: 110px;
    height: 110px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    z-index: 1;
    box-shadow: 0 0 30px #fff, 15px 0 15px #f0f, -15px 0 15px #0ff;
    animation: shadow-rotate 15s linear infinite;
    transform-origin: center;
}

@keyframes circle-size {
    from {
        width: 90px;
        height: 90px;
    }

    to {
        width: 110px;
        height: 110px;
    }
}

@keyframes shadow-rotate {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }

    50% {
        transform: translate(-50%, -50%) rotate(180deg);
    }

    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

/* Info box */
.info-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 100%;
    width: 100%;
    padding: 1.5rem;
    background-color: #f4f4f4;
    color: #333;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.info-box .info-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 1rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.info-box.info.info-section {
    margin-bottom: 20px;
    align-items: flex-start;
}

.info-box.info .info-icon {
    background-color: #09f;
    color: #fff;
}

.info-box .info-icon svg {
    width: auto;
    height: 1.25rem;
    flex-shrink: 0;
}

.info-box .info-content h2 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
}

.info-box .info-content h3 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #333;
}

.info-box .info-content p {
    margin: 0;
}

.info-box .info-content p a {
    word-break: break-word;
}

.info-box .info-content .payment-section {
    margin: 5px 0 0 0;
}

.info-box .info-content .payment-section .btn {
    width: auto;
}

.info-box .info-content .payment-section span {
    font-weight: 600;
}

.info-box .info-content .button-section {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding: 15px 0;
}

.info-box .info-content .button-section .btn:not(:last-child) {
    margin-right: 0.625rem;
}

@media (max-width: 767px) {
    .info-box .info-content .payment-section .btn {
        width: 45%;
        margin-right: 5%;
    }

    .info-box .info-content .button-section .btn {
        width: 100%;
    }

    .info-box .info-content .button-section .btn:not(:last-child) {
        margin-right: 0;
        margin-bottom: 1rem;
    }
}

/* Form Lista Zelja */
.content-holder .form-lista-zelja .form-check {
    padding-left: 15px;
    margin-bottom: 10px;
}

.content-holder .form-lista-zelja .form-check:nth-last-child(2) {
    margin-bottom: 0;
}


.content-holder .user-info {
    display: block;
}

.content-holder .user-info .title {
    color: #333;
}

.content-holder .user-info ul {
    margin-bottom: 30px;
    display: block;
}

.content-holder .user-info ul li {
    display: flex;
    align-items: flex-start;
}

.content-holder .user-info ul li:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.content-holder .user-info ul li {
    background: rgba(244, 244, 244, 1);
    background: linear-gradient(90deg, rgba(244, 244, 244, 1) 210px, rgba(255, 255, 255, 1) 0%);
}

.content-holder .user-info ul li span {
    padding: 10px;
}

.content-holder .user-info ul li span:first-child {
    font-weight: 500;
    min-width: 210px;
    max-width: 210px;
}

@media (max-width: 767px) {
    .content-holder .user-info ul li {
        background: linear-gradient(90deg, rgba(244, 244, 244, 1) 50%, rgba(255, 255, 255, 1) 50%);
    }

    .content-holder .user-info ul li span:first-child {
        min-width: 50%;
        max-width: 50%;
    }
}

form.user-vacation {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 30px;
}

form.user-vacation .form-check {
    min-width: 210px;
    max-width: 210px;
    margin-right: 10px;
}

form.user-vacation .form-group {
    position: relative;
    margin-right: 15px;
    margin-bottom: 0;
}

form.user-vacation .form-group label {
    position: absolute;
    bottom: 100%;
}

form.user-vacation .button-holder {
    margin: 0 0 0 15px;
}

@media (max-width:767px) {
    form.user-vacation {
        flex-wrap: wrap;
        margin-top: 0;
    }

    form.user-vacation .form-check {
        width: 100%;
        min-width: none;
        max-width: none;
        margin-bottom: 15px;
        margin-right: 0;
    }

    form.user-vacation .form-group {
        margin-right: 0;
        width: 100%;
        margin-bottom: 15px;
    }

    form.user-vacation .form-group label {
        position: relative;
        bottom: unset;
    }

    form.user-vacation .button-holder {
        margin: 15px 0 0 0;
    }
}

/* Limundo aukcije baner */
.limundo-aukcije-baner {
    padding: 0 15px;
    display: block;
}

/* Datepicker */
.datepicker-dropdown .datepicker-picker {
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
}

.datepicker-cell.focused,
.datepicker-cell.selected,
.datepicker-cell.selected:hover {
    font-weight: 700;
}

.datepicker-picker,
.datepicker-controls .button {
    background-color: #fff;
}

.datepicker-cell:not(.disabled):not(.selected):hover {
    background-color: #f4f4f4;
}

.datepicker-cell.selected,
.datepicker-cell.selected:hover,
.datepicker-cell.selected:focus,
.datepicker-cell.focused:not(.selected),
.datepicker-cell.focused:not(.selected):hover {
    background-color: #09f;
}

.datepicker-controls .button,
.datepicker-header .datepicker-controls .button:hover,
.datepicker-cell.day {
    color: #333;
}

.datepicker-cell.focused:not(.selected),
.datepicker-cell.selected,
.datepicker-cell.selected:hover,
.datepicker-cell.selected:focus {
    color: #fff;
}

.datepicker-cell.next:not(.disabled),
.datepicker-cell.prev:not(.disabled) {
    color: #92929F;
}

/* Moj kupindo primeljena poruka */
.message-holder {
    padding: 0 15px;
}

.message-holder .message-header {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #f4f4f4;
    flex-wrap: wrap;
    padding: 10px 64px 10px 15px;
    margin-bottom: 20px;
    border-radius: 5px;
}

.message-holder .message-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-basis: 100%;
    border-radius: 5px;
}

.message-holder .message-title h2 {
    font-size: 1.25rem;
    font-weight: 500;
    color: #333;
    margin-bottom: 10px;
}

.message-holder .message-header .message-sender {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    flex-basis: 100%;
}

.message-holder .message-header .message-sender p {
    margin-bottom: 0;
    font-weight: 500;
}

.message-holder .message-header .message-actions {
    position: absolute;
    top: 10px;
    right: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.message-holder .message-header .message-actions .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    height: 2.125rem;
    margin-left: 0.625rem;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.message-holder .message-header .message-actions .btn svg {
    width: 1.125rem;
    height: 1.125rem;
}

.message-holder .message-content {
    display: block;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}

.message-form-holder {
    padding: 0 15px;
    margin-bottom: 90px;
}

.message-form-holder h3 {
    color: #333;
    margin-bottom: 1.625rem;
}

/* Moj Kupindo */
.moj-kupindo-button .btn {
    display: flex;
    align-items: center;
    text-transform: uppercase;
}

.moj-kupindo-button .btn svg {
    width: 24px;
    height: auto;
    margin-right: 0.313rem;
}

/* Custom Scroll Table */
.table-holder {
    padding: 0 15px;
}

/* Table scroll */
.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: 0;
    overflow-x: auto;
    min-height: 14rem;
    /*hide scroll bar FF*/
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

/*hide scroll bar web-kit browsers */
.table-scroll::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.table-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.table-scroll::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 0px solid transparent;
}

.table-scroll table {
    width: 100%;
    min-width: 100%;
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.table-scroll td {
    background-color: #fff;
}

.table-scroll th,
.table-scroll td {
    padding: 0.625rem 1rem;
    vertical-align: middle;
}

.table-sm .table-scroll th,
.table-sm .table-scroll td {
    padding: 0.625rem 0.775rem;
}

.table-scroll th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}

.table-scroll th:first-child,
.table-scroll td:first-child,
.table-scroll th:nth-child(2),
.table-scroll td:nth-child(2) {
    position: -webkit-sticky;
    position: sticky;
    z-index: 2;
}

.table-data .table-scroll th:nth-child(2),
.table-data .table-scroll td:nth-child(2) {
    position: relative;
    z-index: unset;
    left: unset;
}

.table-scroll th:first-child,
.table-scroll td:first-child {
    left: 0;
}

.table-scroll th:nth-child(2),
.table-scroll td:nth-child(2) {
    left: 0;
}

.table-scroll th:last-child,
.table-scroll td:last-child {
    position: -webkit-sticky;
    position: sticky;
    right: 0;
    z-index: 2;
}

.table-scroll thead th {
    z-index: 1;
}

.table-scroll thead th:first-child,
.table-scroll thead th:nth-child(2) {
    font-weight: 600;
}

.table-scroll thead th {
    font-weight: 600;
}

/* safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    padding: 1rem 1rem;
    font-weight: 600;
    z-index: 4;
}

.table-scroll thead th:first-child,
.table-scroll tfoot th:first-child,
.table-scroll thead th:nth-child(2),
.table-scroll tfoot th:nth-child(2) {
    z-index: 5;
}

.table-holder {
    position: relative;
}

.table-holder .table-options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.table-holder .list-search,
.accordion-holder .list-search,
.table-holder .table-options .table-search {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}

.table-holder .list-search form,
.accordion-holder .list-search form,
.table-holder .table-options .table-search form {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.table-holder .list-search .table-actions,
.accordion-holder .list-search .table-actions,
.table-holder .table-options .table-actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    flex-basis: 100%;
}

.table-holder .table-options .table-actions .btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.125rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.table-holder .table-options .table-actions .btn-action svg {
    width: 1.125rem;
    height: 1.125rem;
}

.table-holder .list-search .table-actions .btn,
.accordion-holder .list-search .table-actions .btn,
.table-holder .table-options .table-actions .btn {
    height: 2.125rem;
    margin-left: 0.625rem;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.table-holder .table-options .table-actions .btn:hover {
    opacity: 0.8;
}

.table-holder .table-options .table-actions .btn-danger {
    background-color: #E32F17;
    border: 0 none;
}

.table-holder .list-search .form-group,
.accordion-holder .list-search .form-group,
.table-holder .table-options .table-search .form-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex: 0 0 auto;
    margin-bottom: 0;
}

.table-holder .table-options .table-search .form-group .form-label {
    margin-bottom: 0;
    margin-right: 0.313rem;
}

.accordion-holder .list-search .form-group {
    display: flex;
    max-width: 100%;
}

.table-holder>.list-search .form-group,
.accordion-holder .list-search .form-group {
    margin-bottom: 30px;
}

.table-holder .list-search .form-group .form-info,
.accordion-holder .list-search .form-group .form-info,
.table-holder .table-options .table-search .form-group .form-info {
    position: relative;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    margin-left: 0;
    margin-right: 0.313rem;
}

.table-holder .list-search .form-group .form-info .btn-info,
.accordion-holder .list-search .form-group .form-info .btn-info,
.table-holder .table-options .table-search .form-group .form-info .btn-info {
    width: auto;
}

.table-holder .list-search .form-group .btn-action,
.accordion-holder .list-search .form-group .btn-action,
.table-holder .table-options .table-search .form-group .btn-action {
    margin-left: 0.625rem;
}

.table-holder .list-search .form-group .form-control,
.accordion-holder .list-search .form-group .form-control,
.table-holder .table-options .table-search .form-group .form-control {
    height: 2.125rem;
    min-width: 16rem;
    max-width: 16rem;
}

.accordion-holder .list-search .form-group .form-control {
    flex: 1;
    max-width: 100%;
    min-width: 0;
}

.table-holder .list-search .form-group .input-options,
.accordion-holder .list-search .form-group .input-options,
.table-holder .table-options .table-search .form-group .input-options {
    display: block;
    width: 100%;
    padding-left: 34px;
}

.table-holder .table-options .table-title {
    flex-basis: 100%;
}

.table-holder .table-options .table-title h2 {
    font-size: 18px;
    margin-bottom: 0;
    color: #333;
}

.accordion-title h2 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #333;
}

.accordion-title h2 a {
    word-break: break-word;
}

.table-holder .table-options .controls-container {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: 1.25rem;
}

.table-holder .table-options .controls-container .control {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.125rem;
    height: 2.125rem;
    cursor: pointer;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.table-holder .table-options .controls-container .control:not(:last-child) {
    margin-right: 0.625rem;
}

.table-holder .table-options .controls-container .control svg {
    width: 1rem;
    height: auto;
}

/* Desktop table */
.desktop-table .table-header {
    padding-bottom: 0.625rem;
    font-weight: 600;
}

.desktop-table .table-header tr:first-child th:first-child {
    min-width: 0;
    width: 0;
}

.desktop-table .table-header tr:last-child th:last-child {
    min-width: 0;
    width: 0;
}

.desktop-table .table-header .col {
    height: 1.875rem;
}

.desktop-table .table-header th,
.desktop-table .table-content th,
.desktop-table .table-content td,
.desktop-table .table-content td:not(:last-child) {
    border-right: 1px solid #e5e5e5;
}

.desktop-table .table-header th:last-child,
.desktop-table .table-content td:last-child,
.desktop-table .table-header th:nth-last-child(2),
.desktop-table .table-content td:nth-last-child(2) {
    border-right: 0 none !important;
}

.desktop-table .table-header th:last-child,
.desktop-table .table-content td:last-child {
    border-left: 1px solid #e5e5e5;
}

.table-scroll thead th,
.table-holder .controls-container .control {
    background-color: #f4f4f4;
}

.desktop-table tbody tr:hover th,
.desktop-table tbody tr:hover td {
    background-color: #ffffff;
}

.desktop-table .table-content .tr-highlight td,
.panel-highlight {
    border-bottom: 2px solid #e5e5e5;
}

.panel-highlight {
    margin-top: -35px;
    margin-bottom: 35px;
}

.desktop-table .table-content .tr-highlight td {
    padding: 0;
}

/* tr collapse */
.desktop-table .table-content .tr-collapse {
    position: relative;
    z-index: 0;
}

.desktop-table .table-content .tr-collapse .collapse.in,
.desktop-table .table-content .tr-collapse .collapsing {
    display: block;
}

.desktop-table .table-content .tr-collapse .collapse.in,
.desktop-table .table-content .tr-collapse .collapsing {
    border-bottom: 1px solid #e5e5e5;
}

.desktop-table .table-content .tr-collapse .collapse-content {
    display: flex;
    align-items: flex-start;
}

.desktop-table .table-content .tr-collapse td {
    padding: 0;
    border: 0 none;
    border-left: 0;
    background-color: #f9f9f9;
}

.desktop-table .table-content .tr-collapse:hover td {
    background-color: #f9f9f9;
}

.desktop-table .table-content .tr-collapse td:last-child {
    border-left: 0;
}

.desktop-table .table-content .tr-collapse .col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.desktop-table .table-content .tr-collapse .col .col-content {
    display: block;
    width: 100%;
}

.desktop-table .table-content .tr-collapse .col-buyer {
    min-width: 18rem;
}

.desktop-table .table-content .tr-collapse .col-portal {
    min-width: 7rem;
}

.desktop-table .table-content .tr-collapse .col-date {
    min-width: 9rem;
}

.desktop-table .table-content .tr-collapse .col-rating {
    min-width: 7rem;
}

.desktop-table .table-content .tr-collapse .col-status {
    min-width: 7rem;
}

.desktop-table .table-content .tr-collapse .col h4 {
    display: block;
    border-bottom: 0 none;
    color: #333;
    padding: 10px;
    text-align: center;
    width: 100%;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
}

.desktop-table .table-content .tr-collapse .col p {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 10px;
    width: 100%;
    height: 45px;
    font-size: 13px;
    margin-bottom: 0;
}

/* Desktop table dropdown-toggle */
.desktop-table .table-header .dropdown-toggle svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(0deg);
    -moz-transform: translateY(-50%) rotate(0deg);
    -ms-transform: translateY(-50%) rotate(0deg);
    -o-transform: translateY(-50%) rotate(0deg);
    transform: translateY(-50%) rotate(0deg);
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    ;
}

.desktop-table .table-header .col.open .dropdown-toggle svg {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -moz-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    -o-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.desktop-table .table-header .col .btn-sort {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-basis: 100%;
    height: 1.875rem;
    padding: 0;
    border: 0 none;
    font-weight: 600;
}

.desktop-table .table-header .col .btn-sort {
    background-color: #f4f4f4;
}

.desktop-table .table-header .col .btn-sort:hover {
    border: 0 none;
    box-shadow: 0 0 0 transparent;
}

.desktop-table .table-header .col .btn-sort .badge-notification {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: -0.75rem;
    min-width: 0.5rem;
    width: 0.5rem;
    height: 0.5rem;
    padding: 0;
    background-color: #09f;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.desktop-table .table-header .col .btn-sort svg {
    right: 0;
    width: 1rem;
    height: 1rem;
    margin: 0;
}

.desktop-table .table-header .dropdown-menu {
    font-size: 0.875rem;
    padding: .5rem 0;
    border: 0 none;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.desktop-table .table-header .dropdown-menu .dropdown-item {
    padding: .625rem 1rem;
    white-space: normal;
}

.desktop-table .table-header .dropdown-menu .dropdown-item.active {
    background-color: #f5f5f5;
    font-weight: 600;
}

.desktop-table tbody tr th,
.desktop-table tbody tr td {
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

/* Table scroll */
.table-scroll th,
.table-scroll td {
    background-color: #ffffff;
}

.table-scroll.messages-table td,
.table-scroll.messages-table tr:hover td {
    background-color: #E5F4FB;
}

.table-scroll.messages-table tr.message-read td,
.table-scroll.messages-table tr.message-read:hover td {
    background-color: #ffffff;
}

.messages-accordion .panel,
.collapse-style-2.messages-accordion .panel-heading a.collapsed,
.collapse-style-2.messages-accordion .panel-heading a {
    background-color: #E5F4FB;
}

.messages-accordion .panel.message-read,
.collapse-style-2.messages-accordion .panel.message-read .panel-heading a.collapsed,
.collapse-style-2.messages-accordion .panel.message-read .panel-heading a {
    background-color: #ffffff;
}

.desktop-table th,
.desktop-table td {
    border-bottom: 1px solid #e5e5e5;
}

.desktop-table .table-content th .col,
.desktop-table .table-content td .col {
    position: relative;
    padding: 0;
    min-height: 2rem;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.desktop-table .table-header .col,
.desktop-table .table-content .col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.desktop-table .table-content .row:last-child {
    border: 0 none;
}

.desktop-table .table-header .col,
.desktop-table .table-content .col {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.desktop-table .table-header .col {
    font-weight: 600;
}

.desktop-table .col-check {
    min-width: 1.25rem;
    max-width: 1.25rem;
}

.desktop-table .col-check .form-check {
    margin-bottom: 0;
}

.desktop-table .col-check .form-check .form-check-input {
    margin-right: 0;
}

.accordion-footer .form-check .form-check-input {
    width: 1.5em;
    height: 1.5em;
}

.desktop-table .col-message-title,
.desktop-table .col-message-text {
    min-width: 18rem;
    max-width: 18rem;
    width: 18rem;
    font-weight: 400;
}

.table-sm .desktop-table .col-message-title,
.table-sm .desktop-table .col-message-text {
    min-width: 15.625rem;
    max-width: 15.625rem;
    width: 15.625rem;
    font-weight: 400;
}

.table-sm .desktop-table .table-header .col-message-title {
    font-weight: 600;
}

.desktop-table .table-header .col.col-message-title .btn-sort {
    padding-left: 2rem;
}

.desktop-table td .col-message-title svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    margin-right: 0.775rem;
    color: #09f;
}

.desktop-table .col-message-text {
    margin-top: 0.313rem;
    white-space: nowrap;
    overflow: hidden;
}

.desktop-table .col-message-text p {
    display: block;
    margin-bottom: 0;
    font-style: italic;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
}

.desktop-table .col-item {
    min-width: 17rem;
}

.table-sm .desktop-table .col-item {
    min-width: 16.35rem;
}

.desktop-table .col-date {
    min-width: 4rem;
}

.desktop-table .col-quantity {
    min-width: 5rem;
    max-width: 5rem;
}

.table-sm .desktop-table .col-quantity {
    min-width: 3.5rem;
    max-width: 3.5rem;
}

.desktop-table .col-user-list {
    min-width: 17rem;
}

.desktop-table .col-item-count {
    min-width: 5.75rem;
}

.desktop-table .col-views {
    min-width: 5.5rem;
}

.desktop-table .col-discount {
    min-width: 7rem;
    max-width: 7rem;
}

.desktop-table .col-wants {
    min-width: 3rem;
}

.desktop-table .col-price {
    min-width: 7rem;
}

.desktop-table .col-total-price {
    min-width: 7rem;
}

.desktop-table .col-unit-price {
    min-width: 8rem;
}

.desktop-table .col-last-purchase {
    min-width: 10rem;
}

.table-sm .desktop-table .col-last-purchase {
    min-width: 9.5rem;
}

.desktop-table .col-last-rating {
    min-width: 8.25rem;
}

.desktop-table .col-purchases {
    min-width: 7rem;
}

.table-sm .desktop-table .col-purchases {
    min-width: 6rem;
}

.desktop-table .col-document {
    min-width: 8rem;
    max-width: 8rem;
}

.desktop-table .col-document.col-xl {
    min-width: 17rem;
    max-width: 17rem;
}

.desktop-table .col-month {
    min-width: 8rem;
    max-width: 8rem;
}


.desktop-table .table-content .col.col-portal,
.desktop-table .table-content .col.col-cancelled {
    align-items: center;
    justify-content: center;
}

.desktop-table .col-cancelled {
    min-width: 4rem;
    max-width: 4rem;
}

.desktop-table .table-header .col-portal {
    min-width: 2.5rem;
    max-width: 2.5rem;
}

.desktop-table .col-portal img {
    width: 30px;
}

.desktop-table .col-balance {
    min-width: 7rem;
}

.desktop-table .table-content .col-balance {
    font-weight: 500;
    justify-content: flex-end;
}

.desktop-table .col-amount,
.desktop-table .col-debit,
.desktop-table .col-credit {
    min-width: 5rem;
}

.desktop-table .table-content .col-amount,
.desktop-table .table-content .col-debit,
.desktop-table .table-content .col-credit {
    font-weight: 600;
    justify-content: flex-end;
}

.desktop-table .col-sender {
    min-width: 6rem;
    word-break: break-word;
}

.table-sm .desktop-table .col-sender {
    min-width: 6rem;
}

.desktop-table .col-receiver {
    min-width: 6rem;
    word-break: break-word;
}

.desktop-table .col-seller {
    min-width: 10rem;
    word-break: break-word;
}

.table-sm .desktop-table .col-seller {
    min-width: 8rem;
}

.desktop-table .col-buyer {
    min-width: 10rem;
    word-break: break-word;
}

.table-sm .desktop-table .col-buyer {
    min-width: 8rem;
}

.desktop-table .col-description {
    min-width: 10rem;
    word-break: break-word;
}

.desktop-table .col-status {
    min-width: 7rem;
}

.desktop-table .col-status.col-sm {
    min-width: 4rem;
    max-width: 4rem;
}

.desktop-table .col-id {
    min-width: 4rem;
}

.desktop-table .col-delivery {
    min-width: 5.5rem;
    max-width: 5.5rem;
}

.desktop-table .col-actions {
    min-width: 0;
}

.desktop-table .table-content .col.col-actions {
    justify-content: center;
}

.desktop-table .col-item .btn-item,
.panel-body .panel-data .btn-item {
    padding: 0;
    white-space: normal;
    font-weight: 400;
    color: #337ab7;
}

.desktop-table .col-item .btn-item:hover,
.panel-body .panel-data .btn-item:hover {
    color: #337ab7;
}

.desktop-table .col-item .btn-item:hover,
.panel-body .panel-data .btn-item:hover {
    text-decoration: underline;
}

.desktop-table .col-item .product-item .media-item,
.desktop-table .col-item .btn-item .media-item,
.panel-body .panel-data .btn-item .media-item,
.panel-body .panel-data .product-item .media-item-image {
    text-align: left;
}

.desktop-table .col-item .product-item .media-item-image,
.desktop-table .col-item .btn-item .media-item-image,
.panel-body .panel-data .btn-item .media-item-image,
.panel-body .panel-data .product-item .media-item-image {
    position: relative;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 52px;
    margin-right: 10px;
}

.table-sm .desktop-table .col-item .product-item .media-item-image,
.table-sm .desktop-table .col-item .btn-item .media-item-image {
    width: 70px;
    height: 52px;
}

.panel-body .panel-data .btn-item .media-item-image,
.panel-body .panel-data .product-item .media-item-image {
    width: 89px;
    height: 67px;
}

.desktop-table .col-item .product-item .media-item-body,
.desktop-table .col-item .btn-item .media-item-body,
.panel-body .panel-data .btn-item .media-item-body,
.panel-body .panel-data .product-item .media-item-body {
    word-break: break-word;
}

.btn-action.btn-storno,
.panel-body .panel-data .btn-action.btn-storno {
    padding: 0 0.5rem;
    height: 22px;
    width: auto;
    line-height: 1;
    font-weight: 600;
    font-size: 0.75rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.btn-action.btn-storno .popover-holder {
    width: 100%;
    height: 100%;
}

.modal .highlight,
.desktop-table .highlight {
    padding: 0.25rem 0.5rem;
    line-height: 1;
    font-weight: 600;
    font-size: 0.75rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.highlight {
    padding: 0.25rem 0.5rem;
    line-height: 1;
    font-weight: 600;
    font-size: 0.875rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.highlight.green,
.modal .highlight.green,
.desktop-table .highlight.green {
    color: #ffffff;
    background-color: #75c10a;
}

.highlight.orange,
.modal .highlight.orange,
.desktop-table .highlight.orange {
    color: #fff;
    background-color: #f80;
}

.highlight.red,
.modal .highlight.red,
.desktop-table .highlight.red {
    color: #ffffff;
    background-color: #E32F17;
}

.highlight.blue,
.modal .highlight.blue,
.desktop-table .highlight.blue {
    color: #ffffff;
    background-color: #09f;
}

.highlight.gray,
.modal .highlight.gray,
.desktop-table .highlight.gray {
    color: #333;
    background-color: #e5e5e5;
}

.highlight.violet,
.modal .highlight.violet,
.desktop-table .highlight.violet {
    color: #fff;
    background-color: #800994;
}

.desktop-table .col-actions .icon-holder {
    position: relative;
}

.desktop-table .col-actions .icon-holder:not(:last-child),
.panel-body .panel-data .btn-action:not(:last-child) {
    margin-right: 0.313rem;
}

.panel-body .panel-data li.list-options .btn-action:not(:last-child) {
    margin-right: 0;
}

.desktop-table .col-actions .icon-holder .btn-action,
.panel-body .panel-data .btn-action,
.desktop-table .col-discount .btn-action {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.875rem;
    height: 1.875rem;
    padding: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.panel-body ul.panel-data li.list-options {
    align-items: flex-start;
}

.panel-body ul.panel-data li.list-options span:first-child {
    margin-right: 0;
    min-width: 0;
    max-width: 0;
    width: 0;
}

.panel-body ul.panel-data li.list-options span {
    flex-wrap: wrap;
    word-break: break-word;
}

.panel-body .panel-data .list-options .btn-action {
    width: 100%;
    font-weight: 500;
    justify-content: flex-start;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.panel-body .panel-data .list-options .btn-action:not(:last-child) {
    margin-bottom: 10px;
}

.panel-body .panel-data .list-options .btn-action.green,
.panel-body .panel-data .list-options .btn-action.blue,
.panel-body .panel-data .list-options .btn-action.violet,
.panel-body .panel-data .list-options .btn-action.orange,
.panel-body .panel-data .list-options .btn-action.yellow,
.panel-body .panel-data .list-options .btn-action.red,
.panel-body .panel-data .list-options .btn-action.limundo,
.panel-body .panel-data .list-options .btn-action.kupindo {
    background-color: transparent;
    color: #333;
}

.panel-body .panel-data .list-options .btn-action .icon-holder {
    margin-right: 0.313rem;
}

.panel-body .panel-data .list-options .btn-action .icon-holder {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 1.875rem;
    height: 1.875rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
}

.panel-body .panel-data .list-options .btn-action.green .icon-holder {
    background-color: #75c10a;
}

.panel-body .panel-data .list-options .btn-action.blue .icon-holder {
    background-color: #09f;
}

.panel-body .panel-data .list-options .btn-action.violet .icon-holder {
    background-color: #800994;
}

.panel-body .panel-data .list-options .btn-action.orange .icon-holder {
    background-color: #f80;
}

.panel-body .panel-data .list-options .btn-action.yellow .icon-holder {
    background-color: #FFCF19;
}

.panel-body .panel-data .list-options .btn-action.red .icon-holder {
    background-color: #E32F17;
}

.panel-body .panel-data .list-options .btn-action.limundo .icon-holder {
    background-color: #abc100;
}

.panel-body .panel-data .list-options .btn-action.kupindo .icon-holder {
    background-color: #4e0e7c;
}

.desktop-table .col-discount .form-select {
    margin-right: 0.313rem;
}

.desktop-table .col-discount .btn-action {
    width: 1.25rem;
    height: 1.25rem;
    flex-shrink: 0;
}

.desktop-table .col-discount .btn svg {
    width: 0.875rem;
    height: 0.875rem;
}

.btn-action:hover,
.desktop-table .col-actions .icon-holder .btn-action:hover,
.panel-body .panel-data .btn-action:hover {
    opacity: 0.8;
}

.btn-action.red,
.desktop-table .col-actions .icon-holder .btn-action.red,
.panel-body .panel-data .btn-action.red {
    background-color: #E32F17;
    color: #fff;
}

.btn-action.orange,
.desktop-table .col-actions .icon-holder .btn-action.orange,
.panel-body .panel-data .btn-action.orange {
    background-color: #f80;
    color: #fff;
}

.btn-action.blue,
.desktop-table .col-actions .icon-holder .btn-action.blue,
.panel-body .panel-data .btn-action.blue {
    background-color: #09f;
    color: #fff;
}

.btn-action.yellow,
.desktop-table .col-actions .icon-holder .btn-action.yellow,
.panel-body .panel-data .btn-action.yellow {
    background-color: #FFCF19;
    color: #fff;
}

.btn-action.gray,
.desktop-table .col-actions .icon-holder .btn-action.gray,
.panel-body .panel-data .btn-action.gray {
    background-color: #f4f4f4;
    color: #333;
}

.btn-action.green,
.desktop-table .col-actions .icon-holder .btn-action.green,
.panel-body .panel-data .btn-action.green {
    background-color: #75c10a;
    color: #fff;
}

.btn-action.violet,
.desktop-table .col-actions .icon-holder .btn-action.violet,
.panel-body .panel-data .btn-action.violet {
    background-color: #800994;
    color: #fff;
}

.btn-action.limundo,
.desktop-table .col-actions .icon-holder .btn-action.limundo,
.panel-body .panel-data .btn-action.limundo {
    background-color: #abc100;
    color: #fff;
}

.btn-action.kupindo,
.desktop-table .col-actions .icon-holder .btn-action.kupindo,
.panel-body .panel-data .btn-action.kupindo {
    background-color: #4e0e7c;
    color: #fff;
}

.btn-action:disabled,
.desktop-table .col-actions .icon-holder .btn-action:disabled,
.panel-body .panel-data .btn-action:disabled {
    opacity: 1;
}

.desktop-table .col-actions .icon-holder svg,
.panel-body .panel-data .btn-action svg {
    width: 1rem;
    height: 1rem;
}

/* Desktop Table SM */
.table-sm .desktop-table .col-actions .icon-holder .btn-action {
    width: 1.5rem;
    height: 1.5rem;
}

.table-sm .desktop-table .col-actions .icon-holder svg {
    width: 0.75rem;
    height: 0.75rem;
}

/* table-footer */
.table-footer {
    padding: 1.25rem 0.938rem 5.625rem 0.938rem;
}

.table-footer .table-footer-holder {
    display: flex;
    align-items: center;
}

.table-footer .table-footer-holder .form-select {
    height: 2.125rem;
    max-width: 13rem;
}

.table-footer .table-footer-holder.content-left {
    justify-content: flex-start;
}

.table-footer .table-footer-holder.content-left .form-check {
    margin-left: 1rem;
    margin-right: 1.5rem;
    margin-bottom: 0;
}

.table-footer .table-footer-holder.content-left label {
    margin-right: 0.625rem;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
}

.table-footer .table-footer-holder.content-left .form-control {
    width: 4.5rem;
    height: 2.125rem;
}

.table-footer .table-footer-holder.content-center {
    justify-content: center;
}

.table-footer .table-footer-holder.content-right {
    justify-content: flex-end;
}

.table-footer .table-footer-holder.content-right .table-footer-total-pages {
    margin-right: 0.625rem;
}

@media (min-width: 1192px) and (max-width: 1389px) {

    .table-footer .table-footer-holder.content-right .table-footer-total-pages,
    .table-footer .table-footer-holder.content-left label {
        font-size: 13px;
    }
}

.table-footer .table-footer-holder.content-right .form-control {
    width: 4.5rem;
    height: 2.125rem;
}

/* Pagination custom */
.custom-pagination-holder {
    position: relative;
}

.custom-pagination {
    display: flex;
    justify-content: center;
    width: 18.75rem;
    height: 2.125rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.custom-pagination .page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-basis: 2.125rem;
    flex-shrink: 0;
    height: 2.125rem;
    width: 2.125rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
    cursor: pointer;
}

.custom-pagination .page.page-btn:not(.active):hover {
    font-weight: 600;
}

.custom-pagination .page svg {
    width: 1rem;
    height: auto;
}

.custom-pagination .pages {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: auto;
    margin: 0 0.625rem;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    /* prevent the page from scrolling when scrolling an element */
    overscroll-behavior: contain;
}

.custom-pagination a,
.custom-pagination a:hover,
.custom-pagination a:focus,
.custom-pagination a:visited,
.custom-pagination .pages>a,
.custom-pagination .pages>a:hover,
.custom-pagination .pages>a:focus,
.custom-pagination .pages>a:visited {
    color: #333;
}

.custom-pagination-holder .mouse {
    position: absolute;
    top: calc(100% + 2.125rem);
    left: 50%;
    width: 6.25rem;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.custom-pagination-holder:hover .mouse {
    opacity: 0;
    visibility: hidden;
}

.custom-pagination-holder .mouse svg {
    position: relative;
    width: 2.125rem;
    top: -2.125rem;
    right: -0.625rem;
}

.custom-pagination-holder .mouse img {
    width: 3rem;
}

.icon-scroll {
    margin-left: 0.313rem;
}

.icon-scroll,
.icon-scroll::before {
    position: absolute;
    left: 50%;
}

.icon-scroll {
    width: 1.25rem;
    height: 2rem;
    top: calc(50% - 2rem);
    border: 1px solid #333333;
    -webkit-border-radius: 1.563rem;
    -moz-border-radius: 1.563rem;
    border-radius: 1.563rem;
}

.icon-scroll::before {
    content: '';
    width: 0.313rem;
    height: 0.313rem;
    margin-left: -0.1565rem;
    top: 0.313rem;
    background: #333333;
    border-radius: 50%;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
}

@keyframes scroll {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translateY(1.25rem);
    }
}

/*hide scroll bar web-kit browsers */
.custom-pagination .pages::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.custom-pagination .pages::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.custom-pagination .pages::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 0px solid transparent;
}

.custom-pagination .pages .page {
    font-weight: 400;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.custom-pagination .previous,
.custom-pagination .next {
    background-color: #f4f4f4;
}

.custom-pagination .pages .page.active {
    color: #fff;
    background-color: #4e0e7c;
    font-weight: 600;
}

.custom-pagination .page.disabled,
.custom-pagination .page:disabled {
    cursor: not-allowed;
}

/* Accodion */
.accordion-holder {
    padding: 0 15px;
}

.accordion-holder .collapse-style-2 {
    padding: 0;
}

.accordion-holder .collapse-style-2 .panel {
    padding: 0.313rem 0;
}

.accordion-holder .collapse-style-2.collapse-with-badges .panel {
    margin-bottom: 35px;
}

.accordion-holder .collapse-style-2 .panel+.panel {
    margin-top: 0;
}

.accordion-holder .collapse-style-2 .panel-title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.accordion-holder .collapse-style-2 .panel-title .form-check {
    display: inline-block;
    margin-right: 0.313rem;
}

.accordion-holder .collapse-style-2 .panel-title .highlight {
    position: absolute;
    bottom: 100%;
    display: inline-block;
    padding: 0.25rem 0.5rem;
    line-height: 1;
    font-weight: 600;
    font-size: 0.75rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.accordion-holder .collapse-style-2 .panel-data .highlight {
    padding: 0.25rem 0.5rem;
    line-height: 1;
    font-weight: 600;
    font-size: 0.75rem;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    border-radius: 0.25rem;
}

.accordion-holder .collapse-style-2 .panel-heading a {
    display: flex;
    align-items: center;
    word-break: break-word;
}

.accordion-holder .collapse-style-2 .panel-heading a svg {
    width: 1rem;
    height: 1rem;
    flex-shrink: 0;
    margin-right: 1rem;
    color: #09f;
}

.accordion-holder .collapse-style-2 .panel-heading .message-text {
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 0.5rem;
}

.accordion-holder .collapse-style-2 .panel-heading .message-text p {
    display: block;
    margin-bottom: 0;
    font-style: italic;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
}

.panel-title .highlight.green,
.panel-data .highlight.green {
    color: #ffffff;
    background-color: #75c10a;
}

.panel-title .highlight.red,
.panel-data .highlight.red {
    color: #ffffff;
    background-color: #E32F17;
}

.panel-title .highlight.blue,
.panel-data .highlight.blue {
    color: #ffffff;
    background-color: #09f;
}

.panel-title .highlight.gray,
.panel-data .highlight.gray {
    color: #333;
    background-color: #e5e5e5;
}

.panel-title .highlight.violet,
.panel-data .highlight.violet {
    color: #fff;
    background-color: #800994;
}

.panel-body ul.panel-data {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    margin-bottom: 0;
}

.panel-body ul.panel-data li {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 5px 0;
}

.panel-body ul.panel-data li span:first-child {
    min-width: 95px;
    max-width: 95px;
    font-weight: 600;
    margin-right: 5px;
}

.panel-body ul.panel-data li span {
    width: 100%;
    display: flex;
    align-items: center;
    word-break: break-word;
}

.panel-body ul.panel-data li span img {
    width: 30px;
}

.panel-body ul.panel-data li span .discount {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.panel-body ul.panel-data li span .discount .form-select {
    margin-right: 5px;
    width: 5.5rem;
}

.panel-body ul.panel-data li span .discount .btn {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
}

.panel-body ul.panel-data li span .discount .btn svg {
    width: 0.875rem;
    height: 0.875rem;
}

/* accordion-footer */
.accordion-footer {
    margin-top: 10px;
    padding: 0;
}

.accordion-footer .accordion-footer-holder {
    display: flex;
    align-items: center;
}

.accordion-footer .accordion-footer-holder.content-left {
    justify-content: flex-start;
}

.accordion-footer .accordion-footer-holder.content-left .form-check {

    margin-bottom: 0;
}

.accordion-footer .accordion-footer-holder.content-center {
    justify-content: center;
}

.accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin-top: 2rem;
}

.accordion-footer .accordion-footer-holder.content-center .accordion-footer-pagination .accordion-footer-pages-count {
    width: 9.375rem;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
}

.accordion-footer .accordion-footer-pagination {
    overflow-x: scroll;
    scroll-behavior: smooth;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-bottom: 2rem;
}

.accordion-footer .custom-pagination {
    width: 18.125rem;
}

/*hide scroll bar web-kit browsers */
.accordion-footer .accordion-footer-pagination::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.accordion-footer .accordion-footer-pagination::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.accordion-footer .accordion-footer-pagination::-webkit-scrollbar-thumb {
    background-color: transparent;
    outline: 0px solid transparent;
}

.accordion-footer .custom-pagination-holder {
    overflow-x: hidden;
}

.accordion-footer .accordion-footer-holder.content-left {
    justify-content: flex-start;
}

.accordion-footer .accordion-footer-holder.content-left .content-left-holder {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    width: 4.85rem;
}

.accordion-footer .accordion-footer-holder.content-left label {
    margin-right: 0;
    margin-bottom: 0.313rem;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

.accordion-footer .accordion-footer-holder.content-left .form-control {
    width: 100%;
    height: 2.125rem;
}

.accordion-footer .accordion-footer-holder.content-right {
    justify-content: flex-end;
}

.accordion-footer .accordion-footer-holder.content-right .content-right-holder {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
    width: 4.85rem;
}

.accordion-footer .accordion-footer-holder .accordion-footer-total-pages {
    font-size: 1rem;
    padding: 0 0 1.25rem 0;
}

.accordion-footer .accordion-footer-holder.content-right .form-control {
    width: 100%;
    height: 2.125rem;
}

.accordion-footer .accordion-footer-holder.content-right label {
    margin-bottom: 0.313rem;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
}

/* Canvi offcanvas */
.canvi-overlay {
    z-index: 7;
    background: rgba(0, 0, 0, 0.15);
}

body .canvi-navbar,
body.is-canvi-ready .canvi-navbar {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

body.is-canvi-ready .canvi-navbar,
body.is-canvi-open .canvi-navbar {
    display: flex;
}

.canvi-offcanvas {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    max-width: 100%;
    height: 100%;
    background-clip: padding-box;
    outline: 0;
    border: 0 none;
    background-color: #3d005a;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
}

.offcanvas-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 1.7375rem 1.875rem 1.7375rem 1.875rem;
    border-bottom: 1px solid #4e0e7c;
}

.offcanvas-header h4 {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 1.5;
    color: #fff;
    text-transform: uppercase;
}

.offcanvas-header .btn-close {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 2.125rem;
    height: 2.125rem;
    position: absolute;
    right: 20px;
    background-color: #4e0e7c;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.offcanvas-header .btn-close:hover {
    opacity: 0.8;
}

.offcanvas-header .btn-close svg {
    width: 12px;
    height: auto;
    color: #fff;
}

.offcanvas-body {
    padding: 1rem 1.875rem 1rem 1.875rem;
    flex-grow: 1;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
}

.offcanvas-body .offcanvas-nav {
    padding: 0;
    margin-bottom: 2rem;
}

.offcanvas-body h5 {
    color: #f90;
    font-size: 1rem;
    margin-bottom: 1rem;
}

.offcanvas-body h5 a {
    color: #f90;
}

.offcanvas-body h5 a:hover {
    color: #f90;
    text-decoration: underline;
}

.offcanvas-body h5 a:focus {
    color: #f90;
}

.offcanvas-nav li {
    list-style: none;
    margin-bottom: 0.313rem;
}

.offcanvas-nav li a {
    display: flex;
    align-items: center;
    white-space: normal;
    color: #fff;
    padding: 10px 20px 10px 20px;
    font-weight: 400;
    background-color: #4e0e7c;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.offcanvas-nav li a:focus {
    color: #fff;
}

.offcanvas-nav li a:hover,
.offcanvas-nav li a.active,
.offcanvas-nav li a.active:focus {
    color: #f90;
    text-decoration: none;
}

.offcanvas-body h5:last-of-type {
    margin-top: 2rem;
}

.offcanvas-body h5:last-of-type a {
    color: #abc100;
}

.offcanvas-body h5:last-of-type a:hover {
    color: #abc100;
    text-decoration: underline;
}

.offcanvas-body h5:last-of-type a:focus {
    color: #abc100;
}

.offcanvas-nav:last-of-type li a:hover,
.offcanvas-nav:last-of-type li a.active {
    color: #abc100;
    text-decoration: none;
}

.grid-space-0 {
    margin-right: 0;
    margin-left: 0;
}

.grid-space-0 .col-xs-5 {
    padding-left: 0;
    padding-right: 0;
}

/* Aside meni */
.aside-col {
    width: 16%;
    padding-right: 0;
    border-right: 1px solid #e5e5e5;
    margin-bottom: 1.875rem;
}

.main-col {
    width: 84%;
    padding: 0 0 0 15px;
}

@media (min-width: 1192px) and (max-width: 1389px) {
    .aside-col {
        width: 19%;
    }

    .main-col {
        width: 81%;
    }
}

@media (max-width: 1191px) {
    .aside-col {
        display: none;
    }

    .main-col {
        width: 100%;
        padding: 0;
    }
}

.aside-col .aside-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 1.875rem 0 0;
}

.aside-col .aside-header h4 {
    font-size: 23px;
    font-weight: 600;
    line-height: 1;
    color: #4e0e7c;
}

.aside-col .aside-body {
    padding: 1rem 1.875rem 1rem 0;
    flex-grow: 1;
    overflow-y: auto;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
}

.aside-col .aside-body h5 {
    color: #333;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.aside-col .aside-body h5 a,
.aside-col .aside-body h5 a:visited,
.aside-col .aside-body h5 a:visited:hover,
.aside-col .aside-body h5 a:visited:focus {
    color: #337ab7;
}

.aside-col .aside-body h5:last-of-type {
    margin-top: 2rem;
}

.aside-col .aside-body h5:last-of-type a:hover {
    color: #abc100;
    text-decoration: underline;
}

.aside-col .aside-body .aside-nav {
    padding: 0;
    margin-bottom: 1.25rem;
}

.aside-col .aside-body .aside-nav li {
    list-style: none;
    margin-bottom: 0;
}

.aside-col .aside-body .aside-nav li a {
    display: flex;
    align-items: center;
    white-space: normal;
    color: #333;
    padding: 3px 0;
    font-weight: 400;
    background-color: #fff;
    -webkit-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}

.aside-col .aside-body .aside-nav li a:hover,
.aside-col .aside-body .aside-nav li a.active,
.aside-col .aside-body .aside-nav li a.active:focus {
    color: #337ab7;
}

.aside-col .aside-body .aside-nav li a.active:focus {
    color: #337ab7;
    text-decoration: none;
}

.aside-col .aside-body h5:last-of-type a {
    color: #abc100;
}

.aside-col .aside-body .aside-nav:last-of-type li a:hover,
.aside-col .aside-body .aside-nav:last-of-type li a.active {
    color: #abc100;
    text-decoration: none;
}

/* Overlay */
.overlay-container {
    position: relative;
    display: block;
    text-align: center;
    overflow: hidden;
}

/* Listing view MOBILE only */
.list-view-listing {
    width: 100%;
}

.list-view-listing-item .content-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 15px 0;
    border-top: 1px solid #e5e5e5;
    -webkit-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
}

.list-view-listing-item .overlay-container {
    overflow: visible;
}

.list-view-listing-item .middle-content .besplatna-dostava {
    position: relative;
    background-color: transparent;
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;
    width: auto;
    justify-content: flex-start;
}

.list-view-listing-item .middle-content .besplatna-dostava span {
    background-color: #fff;
    color: #E32F17;
    text-align: left;
    width: auto;
    border-radius: 8px;
}

.list-view-listing-item a {
    display: block;
    width: 100%;
    min-width: 0;
}

.list-view-listing-item img.aspect-ratio-4-3 {
    aspect-ratio: 4/3;
}

.list-view-listing-item .middle-content {
    height: unset;
    padding: 0;
}

.list-view-listing-item .body {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    padding: 0 0 0 15px;
}

.list-view-listing-item .body .content-top {
    align-self: flex-start;
    width: 100%;
}

.list-view-listing-item .body h3 {
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    line-height: 1.4666666667;
    margin-bottom: 5px;
}

.list-view-listing-item .item-price {
    color: #888;
    font-size: 15px;
    margin-bottom: 5px;
}

.list-view-listing-item .body .content-bottom {
    margin-top: 5px;
    align-self: flex-end;
    width: 100%;
}

.list-view-listing-item.osenceno .content-container {
    background-color: #fef5e4;
    border-top: 1px solid #f60;
}

.list-view-listing-item .promo-badge.star {
    top: unset;
    bottom: 10px;
}

/* Kupindo paket */
.kupindo-paket {
    background-color: #f4f4f4;
    color: #333;
    padding: 0;
    margin-bottom: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.kupindo-paket .title {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 15px 0 15px;
    border-bottom: 1px solid #ad79d2;
    background-color: #4e0e7c;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 1;
}

.kupindo-paket .title h3 {
    color: #fff;
    margin-bottom: 0;
}

.kupindo-paket .body {
    padding: 15px 15px;
}

.kupindo-paket .body a,
.kupindo-paket .body a:hover,
.kupindo-paket .body a:focus {
    color: #09f;
}

.kupindo-paket .body .button-holder {
    margin-top: 30px;
}

.kupindo-paket .body .button-holder .btn {
    margin-bottom: 10px;
}

.kupindo-paket .body .button-holder .btn:not(:last-child) {
    margin-right: 8px;
}

.kupindo-paket .body .button-holder p {
    margin-bottom: 0;
}

/* Toast */
.toast-container {
    position: fixed;
    padding: 0 0.75rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    top: 9.25rem;
    left: 50%;
    z-index: 1070;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.toast-container> :not(:last-child) {
    margin-bottom: 15px;
}

/* .toast:not(.showing):not(.show) {
    opacity: 0;
    visibility: hidden;
} */

.toast {
    position: relative;
    width: 350px;
    max-width: 100%;
    border: 0 none;
    padding: 0.625rem 5.625rem 0.625rem 1.375rem;
    -webkit-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1.25rem 0 rgba(0, 0, 0, 0.1);
    opacity: 1;
    visibility: visible;
    background-color: #fff;
}

.toast .toast-body {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    flex-basis: 100%;
    padding: 0.75rem 0;
    color: #333;
}

.toast .toast-content {
    display: flex;
    flex-wrap: wrap;
    flex-basis: 100%;
    padding-left: 3.438rem;
}

.toast .toast-border {
    width: 0.375rem;
    min-width: 0.375rem;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
}

.toast .toast-icon {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    background-color: #179db0;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.toast .toast-icon svg {
    width: auto;
    height: 1.25rem;
}

.toast h3 {
    width: 100%;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 0;
}

.toast p {
    width: 100%;
    margin-bottom: 0;
}

.toast a {
    font-weight: 500;
}

.toast ul {
    padding-left: 0;
    margin-bottom: 0;
}

.toast ul li {
    list-style: none;
}

.toast .btn-close {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    margin: 0;
    color: #333;
    width: 2.25rem;
    height: 2.25rem;
    background-color: #f4f4f4;
    position: absolute;
    top: 50%;
    right: 1.375rem;
    text-transform: uppercase;
    background-image: none;
    opacity: 1;
    z-index: 2;
    box-sizing: border-box;
    -webkit-border-radius: .25rem;
    -moz-border-radius: .25rem;
    border-radius: .25rem;
    border: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.toast .btn-close svg {
    width: 0.75rem;
    height: auto;
}

.toast .btn-close:hover {
    opacity: 0.8;
}

.toast.toast-info .toast-icon {
    background-color: #09f;
}

.toast.toast-danger .toast-icon {
    background-color: #E32F17;
}

.toast.toast-warning .toast-icon {
    background-color: #f80;
}

.toast.toast-success .toast-icon {
    background-color: #75c10a;
}

@media (min-width: 768px) {
    .toast {
        width: 550px;
    }
}

/* Loader Dots */
.loader-holder {
    position: fixed;
    top: 50%;
    left: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: transparent;
    /* -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px); */
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: 20;
}

.loader {
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100px;
    height: 50px;
    margin: 0 auto;
    /* animation: slide-in 2s; */
}

@keyframes leap {
    0% {
        transform: translateY(0);
    }

    7% {
        transform: scale(1);
    }

    25% {
        transform: scale(1.3);
    }

    50% {
        transform: scale(1);
    }

    75% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

.dot {
    width: 25px;
    height: 25px;
    border-radius: 100%;
}

.dot:nth-child(1) {
    background-color: #FFCF19;
    animation: leap 1s ease-in-out alternate 0.4s infinite;
}

.dot:nth-child(2) {
    background-color: #4e0e7c;
    animation: leap 1s ease-in-out alternate 0.6s infinite;
}

.dot:nth-child(3) {
    background-color: #f80;
    animation: leap 1s ease-in-out alternate 0.8s infinite;
}



/* embed-responsive-ad-728x90 */
.embed-responsive-ad-728x90 {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    margin: 20px 0;
    padding-top: 10.98%;
}

@media (max-width: 773px) {
    .section-title {
        border-bottom: none;
    }
}