html, body {
    height: 100%;
    margin: 0px;
    font-size: 11px;

}

/*
indigo plava #003577
*/
body {
    background-color: #dfebf9;
    font-family: 'Arial';
    font: 11px Verdana, Geneva, sans-serif;
    font: 11px 'Arial', sans-serif;
    color: #1e395b;
}

a {
    font: 12px 'Arial', sans-serif;

}

.btn {
    border-radius: 3px;

    padding: 3px 6px;

    font-size: 11px;
}

.form-control {
    padding: 3px 6px;

    font-size: 11px;
}

.input-group-addon {
    padding: 3px 3px;
}

.form-control {
    border-radius: 3px;
}

div#header-navbar-collapse-1 {
    margin-left: 20px;
    text-align: center;
}

.detaljnije .napomena .col-md-2 {
    width: 107px;
}

.detaljnije .napomena .col-md-9 {
    width: 407px;
}

#header-nav {
    background-color: #003577;
}

#header-nav .alert-danger {
    background-color: #d9534f;
    border-radius: 0;
    color: #fff;
    border: 1px solid transparent;
    border-radius: 5px;
    margin-top: 10px;
    padding: 0 15px;
}

.alert-pretplate {
    text-align: center;
}

.alert-pretplate li {
    list-style: none;
}

.alert-pretplate .alert {
    display: inline-block;
}

#header-nav .alert-danger a {
    color: #fff;
    font-weight: bold;
}

#header-nav a {
    color: #fff;
    padding: 15px 13px;
}
.logo-sidebar-link img{
    width: 130px;
}
#header-nav .dropdown-menu a {
    color: #444;
    padding: 15px 13px;
}

#header-nav .dropdown-menu a:hover, #header-nav .dropdown-menu a:focus {
    background-color: #e6f0f8;
}

#header-nav #istekla-pretplata {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;

    padding: 5px 10px;
}

.dropdown-menu > li > a {
    padding: 3px 10px;
}

#header-nav .navbar {
    margin: 0;
    border: none;
}

.navbar {
    margin: 0;
}

#header-nav .nav > li > a:hover, #header-nav .nav > li > a:focus {
    /*	background-color: #2980b9;
        color: #fff;
        text-decoration: none;
        -webkit-box-shadow: 1px 1px 1px 0px rgba(66, 66, 66, 0.75);
        -moz-box-shadow:    1px 1px 1px 0px rgba(66, 66, 66, 0.75);
        box-shadow:         1px 1px 1px 0px rgba(66, 66, 66, 0.75);*/
}

#header-nav .nav > li > a:hover, #header-nav .nav > li > a:focus {
    -webkit-box-shadow: 0 -3px 0 #fff inset;
    -moz-box-shadow: 0 -3px 0 #fff inset;
    box-shadow: 0 -3px 0 #fff inset;
    background-color: #003577;
    opacity: 1;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    /*background-color: #2980b9;*/
    -webkit-box-shadow: 0 -3px 0 #fff inset;
    -moz-box-shadow: 0 -3px 0 #fff inset;
    box-shadow: 0 -3px 0 #fff inset;
    background-color: #003577;
}

.navbar-nav > li > .dropdown-menu {
    /*background-color: #2980b9;*/
    background-color: #fff;
    border: 1px solid #ddd;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #428bca;
    /*color:#fff;*/
    color: #444;
}

#header-nav .nav {

}

.navbar-brand img {
    width: 230px;
}

.nav .glyphicon, .panel-footer .glyphicon {
    font-size: 12px;
    color: #fff;
    /*text-shadow:1px 1px 0px #a5a5a5;*/
}


.navbar-toggle {
    background-color: #1e395b;
}

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

.sidebar .panel-body a {
    color: #fff;
}

.sidebar .panel-title a {
    display: block;
}

.sidebar .panel-title a {
    display: block;
}

.sidebar .panel-title a span {
    margin-top: 7px;
}

.sidebar .nav > li > a:hover, .sidebar .nav > li > a:focus {
    /*background-color: #FDBC3F;*/
    /*	background-color: #434d59;

    color: #fff;*/
}

.sidebar .panel-title a:hover, .sidebar .panel-title a:focus {
    color: #fff;
    text-decoration: none;

}

.sidebar .nav .active a {
    /*font-weight:bold;*/
    /*background-color:#353D47;*/

    /*color: #fff;*/
}

.sidebar .panel-heading {
    padding: 0;

}

.sidebar .panel-heading a {
    padding: 10px 15px;
    background-color: #4C5763;
    color: #fff;
}

.sidebar .panel-heading a:hover {
    background-color: #353D47;
}

.sidebar .nav-list li a {
    /*padding-left:25px;*/
}

#calc {
    margin-bottom: 20px;
}

#calc .input-group {

    width: 184px;
    margin: 20px auto;

}

#calc .control-group {
    text-align: center;
}

#calc .control-group .btn {
    margin: 2px;
    width: 40px;
    height: 40px;

}

body {

}

#main-content {

    background-color: #fff;
    min-height: 100%;


}

.navbar-fixed-top {
    top: 0px;
    /*border-top: solid 30px #e7eaec;*/
}

#main-content > .row {
    height: 100%;
}

.main {
    min-height: 100%;
    margin-bottom: 30px;
}

.tabbable {
    margin-top: 15px;
}

.kategorije {

}

.kategorije .kat {
    display: inline-block;
    position: relative;
    /*display: inline-block;
    padding: 20px 20px 5px 20px;
    margin: 10px;
    width: 120px;
    text-align: center;
    background-image: url(../image/kat-BG.jpg);
    background-color: #a5bfe1;
    border-radius: 3px;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 60px;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    position: relative;*/

}

.nav > li > .kat-link {
    color: #1e395b;
    /*font-weight: bold;*/
    /*	border-radius: 3px;
        margin: 10px;
        padding: 10px 10px 5px 10px;*/
    padding-right: 35px;
    /*margin-right: 50px;*/
    padding-right: 34px;
    position: relative;
    /*margin-top: 20px;*/
    display: block;
    background-repeat: no-repeat;
    background-position: center;

}

.kat-link:hover {
    color: #fff;
    text-decoration: none;
    -webkit-box-shadow: 3px 3px 1px 0px rgba(66, 66, 66, 0.75);
    -moz-box-shadow: 3px 3px 1px 0px rgba(66, 66, 66, 0.75);
    box-shadow: 3px 3px 1px 0px rgba(66, 66, 66, 0.75);

}


.kategorije .kat a:hover .kategorije .kat {
    border: 2px solid red;
}

.kategorije .kat .broj {
    background-color: #F4A236;
    border-radius: 2px;
    text-align: center;
    /*font-size: 16px;*/
    color: #fff;
    padding: 2px 5px;
    /*height: 30px;
    width: 30px;*/
    position: absolute;
    top: 16px;
    right: 13px;
    /*	-webkit-box-shadow: 1px 1px 1px 0px rgba(66, 66, 66, 0.75);
        -moz-box-shadow:    1px 1px 1px 0px rgba(66, 66, 66, 0.75);
        box-shadow:         1px 1px 1px 0px rgba(66, 66, 66, 0.75);*/
}

.kategorije .kat-utovar a {
    /*background-image: url(../image/kat-utovar-ico.png);*/

}

.kategorije .kat-potrazivanja a {
    /*background-image: url(../image/kat-potrazivanja-ico.png);*/

}

.kategorije .kat-imenik a {
    /*background-image: url(../image/kat-imenik-ico.png);*/

}

.page-title h1 {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    /*margin: 0 -16px 0px -16px;*/
    border-bottom: 1px solid #bbcfe5;
    /*padding:5px 20px;*/
}

.main_content .page-title h1 {
    margin: 0 -16px 10px -36px;
}

.pretraga .form-group {
    display: inline-block;
    margin: 0;
    padding: 5px 0;
}

.pretraga .selectpicker {
    /*display: inline-block;*/
    width: 90px;
}

.pretraga #tagsg, .pretraga #tagsg2, .pretraga #tagsgo, .pretraga #post_br_od, .pretraga #post_br_do {
    width: 90px;
}

.pretraga.tenderi #tagsg, .pretraga.tenderi #tagsg2, .pretraga.tenderi #tagsgo {
    width: 60px;
}

.sabloni {
    background-color: #D3E4F6;
    margin: 0px -10px 10px -10px;
    padding: 10px 20px;
}

.sabloni .breadcrumb {
    display: inline-block;
    background: none;
    margin: 0;
    padding: 0;

}

.sabloni .breadcrumb li a {
    margin-right: 5px;
}

.sabloni .breadcrumb > li + li:before {
    content: "";
    color: #8ba0bc;
}

#reset_pretraga {
    /*margin-top: 13px;*/
}

.form-control {
    height: auto;
    font-size: 11px;
}

.pretraga .form-group .btn, .pretraga .form-group input {
    padding: 3px 6px;
    font-size: 11px;
}

.lang-select a {
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 20px;
}

/*******************************************************************************************************************************************************/
.unos #nosivost,
.unos #tezina,
.unos #duzina,
.unos #datetimepicker1 .form-control,
.unos #datetimepicker2 .form-control {
    /*width: auto;*/
}

.unos .control-label {
    padding-right: 5px;
    /*	float: left;
        width: 70px;
        display: table-cell;
        vertical-align: middle;
        padding:  0 0 0 10px;*/
}

.col {
    padding-right: 15px;
    padding-left: 15px;
}

.unos .input-group, .unos .btn-group {
    /*width: 90px;*/
}

.unos .controls, .unos .input-group[class*=col-] {
    padding-left: 5px;
}

.unos .two-row-txt label {
    padding: 0 5px 0 0;
}

.input_fields_wrap {
    /*margin-bottom: 160px;*/
}

.well .form-group.formSep {
    margin: 0;
}

.heder-veliki {
    padding-top: 74px;
}

.unos .input_fields_wrap .input_fields {
    margin-top: 10px;
    margin-bottom: 10px;

}

.pretraga .bootstrap-select.btn-group:not(.input-group-btn) {
    margin: 0;
    width: 97px;
}

.unos #tagsg, .unos #tagsp {
    /*width: 97px;*/
}

.unos #termin {
    width: 70px;
}

.unos-title {
    font-weight: bold;
    text-transform: uppercase;
    color: #e01f1f;
    margin-top: 0;
}

.jspVerticalBar {
    width: 8px;
}

.jspHorizontalBar {
    height: 8px;
}

.unos-col {
    margin-top: -10px;
    padding-top: 10px;
    margin-bottom: -11px;
}

#tab5 .unos-col {

    margin-bottom: 10px;
}

.unos-col-border {
    border-right: 1px solid #8ba0bc;

    /*margin-bottom: -30px;*/
}

.unos .remove_field {
    margin-left: 60px;
}

.unos .input_fields {
    margin-bottom: 0;
}

.unos .input_field_added {
    margin-bottom: 15px;
}

.unos-separ {
    padding: 0;
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 10px;
    margin-top: 10px;
    border-top: 1px solid #8ba0bc;
}

.tenderi .unos-separ {
    border-top: 1px solid #ddd;
    margin-right: -15px;
    margin-left: -15px;
}

.unos input[type=radio], input[type=checkbox] {
    margin: 0;
}

.pretraga #nosivost {
    width: 60px;
}

.pretraga #tezina, .pretraga #nosivost {
    width: 90px;
}

.pretraga #zbirni-label {
    /*width: 60px;*/
}

.pretraga .zbirni-transport {
    padding-left: 5px;
    /*width: 85px;*/
}

.pretraga #duzina {
    width: 90px;
}

.pretraga #datetimepicker1 .form-control, .pretraga #datetimepicker2 .form-control {
    width: 80px;
}

.data-input label {
    float: left;
    padding: 5px 5px 0 10px;
}

.data-input .form-control {
    width: 80px;
}

.bootstrap-select.form-control {
    width: 100px;
}

.form-inline .bootstrap-select {
    width: 100px !important;
}

#pretraga_vozila {
    /*width: 120px;*/
}

.pretraga #poverilac {
    width: 65px;
}

#kontaktp {
    width: 90px;
}

.pretraga #duznik {
    width: 65px;
}

.pretraga #kontaktd {
    width: 85px;
}

.pretraga label.datetimepicker {
    width: 60px;
    text-align: right;
    padding: 0 5px 0 0;
}

.mrbr {
    width: 50px;
}

.potrazivanja .unos-col-border, .tenderi .unos-col-border {
    border-right: 1px solid #ddd;
}

.potrazivanja .unos-col {
    margin-top: -15px;
    padding-top: 15px;
    margin-bottom: -15px;
}

.tenderi .unos-col {
    margin-top: -10px;
    padding-top: 15px;
    margin-bottom: -10px;
}

/*******************************************************************************************************************************************************/
.dugmad {
    float: right;
}

.pretraga .dugmad {
    float: none;
}

.red-dugmad-1 {
    height: 23px;
    padding: 5px 0;
}

.red-dugmad-2 {
    padding: 5px 0;

}

.unos .dugacak-naziv {
    padding: 0;
}

.popup-modal.btn.btn-success.btn-xs {
    /*float: right;*/

    margin-right: 3px;

}

#test-modalspv-link {
    font-size: 14px;
    line-height: 14px;
    /*color: #222;*/
}

.pretraga .form-inline {
    /*width: 1022px;*/
    /*float: left;*/
    margin-right: 20px;
    /*width: 90%;
    display: inline-block;*/
}

.pretraga #br_vozila {
    width: 20px;
    padding: 5px;
}

.date .input-group-addon {
    padding: 0;
    font-size: 12px;
}

.input-group.date.controls.col-sm-2 {
    padding: 0;
    float: left;
}

.pretraga .data-input {
    /*width:200px;*/
    /* padding-top:20px;*/
}

.data-input .form-control {
    /*width:auto !important;*/
}

.pretraga .dugmad .btn {
    padding: 3px 6px;
    font-size: 11px;
}

.first-row .form-inline {
    display: inline-block;
}


.dugmad {

}

.pretraga .row {
    margin: 0;
}

.column {
    /*height: 148px;*/
    border-left: 1px solid #8ba0bc;
    border-bottom: 1px solid #8ba0bc;
    border-top: 1px solid #8ba0bc;

    padding: 0;
}

.column.last {
    border-right: 1px solid #8ba0bc;
}

.column .form-group {
    margin: 0;
}

.column h4 {

    font-size: 13px;
    font-weight: normal;
    margin: 0;
    padding: 5px;
    height: 26px;
    background-color: #d3e4f6;
    border-bottom: 1px solid #8ba0bc;
    margin-bottom: 5px;
}

.column-content {
    /*padding-left: 15px;
    padding-right: 15px;*/
}

.teret img {

}

table {
    /*border: 1px solid #8ba0bc;*/
}

.table > thead > tr > th {
    /*border: 1px solid #8ba0bc;*/
}

th, td {
    /*border: 1px solid #8ba0bc;*/

}

th.poruka, th.rbr, th.tip {
    width: 30px;
}

th {
    /*	background-color: #003577;
    color:#fff;*/
}

.ponude-poruke {
    position: absolute;
    top: -18px;
    left: 130px;
}

.ponuda-btn, .poruka-btn {
    margin-right: 20px;
    float: left;
    display: none;
}

.teret h2, .tab-header {

    font-size: 16px;

    border-bottom: 1px solid #bbcfe5;
    padding: 10px;
    /*text-align: center;*/
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -10px;
    margin-right: -10px;
}

.tab-header h2 {
    display: inline-block;
    border: none;
    margin: 0;
    font-size: 16px;
}

.tab-header btn {
    display: inline-block;
}

.div-tab-header {

}

.div-tab-header div {
    display: inline-table;
}


/*.panel-default>.panel-heading{
	border-radius: 0;
}

.panel{
	border: transparent;
	border-radius:  initial;
	box-shadow:none;
}

.panel-group .panel{
	border-radius:  initial;
}
.panel-body{
	padding: 0;
}
.panel-group .panel+.panel{
	margin: 0;
	}*/


/*.main .panel .panel-heading{
	border-left:none;
	background-color: #627080;
	color: #fff;
	}*/

/*.main .panel .panel-body{
	padding:15px;
	background-color:#F3F3F4;
	border-bottom: 4px solid #e7eaec;
}
.main .profil .panel .panel-body{
	background-color:#F3F3F4;
	border-bottom: 4px solid #e7eaec;
}
.popup-modal{
	margin:20px ;
}
.main .panel .panel-body table{
	background-color:#fff;
	margin-top:10px;
}
.main .panel .panel-body  .dodaj{
	color:#333;
	font-size:16px;
	font-weight:bold;

}
.panel-body .table>tbody>tr>td{
	border:1px solid #8ba0bc;
	}*/

/* =================================================================================================================================
page-content-wrapp
=================================================================================================================================  */
.page-content-wrapp {
    padding: 10px 15px;
}

.page-content-wrapp .panel {


}

.page-content-wrapp .panel-default {

}

.page-content-wrapp .panel .panel-heading {

}

.page-content-wrapp .panel .panel-body {

}


.hiddenRow {
    padding: 0 !important;
}

.firma-informacije {
    padding: 16px;
}

.vcard {
    display: inline-block;
    padding: 10px 10px 10px 0;
}

.vcard .col-sm-6:nth-child(2) {
    font-size: 12px;
    font-weight: bold;
    color: #003577;
}

.vcard .col-sm-6:nth-child(2) .item-key {
    color: #003577;
}

.vcard li {
    /*border-bottom: 1px solid #ddd;
    margin-bottom: 2px;*/
}

.nav-tabs > li {
    margin-bottom: -1px;
}

.tab-pane li {
    margin-bottom: -1px;
}

.nav-tabs > li > a:hover {
    /*border-color:#D3E4F6 #D3E4F6 #8ba0bc #D3E4F6;*/
    border-color: #8ba0bc;
    background-color: #D3E4F6;
    /*color: #fff;*/
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border: 1px solid #8ba0bc;
    border-bottom: 1px solid #fff;
}

.tab-pane ul, .tab-pane table {
    margin: 0;
    padding: 0;
}

.tab-content {
    padding: 10px 10px;
    border: 1px solid #8ba0bc;
    border-top: none;
    background-color: #fff;

}

.nav-tabs {
    border-bottom: 1px solid #8ba0bc;
}

.vcard li {
    list-style: none;
    margin-bottom: 0px;
}

.vcard .item-key {
    float: left;
    color: #888;
}

.vcard .vcard-item {
    margin-left: 120px;
}

.btn.snimi {
    margin-left: 20px;
}

.pretraga .first-row .form-group {
    margin-right: 15px;
}

.main-content {
    padding: 10px 16px;
}

.main-content .nav-tabs {
    /*border-bottom:transparent;*/
}

.input-group[class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
}

.pretraga .input-group[class*=col-] {
    padding-right: 0px;
    padding-left: 0px;
}


select[multiple], select[size] {
    width: 100%;
}

.multi_select li {
    list-style: none;
    margin: 0;
    margin-bottom: 10px;
}

.pretraga-col .form-group {
    width: 100%;
}

.pretraga-col {
    margin-left: -15px;
}

.bottom-row {
    padding-top: 10px;
}


#calc .form-control {
    font-size: 14px;
}


.snimljene-pretrage .obrisi-pretragu {
    float: left;
}

.snimljene-pretrage .pogledaj-pretragu {
    margin-left: 40px;
}

.snimljene-pretrage a:hover .glyphicon {
    color: #fff;
}


.p-poruka .panel {
    margin-bottom: 0;
}

.p-poruka .col-sm-8 {
    padding-right: 0;
}

.p-poruka .col-sm-4 {
    padding-left: 0;
}

.poruka-content {
    height: 100%;
    /*background-color:#627080;*/


    margin: 10px;
    margin-right: -2px;
}

.poruka-content .panel-body {
    padding: 16px 16px 0 16px;
}

.panel table {
    /*margin-top: -1px;*/
}

h3.panel-title {
    display: inline-block;
}

.profil .panel-heading span {
    font-weight: bold;

}

#ostale-informacije .vcard > ul > li:first-child {
    margin-bottom: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

#slobodna-vozila .glyphicon {
    color: none;
}

.poruke-sve {
    /*padding:10px 20px;*/
    border-radius: 3px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    max-height: 200px;
    overflow: scroll;
    background-color: #fff;
}

.poruka-singl {
    border-bottom: 1px solid #ccc;
    margin-bottom: 5px;
    padding: 2px 0 3px 15px;
}

.poruka-singl:last-child {
    border-bottom: none;
}

.poruka-singl .datum {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    color: #9b9b9b;
}

.poruka-singl .chat_user_name {
    border-bottom: 1px solid #ccc;
    display: inline-block;
    padding-left: 20px;
}

.chat_msg_body {
    padding: 2px 0px;
    font-size: 14px;
    padding-top: 4px;
    /*border-top:1px solid #ccc;*/
}

.chat_msg_body .glyphicon {
    margin-right: 10px;
    color: #F4A236;
}

.f_req {
    color: red;
}

#user-list {
    margin-top: 20px;
    padding: 20px;
    background-color: #D3E4F6;
    border-radius: 4px;
    border: 1px solid #bbcfe5;
}

#user-list table {
    background-color: #fff;
}

#user-list td {
    border-top: 1px solid #8ba0bc;
}

.form-inline .bootstrap-select {
    display: inline-block;
    width: auto !important;
}

.form-inline .form-group {
    /*
    margin-right:20px;
    */
}

.admin .row {
    margin-right: -15px;
    margin-left: -15px;
}

.grup-input .input-group .input-group-addon {
    text-transform: lowercase;
    /*padding:0;*/
}

.input-group-addon p {
    margin: 0;
    padding: 0;
}

.input-group-addon select {
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}

.grup-input .input-group .input-group-addon .form-control {
    /* padding:6px 3px; */
    border: none;
}

.uni_style {
    padding: 9px;
}

.checkbox input[type=checkbox] {

}

.main_content h4 {
    background-color: #003577;
    color: #fff;
    padding: 10px 20px;
    margin: 0px -10px 10px -10px;
}

.main_content .obavestenje {
    background-color: #4C5763;
    font-weight: normal;
    text-align: center;
}

.posalji-red {
    margin: 10px 0;
}

.r-korisnika {
    margin-left: 15px;
}

.br-label {
    font-size: 11px;
}

.heading {
    display: inline-block;
}

.p-poruka .panel-heading {

    font-weight: bold;
}

.p-poruka h4 {
    font-size: 11px;
    font-weight: bold;
    padding: 0 15px;
    margin: 0 0 5px 0;
    color: #fff;
}

.p-poruka .form-control {
    display: inline-block;
}

.poruka-content .control-label {
    color: #fff;
}

.p-poruka .sidebar-right {

    margin: 10px;
}

.p-poruka .panel .panel-body {
    /*background-color:#fff;*/
}

.p-poruka .table > tbody > tr > td {
    border: none;
    border-top: transparent;
    border-bottom: transparent;
    vertical-align: middle;
}

.p-poruka .table tr:first-child {
    border-top: none;
}

.ui-widget {
    font-family: 'Arial', sans-serif;
    font-size: 12px;

}

.left-label {
    text-align: left !important;
}

.clearfix {
    clear: both;
}

.sidebar {
    /*background-color:#4C5763;*/
}

.sidebar .btn {
    font-size: 14px;
}

.sidebar .kursna-lista .panel-heading, .sidebar .vremenska-prognoza .panel-heading {
    background-color: #fff;
    margin: 20px;
}

.sidebar .infr {
    text-align: center;

}

.sidebar .infr iframe {
    background-color: #fff;

    margin: 0 auto;
    text-align: center;
}

.sidebar .panel {
    background-color: #4C5763;
}

.sidebar .panel-body {
    background-color: #627080;
    border-left: 4px solid #003577;
    border-top: transparent !important;
}


.main {
    padding: 0 15px;

}

.input_fields {
    margin-bottom: 20px;
}

.pretraga #ajaxsel {
    display: inline-block;
}

.input_fields_wraps .form-group.formSep {
    /*margin-bottom: 22px;*/
}

.input_fields_wraps .form-group.formSepBtn {
    margin-right: 15px;
}

.marg-minus .control-label {
    padding: 0px 10px 0px 0px;
}

.marg-minus .controls {
    padding: 0px 0px 0px 10px;
}

.pretraga .data-piker {

    display: inline-block;
    text-align: right;
    width: 234px;
}

.sms_admin .pretraga form, .admin .pretraga form {
    margin-right: 20px;
}

.separ {
    height: 34px;
    width: 10px;
    margin-right: 20px;
    border-right: 1px solid #cccccc;
    float: left;
}

.teret-content, .pomoc-content {
    /* padding:0 16px; */
}

.pomoc-content img {
    float: right;
    margin: 20px;
}

.podesavanja {
    background-color: #F3F3F4;
    border-bottom: 4px solid #e7eaec;
    padding: 20px;
}

.podesavanja .btn-primary {
    color: #a8a8a8;
    background-color: #F3F3F4;
    border-color: #cccccc;
}

.podesavanja .btn-primary.active {
    color: #fff;
    background-color: #3071a9;
    border-color: #285e8e;
}

.podesavanja .table {
    background-color: #fff;
}

.popup-modal-dismiss {
    position: absolute;
    top: -38px;
    right: 0;
    background-color: #fff;
    padding: 15px;
    color: #091421;
}

.white-popup-block2 hr {
    margin: 0 -20px;
    margin-top: 20px;
}

.white-popup-block2 .row hr {
    margin: 0;
    margin-top: 20px;
    margin-bottom: 20px;
}

.popup-racun-mfp-iframe {

    margin: auto;
    max-height: 780px;
    padding: 100% 16px 0 13px !important;
}

.zemlja-logo {
    border: 1px solid #939393;
    background-color: #fff;
    -webkit-border-radius: 20px/12px;
    -moz-border-radius: 20px/12px;
    border-radius: 20px/12px;
    font-size: 10px;
    display: inline-block;
    margin-right: 5px;
    padding: 2px 0px;
    min-width: 35px;
    text-align: center;

}

#left-sidebar {

}

.obavestenja {
    height: 27px;
}

.bottom-pos {
    position: relative;
}

.sidebar-content {

}

#sidebar-btn {
    display: block;
    padding: 10px 0;
}

.sidebar-content {
    display: none;
}

.no-display-sm {
    display: none;
}

.unos_no_display {
    display: none;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: transparent;

}

.prihvaceno {
    background-color: #7ed66b;
}


.table-3-scrol {
    display: block;
    height: 104px;
    overflow-y: scroll;
}

.controls input, .input-group input {
    min-width: 50px;
}

.checkbox input {
    min-width: 0;
}

.radio-inline input {
    min-width: 0;
}


.sidebar {
    /*background-color: #3c3c3c ;*/
}


.sidebar ul li a {
    font-family: 'Arial';
    border-top: 1px solid #003980;
    border-bottom: 1px solid #002e66;
    color: #d1d0d0;
    text-shadow: 0 1px 1px #333;
    display: block;
    position: relative;

    padding: 5px 15px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-decoration: none;
    font-size: 12px;
    margin-right: 10px;
    /*font-weight: bold;*/
}

.sidebar ul li a:hover {
    /*color: #fff !important;*/
    text-shadow: 0 1px 0 rgba(0, 0, 0, .25);
    /*background: #1e1f21;
    background: -webkit-linear-gradient(bottom, #1e1f21, #232527);
    background: -ms-linear-gradient(bottom, #1e1f21, #232527);
    background: -moz-linear-gradient(bottom, #1e1f21, #232527);
    background: -o-linear-gradient(bottom, #1e1f21, #232527);*/
    background-color: #ebebeb;
    color: #003372;
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1e1f21', endColorstr='#ff232527', GradientType=0);*/
    border-top: 1px solid #fff;
    border-bottom: 1px solid #dedede;
}

.sidebar .nav .active {
    border-left: 4px solid #d12610;
}

.sidebar .nav .active a {
    /*background: #252728 !important;*/
    background-color: #ebebeb;
    color: #003372;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #dedede !important;
    text-shadow: none;
}

.sidebar h4 {
    color: #fff;
    /*text-align: center;*/
    margin-left: 15px;
    margin-top: 20px;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

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

tr {
    border-top: 1px solid #ddd;
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    border: 1px solid #ddd;
    border-top: transparent;
    border-bottom: transparent;
    vertical-align: middle;
}

.hiddenRow-tr {
    border: none;
    height: 0px;
    /*border-top: 1px solid #ddd;*/
}

.hiddenRow .panel-collapse {
    border-top: 1px solid #ddd !important;
}

.pagination {
    margin: 1px 0;
}


.obrisi-pretragu .glyphicon {
    font-size: 11px;
    color: #d9534f;
}

.obrisi-pretragu, .pogledaj-pretragu {
    /*float: left;*/
}

.pogledaj-pretragu {
    margin-left: 60px;
}

.obrisi-pretragu {
    width: 26px;
}

.form-group.formSep {
    margin: 5px 15px 15px 10px;

}

input[type=radio] {
    margin: 0;
}

.pogledaj-pretragu {
    /*width: 170px;*/
}

.firma a {
    /*display: block;*/
    text-align: left;
}

.firma a .text {

    /*text-indent: -9999px;*/

}

.firma {
    vertical-align: middle;
}

.firma a .glyphicon {
    /*display: block;*/
    /*text-indent: 0;*/
    font-size: 16px;


}


#left-sidebar .nav > li {
    position: static;

}

.dropdown-parent {
    position: static;
}

.sb-dropdown-wrapper {
    /*position on top of the menu item*/
    position: absolute;

    /*   these are not useful because our positioned parent is not the menu item
       top: 0;
       left: 75%;*/

    /*show on top of the menu item*/
    z-index: 10;

    /*do not show the submenu by default*/
    display: none;
}

/*display the submenu when we hover on the menu item*/
.dropdown-parent:hover > .wrapper {
    display: block;
}


.navbar-fixed-top {
    margin-left: 200px;
}
.navbar-fixed-top.full-width {
    margin-left: 0;
}

/** initial setup **/
.nano {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.sidebar-wrapp {
    height: 100%;
    position: relative;
}

.nano > .nano-content {
    position: absolute;
    overflow: scroll;
    overflow-x: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.nano > .nano-content:focus {
    outline: thin dotted;
}

.nano > .nano-content::-webkit-scrollbar {
    display: none;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
    display: block;
}

.nano > .nano-pane {
    background: rgba(0, 0, 0, .25);
    position: absolute;
    width: 10px;
    right: 0;
    top: 0;
    bottom: 0;
    visibility: hidden \9; /* Target only IE7 and IE8 with this hack */
    opacity: .01;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    /*	-moz-border-radius    : 5px;
        -webkit-border-radius : 5px;
        border-radius         : 5px;*/
}

.nano > .nano-pane > .nano-slider {
    background: #444;
    background: rgba(0, 0, 0, .3);
    position: relative;
    margin: 0 1px;
    /*	-moz-border-radius    : 3px;
        -webkit-border-radius : 3px;
        border-radius         : 3px;*/
}

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
    visibility: visible \9; /* Target only IE7 and IE8 with this hack */
    opacity: 0.99;
    /*background: #555;*/
}


.nano .nano-content {
    /*padding: 20px;*/
}

.nano .nano-pane {
    background: #fff;
    width: 10px;
    /*right: 1px;*/
    /*margin: 5px;*/
}

.nano .nano-slider {
    background: #111;
}

.sidebar {
    /*background-image: url(../image/sidebar-BG.png);*/
}

.sidebar-separator {
    height: 0px;
    border-top: 1px solid #003980;
    border-bottom: 1px solid #002e66;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 5px;
}

.navbar .container-fluid {
    padding-left: 0;
}


tr.odradjena_kolona, tr.istekla_kolona {
    background-color: #fff;
    color: #d3d3d3;
}

tr.odradjena_kolona .zemlja-logo, tr.istekla_kolona .zemlja-logo {
    border: 1px solid #d3d3d3;
    background-color: #fff;
    color: #d3d3d3;
}

.tip-vozila .checkbox {
    display: inline-block;
}

.tooltipi {


}

.istekla_kolona {

}

.istekla_kolona_icon {
    margin-top: -2px;
    display: inline-block;
    width: 19px;
    height: 16px;
    text-indent: -9999px;

    background-image: url(../image/isteklo-icon.png);
    background-repeat: no-repeat;
    background-position: center;
}

.odradjena_kolona_icon {
    margin-top: -2px;
    display: inline-block;
    width: 16px;
    height: 16px;
    text-indent: -9999px;

    background-image: url(../image/odradjeno-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    /*background-color: #d9534f;*/
    color: #fff;
    /*margin-top: -9px;
    margin-left: 5px;*/
    /*float: right;*/
    z-index: 5000;
}

.first-td {
    /*position: relative;*/
}

.firma.first-td {
    padding: 0;
    padding-left: 6px;
}

.firma.first-td a {
    height: 16px;
    vertical-align: middle;
    /*display: inline-block;*/
    padding-right: 5px;
    display: inline-block;
    padding-top: 2px;
    /*float: left;*/
}

.form-group.formSep {
    margin: 0;

    padding-bottom: 10px;
}

.over-scrol {
    width: 100%;
    overflow-x: scroll;
}

.admin .pretraga .first-row .radio {
    display: inline-block;
}

.pretraga .first-row .radio {
    display: block;
}

div.radio {
    display: inline-block;
    margin-right: 15px;
}

.input_fields_wraps .remove_fields {
    margin-right: 15px;
    margin-bottom: 20px;
}

.form-group-inner {
    margin-bottom: 5px;
}

.profil .nav > li > a {

    padding: 10px 11px;
}

table > tbody > tr:hover {
    /*color: #0069b4;*/
    background-color: #e6f0f8;
}

table > tbody > .hiddenRow-tr:hover {
    /*color: #0069b4;*/
    background-color: #fff;
}

#directions_panel {

}

#directions_panel h3 {

}

#directions_panel p {

}

#directions_panel .total {
    font-size: 16px;
    font-weight: bold;
}

.loading-alert {
    font-size: 14px;

}

.loading-alert .alert {
    padding: 40px;
}

.sidebar-dropdown-sub {
    background-color: red;
    position: absolute;
    top: 100%;
    right: -89px;
    z-index: 88000;
}


.sidebar ul li .obrisi-pretragu1 a {
    padding: 5px 2px;
    margin-left: 10px;
    margin-right: 0px;
}

/* .pogledaj-pretragu{
	margin-right: 30px;
}*/

/*.pogledaj-pretragu {
 margin-right: 30px;
}*/


/* ========== @media @media @media @media @media @media @media @media @media ==============================================================================================================*/
/* ========== @media @media @media @media @media @media @media @media @media ==============================================================================================================*/
/* ========== @media @media @media @media @media @media @media @media @media ==============================================================================================================*/
/* ========== @media @media @media @media @media @media @media @media @media ==============================================================================================================*/
@media (max-width: 768px) {
    #sidebar-btn {
        height: 51px;
    }

    .sidebar {
        position: static;
    }

    #left-sidebar {
        top: 0;
        left: 0;
        position: absolute;
        z-index: 500;
        background-color: #003372;
    }
.dummy-sidebar{
    top: 0;
    left: 0;
    position: absolute;
    z-index: 500;
    background-color: #003372;
}
    .nano > .nano-content {
        position: static;
    }

    #logo-sidebar {
        display: none;
    }

    #header-nav .navbar {
        position: relative;
    }

    #header-navbar-collapse-1 {
        right: 0;
        width: 200px;
        background-color: #003372;
        position: absolute;
        padding-right: 30px;
    }

    .navbar-fixed-top {
        margin-left: 100px;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        max-height: none;
    }
}


@media (min-width: 768px) {
    .loading-alert .modal-dialog {
        width: 600px;
        margin: 182px auto;
    }

    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /*border: 1px solid #ddd;*/
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -25px;
    }

    .sidebar-content {
        display: block;
    }

    #left-sidebar {
        background-image: url(../image/sidebar-BG-10.png);
        background-repeat: repeat-y;
        background-position: right;
        background-color: #003577;
        /*border-right: 5px solid #fff;*/
    }

    #sidebar-btn {
        display: none;
    }

    #main-content {
        /*margin-top: 51px;*/
    }

    .bottom-pos {
        /*position: absolute;*/
        /*bottom: 20px;*/
        margin-top: 30px;
        margin-bottom: 10px;
        width: 100%;
    }

    #logo-sidebar {
        /*width: 130px;*/
        padding: 25px 35px 15px 15px;
        display: block;
    }

    #logo-sidebar img {
        width: 130px;

    }

    .pretraga {

        padding: 0 0 0 16px;

        border-bottom: 1px solid #8c9bae;

        background-color: #F3F3F4;
        border-bottom: 4px solid #e7eaec;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#edf7ff', endColorstr='#d9e5f3', GradientType=0); /* IE6-9 */
    }

    .pretraga .dugmad {

    }

    .pretraga form {
        padding: 9px 0 0 0;
    }

    .page-title {
        margin-top: 16px;
        padding-left: 16px;
        position: relative;
    }

    .main_content {
        position: relative;
        padding: 0 16px;
    }

    .tender-unos {
        margin-top: 20px;
    }

    #main-content {

    }

    .main {

        min-height: 100%;
        margin-left: 200px;
        padding: 0;
        /*margin-top: 151px;*/

        /*padding-right: 20px;*/
        /*width: 100%;*/
    }
    .main.full-width{
        margin-left: 0;
    }
    .teret {
        padding: 0 10px;
    }

    .sidebar {
        /*background-image: url(../image/main-separator.png);*/
        background-repeat: repeat-y;
        background-position: right;
        /*border-top: solid 30px #e7eaec;*/
        padding-left: 0;
        position: fixed;
        top: 0px;
        /* padding-top: 51px; */
        bottom: 0;
        left: 0;
        z-index: 1000;
        display: block;
        min-width: 200px !important;
        width: 200px !important;
        overflow-x: hidden;
        overflow-y: auto;
        /*background-color: #fff;*/
        /*border-right: 1px solid #eee;*/
        padding: 0;


    }

    .kategorije {
        /*width: 415px;
        margin: 30px auto;*/
        /*display: inline-block;*/
    }


}

.k_telefon1 {
    width: 20%;
    float: left;
    min-width: 20px ! important;
}

.k_telefon2 {
    width: 20%;
    float: left;
    min-width: 20px ! important;
}

.k_telefon3 {
    width: 59%;
    float: left;
    min-width: 20px ! important;
}

#table-accordion table td:nth-child(2) {
    font-weight: bold;
}

#table-accordion table td:nth-child(3) {
    font-weight: bold;
}

#table-accordion table td:nth-child(4) {
    font-weight: bold;
}

#tab5 table td:nth-child(2) {
    font-weight: bold;
}

#tab5 table td:nth-child(3) {
    font-weight: bold;
}

#tab5 table td:nth-child(4) {
    font-weight: bold;
}

#tab6 table td:nth-child(2) {
    font-weight: bold;
}

#tab6 table td:nth-child(3) {
    font-weight: bold;
}

#tab6 table td:nth-child(4) {
    font-weight: bold;
}

#table-accordionzx table td:nth-child(2) {
    font-weight: bold;
}

#table-accordionzx table td:nth-child(3) {
    font-weight: bold;
}

#table-accordionzx table td:nth-child(4) {
    font-weight: bold;
}

#slobodna-vozila table td:nth-child(2) {
    font-weight: bold;
}

#slobodna-vozila table td:nth-child(3) {
    font-weight: bold;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    border: 1px solid #ddd;
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.cekiran {
    background-color: #003577;
    color: #fff;
}

.cekiran .zemlja-logo {
    /*background-color: #003577;*/
    color: #003577;
}

.cekiran:hover {
    background-color: #003577;
}

select#regija_od {
    width: 100px;
}

select#regija_do {
    width: 100px;
}

.zahtev-za-promenu .alert h4 {
    font-size: 16px;
    line-height: 24px;
}

div#load_screen {
    background: rgba(252, 244, 244, 0.9);
    /*background: red;*/
    opacity: 1;
    position: fixed;
    z-index: 100000;
    top: 0px;
    width: 100%;
    height: 1600px;
}

div#load_screen > div#loading {
    color: #FFF;
    width: 120px;
    height: 24px;
    margin: 300px auto;
}

@media (min-width: 992px) {


}

@media (min-width: 1200px) {
    .no-display-sm {
        display: block;
    }

}

@media only screen and (min-width: 1286px) {
    #main-content {
        /*margin-top: 51px;*/
    }

    .unos_no_display {
        display: block;
    }

}

.page-sec-1 {
    padding: 20px;
}

.login-panel-row {

}

.login-panel {
    margin: 0 auto;
    max-width: 600px;
}

.login-form-action {
    text-align: center;
}

.page-header-1 {
    margin-bottom: 20px;
}

.page-title-1 {
    font-size: 24px;
    margin: 0;
}

.spacer10 {
    height: 10px;
}

.spacer15 {
    height: 15px;
}

.spacer20 {
    height: 20px;
}

.text-normal {
    font-size: 16px;
}

.d-inline-block{
    display: inline-block;
}