/***********************************************************
 __  __  ____       _   _____            _\_/_ _    _ _   _
|  \/  |/ __ \     | | |  __ \     /\   / ____| |  | | \ | |
| \  / | |  | |    | | | |__) |   /  \ | |    | |  | |  \| |
| |\/| | |  | |_   | | |  _  /   / /\ \| |    | |  | | . ` |
| |  | | |__| | |__| | | | \ \  / ____ \ |____| |__| | |\  |
|_|  |_|\____/ \____/  |_|  \_\/_/    \_\_____|\____/|_| \_|
************************************************************/

html.no-scroll,
html.no-scroll body {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

body {
    font-family: "Hind", sans-serif;
}

a,
a:hover,
a:focus {
    text-decoration: none;
    outline: none;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

label {
    font-size: 16px;
    font-weight: 600;
    color: #4e5f6d;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

.icon:before,
.icon:after {
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    /*line-height: 1;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/***
.bg-color1 { background-color: #00ccd9; }
.bg-color2 { background-color: #00d658; }
.bg-color3 { background-color: #d6dd00; }
.bg-color4 { background-color: #d67b00; }
.bg-color5 { background-color: #ff145d; }
.bg-color6 { background-color: #454545; }
***/
.bg-color1 {
    background-color: #00b050;
}

.bg-color2 {
    background-color: #cc9933;
}

.bg-color3 {
    background-color: #cccc33;
}

.bg-color4 {
    background-color: #99cc33;
}

.bg-color5 {
    background-color: #cc99cc;
}

.bg-color6 {
    background-color: #3399cc;
}

.bg-color7 {
    background-color: #6633cc;
}

.bg-color8 {
    background-color: #cc33cc;
}

.top-bar {
    background-color: #f2f6f8;
    border-bottom: 1px solid #c4c5c5;
}

.admin-page .top-bar {
    background-color: #f73749;
}

.tb-cols {
    display: table;
    width: 100%;
}

.tb-col {
    display: table-cell;
    vertical-align: middle;
    padding: 11px 0;
}

    .tb-col:first-child {
        width: 78px;
    }

    .tb-col:last-child {
        text-align: right;
        /**letter-spacing: 75px;***/
    }

.tb-logo {
    display: inline-block;
}

    .tb-logo > img {
        width: 100%;
    }

.tb-phone,
.tb-login {
    display: inline-block;
    letter-spacing: normal;
}

.tb-phone {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .025em;
    color: #034ea2;
}

    .tb-phone:before {
        content: "\63";
        vertical-align: middle;
        margin-right: 5px;
    }

.tbp-label {
    margin-right: 10px;
}

.tb-login {
    font-size: 14px;
    color: #282727;
}

.admin-page .tb-login {
    color: #8d0808;
}

.tbl-info {
    margin-right: 21px;
}

    .tbl-info > b {
        display: inline-block;
        vertical-align: bottom;
        font-weight: 500;
        max-width: 240px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.tbl-link {
    color: #3391fb;
}

.crvenaLajsna a {
    color: #fff !important;
}

.crvenaLajsna .tb-login {
    color: #fff !important;
}

.admin-page .tbl-link {
    color: #fff;
}

.nav-bar {
    height: 90px;
    line-height: 90px;
    background-color: #fff;
    border-bottom: 1px solid #c4c5c5;
}

.nav-bar-debug {
    background-color: #f99;
}

.nb-logo,
.nb-title {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

.nb-logo {
    margin-right: 25px;
}

    .nb-logo > img {
        width: 108px;
    }

.nb-title {
    margin: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 25px;
    color: #034ea2;
    text-transform: uppercase;
}

.admin-page .nb-title {
    color: #cc0505;
}

.cnav {
    float: right;
    letter-spacing: 31px;
}

    .cnav > li {
        display: inline-block;
        letter-spacing: normal;
        font-size: 16px;
    }

        .cnav > li > a {
            position: relative;
            color: #949494;
            padding: 5px 0;
        }

            .cnav > li > a:before {
                content: "";
                visibility: hidden;
                opacity: 0;
                position: absolute;
                bottom: 5px;
                left: -3px;
                right: -3px;
                height: 2px;
                background-color: #034ea2;
                -webkit-transition: opacity .3s, visibility 0s .3s;
                transition: opacity .3s, visibility 0s .3s;
            }

            .cnav > li > a:hover:before,
            .cnav > li.active > a:before {
                visibility: visible;
                opacity: 1;
                -webkit-transition: opacity .3s;
                transition: opacity .3s;
            }

.banner {
    position: relative;
    height: 126px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

    .banner:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: #e6e6e7;
        opacity: .5;
    }

.sub-bar {
    background-color: #f2f6f8;
    min-height: 42px;
}

.sub-nav {
    padding: 15px 0;
}

    .sub-nav:after {
        content: "";
        display: table;
        clear: both;
    }

    .sub-nav > li {
        float: left;
        font-size: 14px;
        font-weight: 500;
    }

        .sub-nav > li > a {
            display: block;
            color: #242424;
            padding: 7px 22px;
            -webkit-transition: color .3s;
            transition: color .3s;
        }

        .sub-nav > li:hover a,
        .sub-nav > li.active a {
            color: #034ea2;
        }

        .sub-nav > li:first-child > a {
            padding-left: 0;
        }

        .sub-nav > li:last-child > a {
            padding-right: 0;
        }

        .sub-nav > li + li > a {
            border-left: 1px solid #dbd8d8;
        }

.content {
    padding: 30px 0 65px;
}

.content3 {
    padding: 30px 0 65px;
    display: inline-block;
    width: 32%;
}

.sign-box {
    background-color: #f0f0f0;
    display: inline-block;
    width: 68%;
    float: left;
    margin-bottom: 30px;
}

.sb-header,
.sb-footer {
    padding: 17px 15px;
}

.sb-header {
    border-bottom: 1px solid #dad9d9;
}

.napomena {
    /* padding: 30px 0 65px; */
    height: 100%;
    display: inline-block;
    width: 28%;
    margin-left: 30px;
    background-color: #f0f0f0;
    min-height: 434px;
    margin-bottom: 30px;
}


.napomena-footer {
    padding: 17px 15px;
}

.napomena-header {
    border-bottom: 1px solid #dad9d9;
    min-height: 40px;
}

.napomena-wrapper {
    padding: 20px 20px;
    z-index: 1000;
    display: inline-block;
}

.napomena-naslov {
    margin-top: 20px;
    margin-left: 5px;
    /* font-size: 14px; */
    color: #6f6e6e;
    width: 30%;
}

.napomena-info {
    font-size: 16px;
    color: #6f6e6e;
    text-align: center;
}

.napomena-content {
    padding: 45px 15px 37px;
}

.napomena-footer {
    border-top: 1px solid #dad9d9;
}

.napomena-menu {
    text-align: center;
    letter-spacing: 21px;
}

    .napomena-menu > li {
        display: inline-block;
        font-size: 16px;
        letter-spacing: normal;
    }

        .napomena-menu > li > a {
            color: #7e7c7c;
        }

            .napomena-menu > li > a:hover {
                text-decoration: underline;
            }

.sbh-info {
    font-size: 16px;
    color: #6f6e6e;
    text-align: center;
}

.sb-content {
    padding: 45px 15px 37px;
}

.sb-footer {
    border-top: 1px solid #dad9d9;
}

.sbf-menu {
    text-align: center;
    letter-spacing: 21px;
}

    .sbf-menu > li {
        display: inline-block;
        font-size: 16px;
        letter-spacing: normal;
    }

        .sbf-menu > li > a {
            color: #7e7c7c;
        }

            .sbf-menu > li > a:hover {
                text-decoration: underline;
            }

.sb-form {
    max-width: 292px;
    margin: 0 auto;
}

.sbf-group + .sbf-group {
    margin-top: 8px;
}

.sbf-btns {
    margin-top: 24px;
}

.sbfb-cols {
    margin: 0 -6px;
}

    .sbfb-cols:after {
        content: "";
        display: table;
        clear: both;
    }

.sbfb-col {
    float: left;
    width: 50%;
    padding: 0 6px;
}

    .sbfb-col > .c-btn,
    .form-col > .c-btn {
        width: 100%;
        min-width: 0;
    }

select {
    width: 100%;
    height: 46px;
    font-size: 16px;
    font-weight: 400;
    color: #181818;
    border: 1px solid #ccc;
    padding: 0 8px;
    border-radius: 4px;
    outline: none;
}

.c-input {
    font-size: 16px;
    color: #8d8f90;
    width: 100%;
    height: 46px;
    padding: 0 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background-color: #fff;
    outline: none;
}

    .c-input::-webkit-input-placeholder {
        color: #c7c7c7;
    }

    .c-input::-moz-placeholder {
        color: #c7c7c7;
    }

    .c-input:-ms-input-placeholder {
        color: #c7c7c7;
    }

    .c-input:-moz-placeholder {
        color: #c7c7c7;
    }

textarea.c-input {
    height: auto;
    min-height: 100px;
    padding: 10px;
}

.c-btn {
    display: inline-block;
    height: 47px;
    line-height: 47px;
    min-width: 150px;
    border-radius: 23px;
    border: none;
    padding: 0 25px;
    background-color: #034ea2;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    outline: none;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

    .c-btn:hover,
    .c-btn:focus {
        color: #fff;
    }

    .c-btn:hover {
        background-color: #033c7b;
    }

    .c-btn + .c-btn {
        margin-left: 15px;
    }

    .c-btn.gray {
        background-color: #5c7080;
    }

        .c-btn.gray:hover {
            background-color: #455561;
        }

    .c-btn.blu {
        background-color: #316594;
    }

        .c-btn.blu:hover {
            background-color: #244a6c;
        }

.footer {
    background-color: #343e48;
    padding-bottom: 60px;
}

.fl-group:first-child {
    display: inline-block;
    letter-spacing: 12px;
}

    .fl-group:first-child > a {
        display: inline-block;
        position: relative;
        letter-spacing: normal;
    }

        .fl-group:first-child > a > span {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            text-align: center;
            font-family: "Arial", sans-serif;
            font-size: 11px;
            color: #242424;
        }

.fl-group:last-child {
    float: right;
    letter-spacing: 220px;
    margin-top: 30px;
}

    .fl-group:last-child > img,
    .fl-socials {
        display: inline-block;
        vertical-align: middle;
    }

.fl-socials {
    letter-spacing: normal;
}

    .fl-socials > a {
        display: inline-block;
        width: 45px;
        height: 40px;
        line-height: 40px;
        font-size: 19px;
        border-radius: 2px;
        color: #fff;
        text-align: center;
        -webkit-transition: background-color .3s;
        transition: background-color .3s;
    }

        .fl-socials > a:before {
            vertical-align: middle;
        }

        .fl-socials > a.facebook {
            background-color: #3b5998;
        }

            .fl-socials > a.facebook:hover {
                background-color: #476bb7;
            }

            .fl-socials > a.facebook:before {
                content: "\71";
            }

.f-menu {
    text-align: center;
    letter-spacing: 30px;
    margin-top: 40px;
}

    .f-menu > li {
        display: inline-block;
        text-transform: uppercase;
        font-size: 14px;
        letter-spacing: normal;
    }

        .f-menu > li > a {
            color: #fff;
        }

            .f-menu > li > a:hover {
                text-decoration: underline;
            }

.c-title {
    font-family: "Roboto", sans-serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    color: #191919;
    border-bottom: 1px solid #c4c5c5;
    padding-bottom: 6px;
    margin-bottom: 49px;
}

.c-side {
    padding-top: 37px;
}

.c-box {
    background-color: #f2f6f8;
    padding: 18px;
}

.cb-title {
    font-weight: 700;
    font-size: 14px;
    color: #034ea2;
    text-transform: uppercase;
}

.cb-txt {
    font-weight: 300;
    font-size: 14px;
    color: #101010;
    letter-spacing: .025em;
    margin-top: 16px;
}

    .cb-txt > p {
        margin: 0;
    }

        .cb-txt > p + p {
            margin-top: 19px;
        }

.table-wrap {
    font-size: 14px;
    color: #191919;
}

    .table-wrap + .table-wrap,
    .content-group + .content-group,
    .table-wrap + .content-group,
    .content-group + .table-wrap {
        margin-top: 49px;
    }

.table-title {
    background-color: #034ea2;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
}

.ctable {
    width: 100%;
    border: 1px solid #b2b1b1;
    table-layout: fixed;
}

    .ctable + .ctable {
        margin-top: 26px;
    }

    .ctable thead {
        background-color: #f2f6f8;
    }

    .ctable tr {
        border-bottom: 1px solid #b2b1b1;
    }

    .ctable tbody tr:last-child {
        border-bottom: none;
    }

    .ctable th,
    .ctable td,
    .table-title {
        padding: 10px 17px 6px;
    }

    .ctable th,
    .ctable td {
        text-align: center;
        word-break: break-word;
    }

th.align-left, td.align-left {
    text-align: left;
}

th.align-right, td.align-right {
    text-align: right;
}

.ctable th {
    font-weight: 600;
}

.ctable td {
    font-weight: 300;
}

    .ctable th + th,
    .ctable td + td {
        border-left: 1px solid #b4b3b3;
    }

    .ctable td > a {
        color: #034ea2;
        font-weight: 600;
    }

.magic-checkbox + label {
    display: inline-block;
    width: 23px;
    height: 23px;
    line-height: 24px;
    padding-left: 0;
    text-align: center;
}

    .magic-checkbox + label:before,
    .magic-checkbox:checked + label:before {
        border-radius: 50%;
        width: 100%;
        height: 100%;
        border: none;
        background-color: #e8e9ea;
    }

.magic-checkbox:not(:checked) + label:before {
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

@-moz-document url-prefix() {

    .magic-checkbox:not(:checked) + label:before {
        -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35);
        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35);
    }
}

.magic-checkbox + label:after {
    content: "\61";
    font-size: 10px;
    color: #034ea2;
    position: relative;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    border: none;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.magic-checkbox[disabled] + label:before,
.magic-checkbox[disabled] + label:after,
.magic-checkbox:checked[disabled] + label:before,
.magic-checkbox:checked[disabled] + label:after {
    opacity: .35;
}

.magic-checkbox[disabled] + label:before,
.magic-checkbox:checked[disabled] + label:before {
    background: #e8e9ea;
}

.circle-btn {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 23px;
    height: 23px;
    line-height: 24px;
    font-size: 8px;
    border-radius: 50%;
    background-color: #e8e9ea;
    color: #7a7979;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.35);
}

@-moz-document url-prefix() {

    .circle-btn {
        -moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35);
        box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.35);
    }
}

.circle-btn:before {
    vertical-align: middle;
}

.circle-btn:hover {
    color: #034ea2;
}

.circle-btn:active,
.circle-btn:focus {
    box-shadow: none;
    color: #034ea2;
}

.ctable .circle-btn,
.ctable .magic-checkbox + label {
    position: relative;
    top: -1px;
}

.ctable.type2.predstavniciTableX .circle-btn {
    margin-top: 2px;
}

.ctable .circle-btn + .circle-btn {
    margin-left: 13px;
}

.kotlovnica-btn {
    display: inline-block;
    vertical-align: middle;
    margin-top: 3px;
}

.kotlovnica-btn > img  {
    width: 20px;
}

.ctable.predstavniciTableX .circle-btn + .circle-btn,
.ctable.predstavniciTableX .circle-btn + .kotlovnica-btn {
    margin-left: 8px;
}

predstavniciTableX .ctable .positive {
    color: #04a613;
}

.ctable .negative {
    font-weight: 500;
    color: #cc061d;
}

.filters-wrap {
    margin: 0 -15px;
}

.filters {
    display: table;
    width: 100%;
}

.f-row {
    display: table-row;
}

.f-col {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px;
}

    .f-col:first-child {
        width: 60%;
    }

.filters.type1 .f-col:first-child {
    width: 50%;
}

.f-row + .f-row .f-col {
    padding-top: 9px;
}

.filters.type1 .f-col:nth-child(2) {
    width: 190px;
}

.filter-wrap {
    display: table;
    width: 100%;
}

.fw-col {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    line-height: 46px;
}

    .fw-col:first-child {
        white-space: nowrap;
    }

    .fw-col:last-child {
        width: 100%;
    }

.filters.type1 .f-col:last-child .fw-col:first-child {
    width: 100%;
    text-align: right;
}

.filters.type1 .f-col:last-child .fw-col:last-child {
    width: auto;
    white-space: nowrap;
}

.fwc-valign {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    right: 0;
    /*	z-index: 1;
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);*/
}

.filters.type1 .f-col:last-child .fwc-valign {
    left: auto;
    right: 10px;
}

.filters.type1.type1-triple .f-col:first-child,
.filters.type1.type1-triple .f-col:nth-child(2) {
    width: 35%;
}

.filters.type1.type1-triple .f-col:nth-child(3) {
    width: 115px;
}

.filters.type1.type1-triple .filter-wrap,
.filters.type1.type1-triple .fw-col {
    display: block;
}

.filters.type1.type1-triple .fw-col {
    line-height: 36px;
}

.filters.type1.type1-triple .fwc-valign {
    position: static;
}

.filters.type1.type1-triple .f-col:last-child .fw-col:last-child {
    text-align: right
}

.fw-col > strong {
    font-weight: 700;
    color: #181818;
}

.filters-btns {
    margin-top: 30px;
    padding: 0 15px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100%;
}

.bootstrap-select > .dropdown-toggle {
    height: 46px;
    font-size: 16px;
    color: #181818;
    padding: 0 32px 0 12px;
}

    .bootstrap-select > .dropdown-toggle:focus,
    .bootstrap-select > .dropdown-toggle:active {
        outline: none !important;
    }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-overflow: ellipsis;
    margin-right: 15px;
}

.bootstrap-select .caret {
    border-top: 7px solid #5b6f7f;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
}

.bootstrap-select.dropup .caret {
    border-top: 0;
    border-bottom: 7px solid #5b6f7f;
    margin-top: -4px;
}

.dropdown-menu > li > a {
    white-space: normal;
}

.mob-btn,
.mob-collapse,
.mob-submenu,
.mob-overlay {
    display: none;
}

.mob-btn {
    float: right;
    color: #034ea2;
    font-size: 34px;
}

    .mob-btn > .icon {
        vertical-align: middle;
        font-family: "icons";
        cursor: pointer;
    }

        .mob-btn > .icon:before {
            content: "\6f";
            line-height: inherit;
        }

.mob-menu-wrapper {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: -250px;
    width: 250px;
    background-color: #034ea2;
    overflow-y: auto;
    z-index: 3;
    -webkit-transition: left .3s;
    transition: left .3s;
}

    .mob-menu-wrapper.active {
        left: 0;
    }

.mob-collapse:before {
    content: "\6c";
}

.mob-menu,
.mob-menu ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

    .mob-menu,
    .mob-menu a {
        color: #fff;
    }

        .mob-menu ul {
            display: none;
        }

            .mob-menu ul.active {
                display: block;
            }

        .mob-menu > li {
            border-bottom: 1px solid #0b74ae;
        }

            .mob-menu > li > a {
                position: relative;
                display: block;
                padding: 20px 15px;
                padding-right: 45px;
                font-size: 17px;
                cursor: pointer;
            }

                .mob-menu > li > a > i {
                    display: inline-block;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    right: 0;
                    width: 45px;
                    font-family: "icons";
                    font-style: normal;
                    font-weight: normal;
                    font-variant: normal;
                    text-transform: none;
                    speak: none;
                    line-height: 1;
                    -webkit-font-smoothing: antialiased;
                    -moz-osx-font-smoothing: grayscale;
                }

                    .mob-menu > li > a > i:before {
                        position: absolute;
                        top: 50%;
                        right: 15px;
                        -webkit-transform: translateY(-50%);
                        -ms-transform: translateY(-50%);
                        transform: translateY(-50%);
                        -webkit-transition: transform .3s;
                        transition: transform .3s;
                    }

                    .mob-menu > li > a > i.active:before {
                        -webkit-transform: translateY(-50%) rotate(90deg);
                        -ms-transform: translateY(-50%) rotate(90deg);
                        transform: translateY(-50%) rotate(90deg);
                    }

.mob-submenu {
    background-color: #f2f6f8;
}

    .mob-submenu > li {
        position: relative;
    }

        .mob-submenu > li + li {
            border-top: 1px solid #c4c5c5;
        }

        .mob-submenu > li > a {
            position: relative;
            display: block;
            padding: 15px 20px;
            padding-right: 45px;
            font-size: 14px;
            color: #242424;
        }

.mob-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 2;
    -webkit-transition: visibility 0s .3s, opacity .3s;
    transition: visibility 0s .3s, opacity .3s;
}

.mob-menu-wrapper.active + .mob-overlay {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.mob-label {
    display: none;
}

.ctable.type1 th:last-child,
.ctable.type1 td:last-child {
    width: 140px;
}

.ctable.type2 th {
    font-size: 12px;
}

    .ctable.type2 th:first-child,
    .ctable.type2 td:first-child {
        width: 195px;
    }

    .ctable.type2 th:nth-child(2),
    .ctable.type2 td:nth-child(2) {
        width: 40%;
    }

    .ctable.type2 th:last-child,
    .ctable.type2 td:last-child {
        width: 110px;
    }

    .ctable.type2 th:nth-last-child(2),
    .ctable.type2 td:nth-last-child(2) {
        width: 115px;
    }

    .ctable.type2 th:nth-last-child(3),
    .ctable.type2 td:nth-last-child(3) {
        width: 120px;
    }

.ctable.type3 td:nth-last-child(-n+2) {
    width: 100px;
}

.ctable.type3.type-a td:first-child {
    width: 130px;
}

.ctable.type3.type-b {
    width: calc(100% - 130px);
    margin-left: auto;
}

    .ctable.type3.type-b td {
        font-weight: 500;
    }

    .ctable.type3.type-b tr:last-child td {
        background-color: #575555;
        color: #fff;
    }

.ctable.type3.type-c,
.ctable.type3.type-c tr,
.ctable.type3.type-c td + td {
    border-color: #4c4949;
}

    .ctable.type3.type-c td:first-child {
        width: 22px;
        padding: 0;
    }

.form-cols {
    display: table;
    width: 100%;
}

.form-row {
    display: table-row;
}

.form-col {
    display: table-cell;
    vertical-align: middle;
}

    .form-col + .form-col {
        padding-left: 15px;
    }

        .form-col + .form-col:last-child {
            width: 210px;
        }

.form-cols.full-width .form-col:first-child {
    width: 125px;
}

.form-cols.full-width .form-col + .form-col:last-child {
    width: auto;
}

.form-row + .form-row > .form-col {
    padding-top: 10px;
}

.form-row:last-child .c-btn {
    margin-top: 20px;
}

.form-group-triple {
    margin-bottom: 30px;
}

    .form-group.form-group-triple,
    .form-group-triple .form-col {
        display: block;
    }

    .form-group-triple .c-btn {
        margin-top: 19px;
    }

.graph-wrap #graph {
    height: 400px;
}

.filters-triple .filter-wrap,
.filters-triple .fw-col {
    display: block;
}

.filters-triple .fwc-valign {
    position: static;
}

.filters-triple .f-col:first-child {
    width: 50%;
}

.c-btn-triple {
    display: block;
    padding: 0 15px;
}

.content-group.content-group-triple + .content-group {
    margin-top: 9px;
}

.filters.equal .f-col:first-child {
    width: 50%;
}

@media only screen and (max-width: 1199px) {

    .sign-box {
        width: 60%
    }

    .napomena {
        width: 37%;
        margin-left: 20px;
    }

    .c-btn + .c-btn {
        margin-left: 0px;
    }

    .content {
        padding: 25px 0 60px;
    }

    .nav-bar {
        height: 85px;
        line-height: 85px;
    }

    .nb-logo {
        margin-right: 20px;
    }

        .nb-logo > img {
            width: 98px;
        }

    .nb-title {
        font-size: 23px;
    }

    .cnav {
        letter-spacing: 18px;
    }

        .cnav > li {
            font-size: 15px;
        }

    .sub-nav {
        padding: 10px 0;
    }

        .sub-nav > li {
            font-size: 13px;
        }

            .sub-nav > li > a {
                padding: 7px 12px;
            }

    .footer {
        padding-bottom: 50px;
    }

    .fl-group:first-child > a > img {
        width: 112px;
    }

    .fl-group:first-child > a > span {
        font-size: 10px;
    }

    .fl-group:last-child {
        letter-spacing: 160px;
    }

        .fl-group:last-child > img {
            width: 246px;
        }

    .f-menu > li {
        font-size: 13px;
    }

    .c-title {
        margin-bottom: 39px;
    }

    .table-wrap + .table-wrap,
    .content-group + .content-group,
    .table-wrap + .content-group,
    .content-group + .table-wrap {
        margin-top: 39px;
    }

    .ctable th,
    .ctable td,
    .table-title {
        padding: 7px 10px 3px;
    }

    .ctable.type2 th:nth-child(2),
    .ctable.type2 td:nth-child(2) {
        width: 32%;
    }

    .filters-wrap {
        margin: 0 -10px;
    }

    .f-col {
        padding: 0 10px;
    }

    .filters-btns {
        margin-top: 25px;
    }

    .sbh-info,
    .sbf-menu > li {
        font-size: 15px;
    }
}

@media only screen and (min-width: 992px) {

    .cb-txt {
        display: block !important;
    }

    .cnav > li {
        position: relative;
    }

    .mob-submenu {
        display: block;
        position: absolute;
        top: 90%;
        left: 50%;
        margin-left: -115px;
        width: 230px;
        visibility: hidden;
        opacity: 0;
        z-index: 9999;
        -webkit-transition: visibility 0s .3s, opacity .3s;
        transition: visibility 0s .3s, opacity .3s;
        -webkit-box-shadow: 5px 5px 20px -5px rgba(0,0,0,0.75);
        -moz-box-shadow: 5px 5px 20px -5px rgba(0,0,0,0.75);
        box-shadow: 5px 5px 20px -5px rgba(0,0,0,0.75);
    }

        .mob-submenu:before {
            content: "";
            height: 0;
            border-bottom: 10px solid #f2f6f8;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            position: absolute;
            bottom: 100%;
            left: 50%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
        }

    .cnav > li.hasSubMenu:hover .mob-submenu {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }

    .mob-submenu > li {
        line-height: 1.42857143;
        -webkit-transition: background-color .3s;
        transition: background-color .3s;
    }

        .mob-submenu > li.active {
            background-color: #e3e8ea;
            font-weight: 500;
        }

        .mob-submenu > li:hover {
            background-color: #e3e8ea;
        }

        .mob-submenu > li > a {
            padding-right: 20px;
        }
}

@media only screen and (max-width: 991px) {

    #naziv_odabranog_fajla {
        width:300px;
    }

    .c-title {
        margin-bottom: 33px;
    }

    .table-wrap + .table-wrap,
    .content-group + .content-group,
    .table-wrap + .content-group,
    .content-group + .table-wrap {
        margin-top: 33px;
    }

    .cnav,
    .sub-nav,
    .tbl-info {
        display: none;
    }

    .tb-col:last-child {
        /*   letter-spacing: 45px;*/
    }

    .nav-bar {
        height: 75px;
        line-height: 75px;
    }

    .nb-logo > img {
        width: 93px;
    }

    .nb-title {
        font-size: 21px;
    }

    .sub-bar {
        min-height: 22px;
    }

    .mob-btn,
    .mob-menu-wrapper,
    .mob-submenu,
    .mob-overlay {
        display: block;
    }

    .footer {
        padding-bottom: 30px;
    }

    .fl-group:last-child {
        letter-spacing: 90px;
    }

    .f-menu {
        line-height: 2.5;
        margin: 25px auto 0;
        max-width: 500px;
    }

        .f-menu > li {
            line-height: 1.42857143;
        }

    .c-side {
        display: none;
    }

    .c-box {
        margin-bottom: 33px;
        padding: 0;
    }

    .cb-title {
        position: relative;
        padding: 14px 18px;
        padding-right: 45px;
        cursor: pointer;
    }

        .cb-title:after {
            content: "\6e";
            position: absolute;
            top: 50%;
            right: 18px;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            -webkit-transition: transform .3s;
            transition: transform .3s;
        }

        .cb-title.active:after {
            -webkit-transform: translateY(-50%) rotate(-180deg);
            -ms-transform: translateY(-50%) rotate(-180deg);
            transform: translateY(-50%) rotate(-180deg);
        }

    .cb-txt {
        display: none;
        margin-top: 0;
        padding: 0 18px 18px;
    }

    .ctable .circle-btn + .circle-btn {
        margin-left: 15px;
    }

    .ctable.type2 th:last-child,
    .ctable.type2 td:last-child {
        width: 98px;
    }

    .ctable.type2 th:nth-last-child(2),
    .ctable.type2 td:nth-last-child(2) {
        width: 104px;
    }

    .ctable.type2 th:nth-last-child(3),
    .ctable.type2 td:nth-last-child(3) {
        width: 90px;
    }

    .filters.type1 .f-col:last-child .filter-wrap,
    .filters.type1 .f-col:last-child .fw-col {
        display: block;
    }

    .filters.type1 .f-col:last-child .fw-col {
        white-space: normal;
        line-height: 1.42857143;
        text-align: right;
    }

    .filters.type1 .f-col:last-child .fwc-valign {
        position: static;
    }

    .filters-btns {
        margin-top: 20px;
    }

    .banner {
        height: 106px;
    }

    .form-group.form-group-triple {
        margin-bottom: 20px;
    }

    .form-group-triple .c-btn {
        display: block;
        margin-top: 0;
    }

    .c-title-triple {
        margin-top: 10px;
    }

    .filters.type1.type1-triple .f-col:first-child,
    .filters.type1.type1-triple .f-col:nth-child(2) {
        width: 30%;
    }
}
.lijevo {
    width: 100%;
    line-height: 22px;
    color: #666;
}

.desno ul {
}

    .desno ul li {
        margin-bottom: 5px;
    }

        .desno ul li:before {
            content: '✓';
            margin-right: 10px;
            margin-bottom: 10px;
            display: block;
            float: left;
        }

        .desno ul li:last-child {
            position: relative;
            left: -20px;
        }	

@media only screen and (max-width: 767px) {

    .sign-box {
        width: 100%
    }

    .napomena {
        width: 100%;
        margin-left: 0;
    }

    .desno, .lijevo {
        float:none;

    padding:20px 0 0 0;
    width:100%;

    }
    .desno {
    padding-left:20px;
    }

    .desno ul li:last-child {
        margin-bottom: 0px;
        position: static !important;
    }

    .desno ul li:before {
        margin-bottom: 0px;
    }	

    #naziv_odabranog_fajla {
        width: 100%;
    }

    .table.type2 td:nth-last-child(3) > .circle-btn .preuzimanja label {
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .datum-zadnjeg-obracuna {
        margin-top: 20px;
    }

    #btnIzvoz {
        margin-top: 10px;
    }

    .submit_ok {
        margin-left: 0px !important;
        text-align: center;
    }

    .padleft-col {
        padding-left: 15px !important;
    }

    .inp-wrap-border {
        border-right: 0 !important;
        padding-right: 15px !important;
    }

    .inp-wrap-login {
        margin-bottom: 60px;
    }

    .form-col .inp-wrap {
        padding-left: 0;
    }

    .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .c-btn {
        width: 100%;
        font-size: 11px;
        padding: 0 14px;
        height: 44px;
        line-height: 44px;
    }

        .c-btn + .c-btn {
            margin: 10px 0 0;
        }

    .tb-col {
        padding: 8px 0;
    }

    .tb-phone {
        font-size: 14px;
    }

        .tb-phone:before {
            font-size: 16px;
        }

    .tbp-label {
        display: none;
    }

    .nav-bar {
        height: 70px;
        line-height: 70px;
    }

    .nb-logo > img {
        width: 88px;
    }

    .nb-title {
        font-size: 19px;
    }

    .footer {
        padding-bottom: 20px;
    }

    .f-logos {
        text-align: center;
    }

    .fl-group:first-child {
        display: none;
    }

    .fl-group:last-child {
        float: none;
        display: inline-block;
    }

    .f-menu {
        letter-spacing: 25px;
    }

        .f-menu > li {
            font-size: 12px;
        }

    .mob-label {
        display: block;
        font-weight: 600;
    }

        .mob-label:after {
            content: ":";
        }

    .table-title {
        padding: 10px 11px 6px;
    }

        .table-title.type2 {
            position: relative;
            padding-left: 46px;
        }

            .table-title.type2 .magic-checkbox + label {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 36px;
                height: auto;
                background-color: #034ea2;
                border-right: 1px solid #b2b1b1;
            }

                .table-title.type2 .magic-checkbox + label:before {
                    top: 50%;
                    left: 50%;
                    width: 23px;
                    height: 23px;
                    -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

                .table-title.type2 .magic-checkbox + label:after {
                    position: absolute;
                    top: 52%;
                    left: 50%;
                    -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                }

    .ctable,
    .ctable thead,
    .ctable tbody,
    .ctable tr,
    .ctable th,
    .ctable td {
        display: block;
    }

        .ctable thead {
            display: none;
        }

        .ctable tr {
            position: relative;
            padding: 5px 11px;
        }

        .ctable td + td {
            border: none;
            margin-top: 5px;
        }

        .ctable th,
        .ctable td {
            width: auto !important;
            padding: 0;
            text-align: left;
        }

        .ctable tr {
            padding: 10px;
        }

        /*.ctable.type1.type-b tr,*/
        .ctable.type2.predstavniciTableX tr {
            	padding-left: 46px;
        }

        .ctable.type2 tr {
            /*	padding-bottom: 40px;*/
        }

        .ctable.type2.predstavniciTableX td:nth-child(2),
        .ctable.type2.predstavniciTableX td:nth-child(2) .mob-label {
            margin-top: 0;
        }

        /*	.ctable.type1.type-b td:last-child,
	.ctable.type2 td:first-child {
		position: absolute;
		top: 0; bottom: 0; left: 0;
		border-right: 1px solid #b2b1b1;
		width: 35px !important;
		margin: 0;
	}*/

        .ctable.type1.type-b td:last-child,
        .ctable.type2 td:first-child {
            position: relative;
            top: 0;
            bottom: 0;
            left: 0;
            border-right: 0;
            width: auto;
            margin: 0;
        }

            .ctable.type1.type-b td:last-child > .magic-checkbox + label,
            .ctable.type2 td:first-child > .magic-checkbox + label {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
            }

        .ctable .mob-label {
            margin-top: 10px;
        }

        .ctable.type1.type-b td:last-child > .mob-label  {
            display: block;
            /*display:none;*/
        }

        .ctable.type2.predstavniciTableX td:first-child > .mob-label,
        .ctable.type2.predstavniciTableX td:nth-last-child(3) > .mob-label {
            display: none;
        }

        .ctable.type2.predstavniciTableX td:first-child {
            overflow: visible;
        }

        .ctable.type2 td:nth-last-child(-n+2) > .mob-label {
            display: inline-block;
            margin-right: 5px;
        }

        .ctable.type2 td:nth-last-child(3) {
            /*position: absolute;*/
            bottom: 5px;
            left: 46px;
            right: 11px;
        }

            .ctable.type2 td:nth-last-child(3) > .circle-btn {
                float: left;
                /*
                width: 49%;
                height: 30px;
                line-height: 31px;
                font-size: 14px;
                border-radius: 0;
                */
            }

                .ctable.type2 td:nth-last-child(3) > .circle-btn + .circle-btn {
                    margin-left: 2%;
                }

        .ctable.type3.type-a td:first-child,
        .ctable.type3.type-b td:first-child {
            font-weight: 600;
            color: #191919;
        }

        .ctable.type3.type-a td:nth-last-child(-n+2),
        .ctable.type3.type-b td:nth-last-child(-n+2) {
            display: inline-block;
        }

        .ctable.type3.type-b {
            border-top: none;
            margin-top: 0;
        }

            .ctable.type3.type-b tr,
            .ctable.type3.type-b tr td {
                text-align: right;
            }

            .ctable.type3.type-b tr {
                background-color: #f2f6f8;
            }

                .ctable.type3.type-b tr:last-child {
                    background-color: #575555;
                }

                    .ctable.type3.type-b tr:last-child td {
                        background-color: transparent;
                    }

        .ctable.type3.type-b {
            width: 100%;
        }

        .ctable.type3.type-c tr {
            padding-left: 21px;
        }

        .ctable.type3.type-c td:first-child {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 10px !important;
        }

    .content-group > .row > .col-sm-6 + .col-sm-6 {
        margin-top: 33px;
    }

    .content-group-triple > .row > .col-sm-6 + .col-sm-6 {
        margin-top: 13px;
    }

    .filters,
    .f-row,
    .f-col,
    .filter-wrap,
    .fw-col {
        display: block;
    }

        .filters,
        .f-col:first-child,
        .filters.type1 .f-col:first-child,
        .filters.type1 .f-col:nth-child(2),
        .fw-col:last-child,
        .filters.type1 .f-col:last-child .fw-col:first-child {
            width: auto;
        }

        .f-col + .f-col,
        .f-row + .f-row .f-col {
            padding-top: 10px;
        }

    .fw-col {
        line-height: 1.42857143;
    }

        .fw-col:first-child {
            white-space: normal;
        }

    .filters.type1 .f-col:last-child .fw-col,
    .filters.type1 .f-col:last-child .fw-col:first-child {
        text-align: left;
    }

    .filters.type1 .f-col:last-child .fw-col {
        display: inline-block;
    }

        .filters.type1 .f-col:last-child .fw-col + .fw-col {
            margin-left: 5px;
        }

    .fwc-valign {
        position: static;
    }

    .sb-content {
        padding: 35px 15px 27px;
    }

    .banner {
        height: 96px;
    }

    .form-col + .form-col:last-child {
        width: auto;
    }

    .filters-triple .f-col:first-child {
        width: 100%;
    }

    .c-box-triple {
        margin-bottom: 23px;
    }

    .filters.equal .f-col:first-child {
        width: 100%;
    }

    .filters.type1.type1-triple .f-col:first-child,
    .filters.type1.type1-triple .f-col:nth-child(2),
    .filters.type1.type1-triple .f-col:nth-child(3) {
        width: 100%;
    }

    .filters.type1.type1-triple .f-col:nth-child(3) {
        margin-bottom: 10px;
    }

    .filters.type1.type1-triple .fw-col {
        line-height: 1.4;
    }

    .form-cols.full-width .form-col:first-child {
        width: 95px;
    }

    .ctable.type2.predstavniciTableX td:first-child {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        border-right: 1px solid #b2b1b1;
        width: 35px !important;
        margin: 0;
    }
}

@media only screen and (max-width: 479px) {
	.banner {
		display: none;
	}
	

    .tb-col {
        padding: 5px 0;
    }

        .tb-col:last-child {
            /* letter-spacing: 15px;*/
        }

    .nav-bar {
        height: 65px;
        line-height: 65px;
    }

    .nb-logo {
        margin-right: 15px;
    }

        .nb-logo > img {
            width: 78px;
        }

    .nb-title {
        font-size: 17px;
    }

    .mob-btn {
        font-size: 32px;
    }

    .fl-group:last-child {
        letter-spacing: 20px;
    }

        .fl-group:last-child > img {
            width: 206px;
        }

    .fl-socials > a {
        width: 40px;
        height: 35px;
        line-height: 35px;
        font-size: 17px;
    }

    .f-menu {
        letter-spacing: 10px;
    }

    .form-cols,
    .form-row,
    .form-col {
        display: block;
    }

        .form-col + .form-col {
            padding-left: 0;
        }

        .form-row + .form-row > .form-col:last-child {
            padding-top: 0;
        }

        .form-row:last-child .c-btn {
            margin-top: 0;
        }

        .form-cols.full-width .form-col:first-child {
            width: auto;
        }
}

label {
    margin: 0;
}

.plavo {
    color: #014da1;
}

.crveno {
    color: #f21818;
}

.form-col .radio {
    display: inline-block;
    margin-left: 10px !important;
}

.form-col.last {
    padding-top: 20px;
}

.form-col .inp-wrap {
    padding-left: 15px;
}

.row.padding-stela {
    padding: 15px;
}

    .row.padding-stela label {
        margin-bottom: 10px;
    }

#frm label {
    /*  margin-top: 20px;*/
}

.margtop30 {
    margin-top: 30px;
}

.brojke-wrap {
    display: inline-block;
    margin-right: 15px;
    text-align: center;
}

    .brojke-wrap input {
        margin: 0 auto !important;
        margin-bottom: 10px !important;
    }

.captcha_img {
    margin-left: 10px;
}

.padleft-col {
    padding-left: 60px;
}

.inp-wrap-border {
    border-right: 1px solid #ccc;
    padding-right: 60px;
}

.inp-wrap-login input, .inp-wrap-login button {
    margin-top: 10px;
}

.relative {
    position: relative;
}

.inp-wrap-reg {
    margin-top: 40px;
}

.c-title.smallTitle {
    font-size: 16px;
    margin-bottom: 20px;
}

.broj-plinomjera {
    margin: 30px 0;
}

.crvenaLajsna {
    background-color: #f73749;
}

.prometDojavaStanjaImg {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.tooltip-inner {
    background-color: #2c68b3 !important;
}

/*d*/

/**msg status response***/
.error {
    color: #fc2b49;
    font-weight: bold;
    text-align: center;
    margin-bottom: 49px;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid #fc2b49;
}

.success {
    color: green;
    font-weight: bold;
    text-align: center;
    margin-bottom: 49px;
    padding: 15px;
    border-radius: 3px;
    border: 1px solid green;
}
/**End msg status response***/

.podnaslov {
    font-weight: bold;
    margin: 20px 0;
}

.submit_ok {
    margin-left: 110px;
    font-weight: bold;
    color: green;
    margin-top: 20px;
}

#btnPosaljiPredstavniku, #btnDodajKotlovnicu {
    display: block;
    height: 47px;
    line-height: 47px;
    width: 300px;
    margin-top: 20px;
    border-radius: 23px;
    border: none;
    padding: 0 25px;
    background-color: #034ea2;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
    outline: none;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
}

#btnDodajKotlovnicu {
    width: 150px;
}

.kotlovnice_grad {
    /**margin: 20px 0;**/
    font-weight: bold;
}

    .kotlovnice_grad .table-wrap {
        margin-top: 20px;
    }

#frmPost .fajl {
    display: none;
}

.pregled_table {
    width: 100%;
}

    .pregled_table td {
        padding: 10px;
    }

    .pregled_table .input_s {
        float: right;
    }

.raspodjela-total {
    border-top: 1px solid #f2f2f2;
    padding-top: 10px;
    text-align: right;
}

.obaveznoObavijest {
    margin-bottom: 20px;
}

#nova_raspodjela {
    display: none;
}


#report_wrapper > .success {
    margin-top: 0px !important;
}

.potrosnja-mjeseci label {
    margin-bottom: 10px;
    margin-top: 20px;
}

.potrosnja-mjeseci {
    margin-top: 10px;
}

.green {
    color: green;
}

.red {
    color: red;
}

#btnSendFile{display:none;}
#btnIzvoz {margin-top:10px;}

#naziv_odabranog_fajla {
    margin-top: 10px;
    border: 1px solid #ccc;
    padding: 10px;
    border-radius: 30px;
}

.hiddOnPageLoad {display:none;}
.nestoKemija {
    width: auto !important;
    overflow: hidden;
}

.obavijestIspodNapomene {
    padding: 14px 18px;
    cursor: default;
    font-weight: bold;
    border:solid 1px red;
    margin-top:20px;
}

@media only screen and (min-width: 1199px) {
    .desno ul li:last-child {
        margin-bottom: 0px;
        position: static !important;
    }
}

@media only screen and (max-width: 991px) {

    .desno ul li:last-child {
        margin-bottom: 0px;
        position: static !important;
    }	
    
    .c-box + .obavijestIspodNapomene {
        margin-top: -20px;
    }

    .obavijestIspodNapomene {
        margin: 0 0 33px;
        padding: 14px 18px;
    }
}


.cookie-banner {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    height: auto;
    min-height: 70px;
    background: rgba(10, 99, 181,0.9);
}


    .cookie-banner p a {
        color: #ffffff;
        text-decoration: underline;
    }

.cb-container {
    display: table;
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

    .cb-container.center {
        padding-top: 10px;
    }

.cb-col {
    display: table-cell;
    vertical-align: middle;
    padding: 10px 0;
    color: #fff;
}

    .cb-col + .cb-col {
        width: 35%;
        text-align: right;
    }

    .cb-col > a,
    .cb-col > a:link,
    .cb-col > a:visited,
    .cb-col > a:active {
        color: #fff;
        font-weight: 700;
    }

.cb-btn {
    position: absolute;
    right: 0;
    top: 12px;
}

.cb-btn2 {
    border-radius: 4px;
    padding: 5px 0;
    background: #6c3;
    color: #0B64B4;
    font-size: 1em;
    border: 0;
    font-size: 12px;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    position: static;
    background: rgba(255, 255, 255, 0.9);
    margin: 0 0 0 20px;
}

.cb-btn.btn-white:hover {
    opacity: 1;
    background: #07365d;
    color: #ffffff;
}

.centerCstAlgin{text-align:center;}

.copyright {
    text-align: center;
    color: #fff;
}

.copyright > p {
    padding: 10px 0;
}

.sign-box-neovlasten-kupac{
    display:block !important;
    text-align:center;
    width:100% !important;
}


/*cookie trakica*/

.gdc-button{
	    border-radius: 30px;
		background-color:#1d4593 !important;
}

.gdc-info-icon-bkg{
	fill:#1d4593 !important;
}

.gdc-options input[type=checkbox]:checked + label:before{
	background-color:#1d4593 !important;
	border-color:#1d4593 !important;
}

.gdc-description a{
	color:#1d4593 !important;
}



.gdc-options input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 6px;
    width: 7px;
    height: 13px;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    transform: rotate(45deg);
}