BODY {background-color:white;}
/* Home */
.HomeLink5 {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#000000; text-decoration:none;}
.LoginForm {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 12px; color:gray; text-decoration:none;border-bottom:1px solid gray;background-color:white;}
.LoginFormPrompt {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:black; text-decoration:none;}
.HomeLinkRed {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#EE1818; text-decoration:none;}
.HomeLinkRed:hover {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#EE1818; text-decoration:underline;}
.HomeLinkBlue {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#292C83; text-decoration:none;}
.HomeLinkBlue:hover {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#292C83; text-decoration:underline;}
.ApplicationTitle {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 22px; color:#4A4C4A; font-style: italic; }
.IndexHead {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; color:#4A4C4A; border-bottom:1px dashed gray;padding-left:5px}
.AdminDesktopBackground {background-color:#F6CAC5;}
.menuClass {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 10px; color:red; text-decoration:none;padding-top:0px; padding-bottom:0px}


/* buttons */
.grayButton {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:black; background-color:#C3C3C3; border:1px black solid}
.liteBlueButton {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:black; background-color:#CDDAE6; border:1px black solid}

.whiteControl {font-family:  "Courier New", Courier, monospace;; font-size:11px; color:black; background-color:#EFEFEF; border:1px black solid}
.liteBlueControl {font-family:  "Courier New", Courier, monospace;; font-size:11px; color:black; background-color:#CDDAE6; border:1px black solid}

/* Navigation Bar*/
.NavBarHead {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 16px; color:#4A4C4A}
.NavBarLeft {background-color: #F6CAC5;border-right:1px solid black;border-top:1px solid black; padding-top:10px;}
.NavBarBorder {padding-top:10px;}
.NavBarHighLite {color:#E68900;}
.NavBarHeader {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color:white;font-weight: bold; text-align: left;background-color: #8B95C5;}
.NavBarItem {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; text-align:left;vertical-align:middle; padding-top:3px; padding-bottom:3px; border-bottom:1px solid #187194;}
.NavBarLinks {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:red; background-color: #8B95C5;font-weight: bold}
.NavBarInv {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:red; background-color: #8B95C5;font-weight: bold}
.NavBarError {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:red; background-color: white;font-weight: bold}

/* List */
.listHead {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:gray}
.listHead1 {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:black}
.listMessage {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 10px; color:red; font-weight:bold}

/* Search */
.searchForm {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#4A5983; padding-left:10px; text-decoration:none;}
.searchFormHead {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:white; padding-left:10px; text-decoration:none;background-color: #E62831; font-weight: bold;}
.searchFormResult {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px;text-decoration:none;color:brown;font-weight: bold;}
.searchTableLayout {background-color: white; border:solid black 2px;}

/* Forms */
.FormHeader {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:#29166F}
.FormPrompt {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:black; text-decoration:none; background-color: #FFFFFF; }
.FormPromptRequired {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px; color:#4A5983; padding-left:10px; text-decoration:none;background-color: darkblue;color:white;font-weight: bold;}
.FormMessage {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 10px; color:red; font-weight:bold}
.FormLinks {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:black; text-decoration:none; }
.formCommentar {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size:12px; color:black; font-weight:bold; }

/* menu */
.lowText { text-decoration: none; color: #000000; font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px}
.lowText1 { text-decoration: none; color: #000000; font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px}
.highText { text-decoration: none; color: #FFFFFF; font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 11px}
.itemBorder { border: 1px solid #666666 }
.itemBorderBlank { border: 1px solid #CCCCDD }

/* PERMISSIONS */
.PermissionsHeader {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:#FFFFFF; background-color:gray; border-bottom:1px solid black; border-top:1px solid black; font-weight:bold; padding-top:2px; padding-bottom:2px}
.PermissionsSubHeader {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color:gray; border-bottom:1px solid black; padding-top:2px; padding-bottom:2px}
.PermissionsList {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:black; border-bottom:1px solid silver; padding-top:2px; padding-bottom:2px}
.PermissionsHeader1 {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:black; border-bottom:1px solid black; padding-top:2px; padding-bottom:2px; font-weight:bold; background-color:silver}
.PermissionsPrompt {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:black; padding-top:2px; padding-bottom:2px}
.PermissionMessage {font-family: "Verdana","Arial",Helvetica,sans-serif; font-size: 10px; color:red; font-weight:bold}

/* application */
.ApplicationText{font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:blue; background-color: white}
.ApplicationText1{font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:black; background-color: white}
.Copyright{font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 9px; color:#9C2420;}


/* forms TextNews*/
.FormsTextNewsBody {margin-left:15px}
.FormsTextNewsHeader {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:#29166F}
.FormsTextNewsPrompt {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:black;font-weight: bold}
.FormsTextNewsPromptRequired {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:red;font-weight: bold}
.FormsTextNewsField {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:black}
.FormsTextNewsLinks {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:#E77919; font-style: italic}
.FormsTextNewsSelect {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:black; background-color: white; border: 1px #666666 solid}
.FormsTextNewsMessage {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:red;font-weight: bold}

/* list TextNews*/
.listTextNewsHead {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:#29166F}
.listTextNewsItem {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:black}
.listTextNewsLinks {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:#E77919; font-style: italic}
.listTextNewsMessage {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:red;font-weight: bold}


/* forms TopStory*/
.FormsTopStoryBody {margin-left:15px}
.FormsTopStoryHeader {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:#29166F}
.FormsTopStoryPrompt {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:black;font-weight: bold}
.FormsTopStoryPromptRequired {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:red;font-weight: bold}
.FormsTopStoryField {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:black}
.FormsTopStoryLinks {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:#E77919; font-style: italic}
.FormsTopStorySelect {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:black; background-color: white; border: 1px #666666 solid}
.FormsTopStoryMessage {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:red;font-weight: bold}

/* list TopStory*/
.listTopStoryHead {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:#29166F}
.listTopStoryItem {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:black}
.listTopStoryLinks {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:#E77919; font-style: italic}
.listTopStoryMessage {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:red;font-weight: bold}


/* forms VJPromene*/
.FormsVJPromeneBody {margin-left:15px}
.FormsVJPromeneHeader {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:#29166F}
.FormsVJPromenePrompt {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:black;font-weight: bold}
.FormsVJPromenePromptRequired {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:red;font-weight: bold}
.FormsVJPromeneField {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:black}
.FormsVJPromeneLinks {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:#E77919; font-style: italic}
.FormsVJPromeneSelect {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:black; background-color: white; border: 1px #666666 solid}
.FormsVJPromeneMessage {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:red;font-weight: bold}

/* list VJPromene*/
.listVJPromeneHead {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 14px; color:#29166F}
.listVJPromeneItem {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px; color:black}
.listVJPromeneLinks {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:#E77919; font-style: italic}
.listVJPromeneMessage {font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color:red;font-weight: bold}

.menu:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	text-decoration: none;
}
.menu:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	text-decoration: none;
}
.menu:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: blue;
	text-decoration: none;
}

.menu1:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-decoration: none;
}
.menu1:visited {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	text-decoration: none;
}
.menu1:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: gray;
	text-decoration: none;
}

/* HTML editor */
.title { font-family: Verdana, Arial, helvetica, sans-serif; font-size: 16px; font-weight: bold; }
.subtitle { font-size: 12px; font-weight: bold; }

.toc_ul, .toc_li { margin-left: 8 px; line-height: 16px; }
.step_ol, .step_li { margin-left: 11 px; line-height: 16px; }

.pageheader { border: #E0E0E0 solid 1px; }
.pagefooter { border: #E0E0E0 solid 1px; }
.sample { background-color: #FFFFFF; border: #000000 solid 1px; }
.samplecontent { font-size: 10px; }

.code { background-color: #FFFFFF; border: #000000 solid 1px; }
.codecontent { font-size: 10px; }
.codecontent a:visited { color: #666666; text-decoration: none; font-weight: bold }
.codecontent a:active { color: #666666; text-decoration: none; font-weight: bold  }
.codecontent a:hover { color: #666666; text-decoration: none; font-weight: bold  }
.codecontent a { color: #666666; text-decoration: none; font-weight: bold  }

.working { color: #00CC00 }
.failed { color: #CC0000 }


header {
    min-height: 120px;
    border-bottom: 1px solid #0000003d;
}
.navbar {
  background-color: white !important;
}

.red {
margin: 6% 0;
}

.naslov {
width: 100%;
margin-bottom: 4%;
text-align: center;
}

.naslov_strane {
  width: 100%;
  margin: 0px; 
  background-color: #fc8544;
  color: white;
}

.naslov_strane h1 {
  padding: 10px 0px;
  font-size: 1.6rem;
}



.navbar {
  top: 30px;
} 

.pagewide {
  height: auto !important;
	background-color: #36648B;
}

.pagewide .container {
  padding: 2px 0px;
	text-align: right;
}

.pagewide .container button {
  padding: 0px;
	color: white;
	font-size: .9em;
}

.pagewide button {
  margin-top: -4px;
}

.pagewide a {
  margin-left: 10px;
  color: white !important;
  font-size: .8em !important;
}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {
color: #fc8544;
}

.navbar-nav {
	margin-left: auto!important;
}


.modal-backdrop {
z-index: 0 !important;
}

#AppMessage {
float: left;
padding: 0px 15px;
font-size: .9em;
background-color: white;
color: #1717179c;
font-weight: 400;
border-radius: 10px;
}

@keyframes slideInFromLeft {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}

#AppMessage {  
  /* This section calls the slideInFromLeft animation we defined above */
  animation: 1s ease-out 0s 1 slideInFromLeft;
}

.dropdown:hover>.dropdown-menu {
  display: block;
}
.dropdown-item:hover>.dropdown-menu {
  display: block;
}
ul li{
list-style-type:none;
display: inline;
}

.navbar-nav .nav-link{display:inline-block;}
   
.ml-auto {display:inline-block!important;}

.dropdown>.dropdown-toggle:active {
  pointer-events: none;
}

@media (min-width: 1200px){

.navbar li {
        margin-left : .8em;
        margin-right : .8em;
    }

.navbar li a {
	font-size: 1.1em;
	font-weight: 600; 
    }

.navbar-brand {
	margin-right: 5rem !important;
   }

.dashboard_opcije .col-md-3 {
  max-width: 23%;
   }
}

.login_dugme img {
  margin-right: 6px;
}

.modal-header {
	color: white;
	background-color: #36648B;
}

.forma_modal .form-group {
	text-align: left;
}

#modal_btn {
	padding: 7px 25px;
	background-color: #36648B;
	border-color: #36648B;
}

/**** PRETRAGA NASLOVNA *****/


.glavna_pretraga {
	max-width: 100%;
	margin-left: 0px;
	padding: 12% 0px;
	background-image: url(/upload/katalizator-slajder.jpg);
	background-size: cover;
	border-bottom: 6px solid #36648b;
}

.pretraga {
	width: 50%;
	margin: 0 auto;
}

.pretraga h2 {
	width: 100%;
	margin-bottom: 0px;
    padding: 6px 3%;
    display: inline-block;
	font-size: 1.3em;
    color: white;
    background-color: #36648bbd;
}

.pretraga form {
	padding: 2% 1%;
	background-color: #ffffff66;
	text-align: center;
	color: #fc8544;
	border-top: 1px dotted #36648b;
}


.pretraga .form-control {
	width: 30%;
	margin: 0 1.5%;
	float: left;
	background-color: #d8d8d8;
}

.pretraga form button {
	width: 97%;
	margin-top: 3%;
	padding: 6px;
    font-size: 1em;
    color: white;
    background-color: #36648b;
    border: 1px solid #36648b;
}

#prodajaOrder {
	width: 100%;
	padding: 10px;
	text-align: center;
	background-color: #fc8544;
}


/**** KATALIZATORI *****/
.row {
	margin: 0px;
}

.katalizatori {
	margin-top: 3%;
}

.katalizator {
	width: 80%;
	margin: 7.5px auto;
	padding: 0px;
	background-color: #d8d8d8c7;
	border: 3px solid #36648b;
}

.katalizator_naslov {
	width: 100%;
	padding: 6px;
	background-color: #36648B;
}

.katalizator_logo,
.katalizator_id {
	width: 50%;
	float: left;
}

.katalizator_logo {
	padding-left: 10px;
}

.katalizator_logo img {
	max-width: 70px;
}

.katalizator_id {
	padding-right: 3%;
	text-align: right;
	color: white;
}

.katalizator_slika {
	background-color: lightgray;
	border-right: 1px dotted #36648b;
}

.katalizator_slika img {
	max-width: 100%;
}

.katalizator_info {
	padding: 4%;
}

.info1 p,
.info2 p {
	margin-bottom: 0px;
}

.cena_katalizatora {
	margin-top: 10px;
}

.cena_katalizatora h2 {
	color: #fc8544;
	font-size: 1.5em;
}

.cena_katalizatora h2 span {
	font-size: 1.2em;
}

.tooltip {
	font-style: italic;
    font-size: 1em;
}

.kontakt_onama {
	width: 100%;
	margin-top: 6%;
}

.kontakt_onama h2 {
	margin-top: 1%;
}






@media (max-width: 1000px){

#AppMessage {
  width: 100%;
  margin-bottom: 3px;
  font-weight: 400;
}

.login_dugme {
  margin-right: 10px;
}

.glavna_pretraga {
width: 100% !important;
margin: 0 !important;
}

.glavna_pretraga {
	background-image: inherit;
	background-color: #36648b;
}

.pretraga {
	width: 95%;
}

.pretraga form button {
    width: 100%;
    min-height: 20px;
}

.katalizator {
	width: 100%;
}

.katalizator_id h2 {
	font-size: 1.3em;
}
}

@media (max-width: 600px){

header {
	min-height: 110px;
}

.navbar {
	padding: .1rem 1rem;
}


.pretraga .form-control {
	width: 97%;
    margin: 7.5px;
}

.pretraga h2 {
	background-color: #ffffff66;
}

.pretraga form {
	background-color: #36648b;
}

.pretraga form button {
	padding: 15px;
	background-color: #969696;
    border-radius: 15px;
}

.katalizator_info .col-md-8 {
	flex: 0 0 66.666667% !important;
    max-width: 66.666667% !important;
}

.katalizator_info .col-md-4 {
	width: 33.333333% !important;
	flex: 0 0 33.333333% !important;
}

}



/**** DASHBOARD *****/

.dashboard_topbar {
min-height: 100px;
}

.dashboard_navigacija {
margin-top: 30px;
font-size: 1.1em;
font-weight: bold;
color: white;
}

.dashboard_navigacija a:hover {
text-decoration: none;
}

.dashboard_agencije {
margin: 6% 0 0 !important;
}

.dashboard_naslov p {
margin-bottom: 6%;
}

.dashboard_opcije {
width: 100%;
}

.dashboard_opcije .opcija {
max-width: 21%;
margin: 1% 6px;
padding: 2%;
background-color: #53c7c0c2;
background-color: #b9daed;
border-radius: 10px;
}

.dashboard_opcije .opcija_admin {
  background-color: #e0e0e0;
}

.dashboard_opcije .opcija:hover {
background-color: #1ed0c5c2;
cursor: pointer;
}

.dashboard_opcije .opcija_slika {
display: block;
width: 100%;
text-align: center;
}

.dashboard_opcije .opcija .opcija_slika img {
max-width: 60%;
}

.dashboard_opcije .opcija h4 {
margin-top: 3px;
font-size: 1.3rem;
color: #fc8544;
background-color: white;
border: 1.5px solid #fc8544;
border-radius: 10px;
text-align: center;
}

.dashboard_opcije .opcija p {
color: black;
text-align: justify;
}

.dashboard_opcije .opcija a:hover {
text-decoration: none;
}

.dugme_topbar {
margin: 0 14px;
}

.dugme_topbar img{
margin-top: -3px;
margin-right: 4px
}

.dashboard_krediti {
display: inline-block;
margin: 0 6% 0 30px;
padding: 3px 10px;
border: 1px solid white;
border-radius: 10px;
}

.dashboard_krediti img {
margin-top: -3px;
}


/**** DASHBOARD - PAKETI *****/

.pretraga_iznad_liste .pretraga {
	width: 100%;
	margin: 0px;
}

.NS_head {
	margin-bottom: 10px;
}

.akcija {
	margin-top: 6%;
}

.NS_row {
	background-color: white;
	border-bottom: 1px dotted lightgray;
}

.NS_title {
	margin-bottom: 6px;
	background-color: #fc8544;
	color: white;
}

.NS_head .NS_row:nth-child(odd) {
    background-color: #e9f6fb;
}

.NS_head .NS_row .NS_TD {
    padding: 6px 0px;
}



/**** SUPER ADMIN PANEL *****/

.super_admin_opcije {
  margin-top: 15%;
}

.super_admin_opcija {
  margin: 16px 24px 0px 0px;
  border: 1px solid #00000047;
  padding: 8px 6px 6px 6px;
  border-radius: 10px;
  background-color: #d3d3d352;
  text-align: center;
}

.super_admin_opcija:hover {
  background-color: #b7828252;
}

.super_admin_opcije a {
  color: black;
}

.super_admin_opcije h4 {
  display: inline-block;
  font-size: 1.1rem;
}

.super_admin_opcije img {
  max-width: 27px;
  margin: -3px 0px 0px 10px;
}

.super_admin_opcije_meni {
  padding-left: 3px;
  background-color: #f1f1f1;
  border: 1px solid lightgray;
}

.super_admin_opcije_meni .super_admin_opcija {
  margin: 3px 0px 0px 0px;
  padding: 3px;
  border-radius: 0px;
  background-color: inherit;
  text-align: left;
  border: none;
  border-bottom: 1px solid lightgray;
}

.super_admin_opcije_meni .super_admin_opcija a {
  color: black;
}

.super_admin_opcije_meni .super_admin_opcija h6 {
  font-size: 1rem;
  display: inline-block;
}

.super_admin_opcije_meni .super_admin_opcija img {
  max-width: 14px;
}

.listLinks {
  background-color: beige;
  color: white;
  border: 1px solid lightgray;
  border-radius: 10px;
}

.tabela_liste .NavBarLeft {
  display: none !important;
}

.tabela_liste .NavBarLinks,
.tabela_liste .NavBarInv {
  background-color: white;
  color: blue;
}

.tabela_liste .NavBarHeader .NavBarItem {
  background-color: #3d3def69;
}

.tabela_liste .NavBarItem a {
  color: black;
}



.lista_oglasa li:nth-child(odd) {
  background-color: #e9f6fb;
}

.lista_oglasa_naslov_tabele {
  font-weight: bold;
  background-color: #ff980078 !important;
}


  @keyframes check {0% {height: 0;width: 0;}
    25% {height: 0;width: 10px;}
    50% {height: 20px;width: 10px;}
  }
  .checkbox{background-color:#fff;display:inline-block;height:22px;margin:0 .25em;width:22px;border-radius:4px;border:1px solid #ccc;margin-bottom: -4px;}
  .checkbox span{display:block;height:22px;position:relative;width:22px;padding:0}
  .checkbox span:after{-moz-transform:scaleX(-1) rotate(135deg);-ms-transform:scaleX(-1) rotate(135deg);-webkit-transform:scaleX(-1) rotate(135deg);transform:scaleX(-1) rotate(135deg);-moz-transform-origin:left top;-ms-transform-origin:left top;-webkit-transform-origin:left top;transform-origin:left top;border-right:4px solid #fff;border-top:4px solid #fff;content:'';display:block;height:14px;left:3px;position:absolute;top:11px;width:7px}
  .checkbox span:hover:after{border-color:#999}
  .checkbox input{display:none}
  .checkbox input:checked + span:after{-webkit-animation:check .8s;-moz-animation:check .8s;-o-animation:check .8s;animation:check .8s;border-color:#555}
.checkbox input:checked + .default:after{border-color:#444}
.checkbox input:checked + .primary:after{border-color:#2196F3}
.checkbox input:checked + .success:after{border-color:#8bc34a}
.checkbox input:checked + .info:after{border-color:#3de0f5}
.checkbox input:checked + .warning:after{border-color:#FFC107}
.checkbox input:checked + .danger:after{border-color:#f44336}

.list-group {
  position: relative;
}

.lista_specifikacije {
  display: inline-block;
}

.lista_specifikacije span {
  display: inline-block;
  margin-right: 10px;
}

.ls_broj {
  min-width: 39px;
}

.ls_id {
  min-width: 60px;
}

.ls_naziv {
  min-width: 170px;
}

.ls_vrsta {
  min-width: 80px;
}

.ls_tip {
  min-width: 80px;
}

.lista_specifikacije_dodatno {
  position: absolute;
  top: 15px;
  right: 10px;
}

.akcija button {
  width: 100%;
  margin-top: 10px;
}

/**** SUPER ADMIN DODELA *****/

.dodeli {
  padding: 0px 10% 0px;
}

.dodeli_prvi, .dodeli_drugi {
  width: 44%;
  margin: 0px 2.5%;
  float: left;
}


/**** SUPER ADMIN LISTA PAKETA *****/

.lista_paketa .list-group-item {
  text-align: left;
}

.lista_paketa .ls_naziv1 {
  padding: 0px 10px;
}



/**** SUPER ADMIN PANEL - MANUELNI UNOS *****/

#user,
#firma {
	border: none !important;
}

#firma {
	margin-top: 4%;
}

#user .form-group,
#firma .form-group {
	width: 46%;
    margin: 0px 2%;
    float: left;
}

.unos_pojedinacne_checkbox {
	width: 100%;
	margin: 4% 0px;
    float: left;
}

.unos_pojedinacne_checkbox .form-group {
	width: 15% !important;
}

.unos_pojedinacne_checkbox .form-group input {
	width: 20px;
	margin: -5px 20px 0px 0px;
	display: inline-block;
	float: left;
}

#user select {
	width: 100%;
	margin-bottom: 20px;
}

#F_slike {
	margin-top: 20px;
}


/**** Breadcrums *****/

#breadcrumb,
#breadcrumb_dash {
  width: 80%;
  margin: 2% auto 0px;
  border-bottom: 1px dotted;
}

#breadcrumb_dash {
  width: 100%;
  margin: 12% 0px 3%;
}

#breadcrumb ul,
#breadcrumb_dash ul
{
  margin: 0px;
}

#breadcrumb ul li,
#breadcrumb_dash ul li {
  padding: 0px 3px;
}

#breadcrumb ul a,
#breadcrumb_dash ul a {
  font-weight: bold;
}

.pagination_nav{
	margin: 0 auto !important;
}

.nekretnina a {
	color: #fc8544;
}

.nekretnina a:hover {
	color: #fc8544;
	text-decoration: none;
}

.obojen_oglas a,
.obojen_oglas a:hover {
	color: white;
}

.lista_agencija {
	background-color: white;
}

.agencija {
	margin-bottom: 15px;
	background-color: #fc85443b;
}

.uslovi_koriscenja {
	width: 70%;
	text-align: justify;
}

.uslovi_koriscenja h2 {
	color: #fc8544;
}

.uslovi_koriscenja a {
	font-weight: bold;
}

.uslovi_koriscenja ul li {
	display: block;
}

.uslovi_koriscenja img {
	max-width: 100%;
	margin-top: 6%;
}

 .mobile_only {
 	display: none;
 }



.footer-copyright {
	background-color: #d8d8d8;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  opacity: 50;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 400px;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
