body {
    text-align: center;
    padding: 0;
    margin: 0;
    font-family: 'Fira Sans', sans-serif;
}

.page-wraper {
    display:inline-block;
    text-align:left;
    margin: 0;
    padding: 0;
    width: auto;
    max-width: 1000px;
   
}

.containter, .col-sm-12{
    padding: 0;
    margin: 0, 0 !important;
    max-width: 1000px;
   
}

/* Header prostor*/

/*
    .headerDiv {
    display: inline-block;
    margin: 0;
    border-bottom:none;
    padding-bottom: 0;
    width:inherit;
}


*/
.header-top{
    background-color: #323a4d;
    display: inline-block;
    width: 100%;
    margin-bottom: -2px;
}

.header-top div{
    color: #FFFFFF;
    height: 100%;
}
.header-top ul{
    padding-right: 0;
    display:inline-block;
    background-color: #326496;
    color: #fff;
 /*   width: 95%;  */
    margin-bottom: -2%;
}

.nav-header{
    font-family: 'Fira Sans';
    font-weight: 700;
    background-color: #FDD207;
    color: #323a4d;
    font-size:20px;
    margin: 0 0 5px 0;
    border-radius: 0;
    padding: 11px 10px 11px 10px;
    vertical-align: middle;
}

ul.nav.nav-tabs{
	margin-bottom: -3.3em;
}

/*.nav-tabs>li>a:hover{
    color: #fff !important;
}*/

.nav li{
/*	width: 100%; */
    display:inline;
    text-align:center;
    padding: 2.8% 0 2.85% 0;
    margin-right: 0;
}

.nav{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 0px;
}

.nav.nav-tabs a {
    font-family: 'Fira Sans';
    font-weight: 400;
    padding: 2px 10px;
	border: none;
	background-color: #326496 !important;
    color: #fff;
}

.row.vdivide [class*='col-']:not(:last-child):after {
  background: #e0e0e0;
  width: 1px;
  content: "";
  display:block;
  position: absolute;
  top:0;
  bottom: 0;
  right: 0;
  min-height: 70px;
}

.separator{
    height: 50%;
    margin-right: 0 !important;
    border-radius: 0 !important;
    border-right: 2px #fff solid !important;
}

.nav a:hover, .nav a:active, .nav a:focus{
    color: #FDD207;
}

.logo{
    border-right-style: solid;
    border-right-color: #999DA6;
    border-right-width: 2px;
    padding: 1.2% 2% 1% 2%;
    display: inline-block;
    width: 30%;
    
}

.registeredLink{
    display: inline !important;
	float: left;
    padding: 0px 20px;
}

.registeredNav{
	margin-bottom: -26px !important;
}

.onlyText {
	float: left;
	margin-left: 1em;
	width: 100%;
}
.onlyText:hover{
	color: #fff !important;
}

.not-active {
   pointer-events: none;
   cursor: default;
   color: lightgray !important;
}

.div2{
    padding-bottom:2%;
    
}

.home-space{
    padding-top: 3.5%;
    position: relative;
    height: 100%;
    width: 40%;
}

.registracijaDiv{
    padding: 2% 0%;
    background-color: #323A4D;
}

.registracijaCelBlok {
    padding: 3px 0 0 0;
    width: 30%;
}

.registracijaDiv span{
    font-family: 'Fira Sans';
    font-weight: 300;
    font-size: 13px;
}


/*Sekcija Najnovi Oglasi*/

.sekcijaNajnoviOglasi {
    display:inline-block;
    padding: 0;
}

.naslovNajnoviOglasi {
    font-family: 'fira sans';
    color: #802990;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding-top: 2%;
}

.divNajnoviOglasi-wrap{
    margin: 0 10px;
    background-color: #f5f5f6;
    padding-bottom: 20px;
}

.articleNajnoviOglasi{
    border-top: 5px solid #c8c8c8;
    margin-bottom: 3%;
}

.tblNajnoviOglasi{
    padding-top: 2%;
    background-color: #f5f5f6;
    margin-bottom: 0;
	width: 98%;
    margin: 5px 10px 0 10px;
}

.tblNajnoviOglasi td{
    width: inherit;
    vertical-align: middle !important;
    border-bottom:1px solid #a19e99;
}

.tblNajnoviOglasi tr, .tblNajnoviOglasi th{
    border-bottom: 1px solid #a19e99 !important;
}

.tblNajnoviOglasi, .tblNajnoviOglasi>thead, .tblNajnoviOglasi>tbody, .tblNajnoviOglasi>tr, .tblNajnoviOglasi>th, .tblNajnoviOglasi>td, .table>tbody>tr>td{
    border-top: none !important;
}

.tblNajnoviOglasi .tdStatus {
    width: 10%;
    text-align:center;
}

.tblNajnoviOglasi .tdImgFirma {
    width: 10%;
    text-align: center;
}

.tblNajnoviOglasi .tdOblast{
    text-align: left;
    font-family: 'Fira Sans';
    font-weight: 500;
    font-size: 15px;
    color: #323a4d;
    width: 25%;
    text-align:left;

}

.tblNajnoviOglasi .tdAdresa {
    width: 25%;
    text-align:left;
}

.tblNajnoviOglasi .tdAdresa a{
    display: inline-block;
    font-family: 'fira sans';
    font-size: 13px;
    font-weight: 500;
    color: #F06522;
	text-decoration: none !important;
}

.tblNajnoviOglasi .tdAdresa a:hover {
    text-decoration: underline;
}
.tblNajnoviOglasi .tdOglasenNa{
    width: 10%;
}

.tblNajnoviOglasi .tdAdresa span, .tdOglasenNa{
    font-family: 'Fira Sans';
    font-size: 13px;
    font-weight: 300;
    color: #646464;
    text-align: right;
}

.tblNajnoviOglasi .tdTipRabota{
    width: 20%;
    text-align:center !important;
}

.tblNajnoviOglasi .tdTipRabota .pTip{
    font-family: 'Fira Sans';
    font-weight: 800;
    font-size: 13px;
    color: #646464;
    margin: 0;
    text-align: center;
}

.tblNajnoviOglasi .linkRow:hover{
	background-color: #E3E3E3 !important;
}

.pOpis{
    font-family: 'Fira Sans';
    font-weight: 300;
    font-size: 12px;
    color: #646464;
    margin: 0;
    text-align: center;
}

.list-group-item:first-child {
    margin-bottom: 0;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

.list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.list-group-item{
    margin-bottom: 0;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}



/*Sekcija Najpopularni Oglasi*/

.sectionKategorii h3{
    font-family: 'Fira Sans';
    font-weight: 700;
    font-size: 20px;
    color: #802990;
    padding-left: 2%;
    margin: 0 auto;
}

.articleKategorii{
    border-top: 5px solid #c8c8c8;
    padding: 0 2px;
}

.tblKategorii{
    background-color: #f6f6f6 !important;
    margin-top: 5px;
	float: left;
}

.tblKategorii td, .tblKategorii tr, .tblKategorii th{
    border:none !important;
}

.tblKategorii td{
    vertical-align: middle !important;
    text-align: center;
    border: 10px solid #ffffff !important;
    border-top: 5px solid #ffffff !important;
    width: 25% !important;
}

.articleKategorija{
    padding: 8%;
    background-color: #f6f6f6;
	
}

.articleKategorija img{
    background-color:#ffffff;
}

.articleKategorija .pOblast{
    margin-bottom: -5px;
    font-family: "Fira Sans";
    font-weight:600;
    font-size: 13px;
    color: #323a4d;
}

.articleKategorija .pBrOglasi{
    font-family: "Fira Sans";
    font-weight:400;
    font-size: 15px;
    color: #969696;

}

.articleKategorija .pPovekeInfo{
    font-family: "Fira Sans";
    font-weight: 900;
    font-size: 14px;
    color: #323a4d;

}

.pPovekeInfo>a{
    color: #f44336;
}

.pPovekeInfo a:hover{
    color: #f00000;
    text-decoration:none;
}

a:hover{
    text-decoration: none;
}

.sectionNajnoviNovosti{
	position: relative;
	display: inline-block;
	
}
.divNovosti{
	border-bottom: 5px solid #c8c8c8;
    padding: 0 2px;
}

.novostiWrapper{
	padding-left: 15px;
    margin-bottom: 3%;
}

.articleNovost{
	display: inline-block;
	position: relative;
	width: auto;
	margin: 0 1px
}

.novostiWrapper, .articleNovost{
	display: inline-block;
	vertical-align: top;
}

.articleNovost:hover>.overlay{
	width:100%;
    height:100%;
    position:absolute;
    background-color:#000;
    opacity:0.1;
	z-index: 1;
}

.novostiImg{
	width: 320px;
    height: 160px;
    margin: 3px 0 0 0px;
}

.rotatedDiv{
	-webkit-transform: rotate(45deg);
	-moz-transform:    rotate(45deg);
	-ms-transform:     rotate(45deg);
	-o-transform:      rotate(45deg);
	
	background-color: #FDD207;
    width: 50px;
    height: 50px;
    position: absolute;
    margin-top: -25px;
    margin-left: 60px;
    padding: 0;
    border: 0;
}

.novostIntro{
	background-color: #FDD207;
    height: 90px;
    padding: 0 10px;
    width: 320px;
}

.novostIntro span{
    font-family: 'Fira Sans';
    font-size: 12px;
    font-weight: 300;
    color: #fff;
    background-color: #323a4d;
    border: none;
    float: right;
    width: 110px;
    height: 25px;
	padding: 5px 0 0 0px;
    margin: 12px 0px 0 0;
    text-align: center;
}

.novostPodnaslov{
	width: 95%;
    position: relative;
    font-family: 'Fira Sans';
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    margin: 10px -75px 0px 0px;
    color: #323A4D;
}

.novostLink{
	font-family: 'Fira Sans';
    font-size: 12px;
    font-weight: 400;
	color: #323A4D;
}

.novostLink:hover{
	color: 323A4D;
}


/*      FOOTER      */
.footer{
    text-align: center;
    padding: 1%;
    border-top-style: solid;
    border-top-color: #fdd207;
    border-top-width: 5px;  
    
}

.footer li{
    list-style: none;
    display: inline;
}

.footer a{
    font-family:'Fira Sans';
    font-size: 15px;
    font-weight:700;
    color: #323A4D;
    padding: 1% 0.5%;
}

.footer p {
    font-family: 'Fira Sans';
    font-weight: 300;
    font-size: 13px;
    color: #646464;
}

/*             Home Page - Prebaruvanje              */

.prebaruvanje{
    padding: 5px 10px 0 10px;
    border: 1px solid #802990;
    margin-bottom: 3%;
}

.prebaruvanjeDiv{
    text-align: center;
}

.divNajnoviOglasi{
    display: inline-block;
    /* padding-bottom: 0.5% */
}

/* --- BUTTONS ---- */

.prebaruvanjeBtn {
    position:relative;
    padding: 0.4% 4%;
    margin: 0 0 10px 0;
    font-family: 'Fira Sans';
    font-weight: 300;
    font-size: 20px;
    color: #ffffff;
    background-color: #326496;
}

.prebaruvanjeBtn:hover{
    background-color: #214263;
}

.prebaruvanjeBtn img{
    margin-top:-2px;
}

.btn{
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.btn-circle {
  width: 16px;
  height: 16px;
  text-align: center;
  padding: 1.5%;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 15px;
  margin: 7px 0;
  border: 1px solid #323A4D;
}

.btn-circle-micro {
  width: 19px;
  height: 19px;
  text-align: center;
  padding: 1px 0;
  font-size: 13px;
  line-height: 0.1;
  border-radius: 30px;
}

.btn-circle-sm {
  width: 35px;
  height: 35px;
  text-align: center;
  padding: 2px 0;
  font-size: 20px;
  line-height: 1.65;
  border-radius: 30px;
}

.btn-default{
    float: right;
}

.btnSiteOglasi{
    font-family: 'Fira Sans';
    font-weight: bold;
    font-size: 14px;
    margin-top: 10%;
    margin-bottom: 2%;
    padding: 3% 15% 0% 15%;
    background-color: #802990;
    border: none;
    text-align:center;
    vertical-align:middle;
}

.btnSiteOglasi:hover{
    background-color: #521a5c;
}

.collapsableMinus{
    background-image:url("../images/minus.png");
    background-repeat: no-repeat;
    background-position:center;
}

.collapsablePlus{
    background-image:url("../images/plus.png");
    background-repeat: no-repeat;
    background-position:center;
}

.btn:focus,.btn:active {
   outline: none !important;
}

.btnIspratiPrijatel{
	height: 20px;
    padding: 0 3px 0 3px;
    float: right;
    margin: 1em 0.8em 0 0;
    width: 80px;
}

/*CHECK LISTI*/

div.col-sm-6{
    padding-left: 10px;
    padding-right: 10px;
}
.checked-list-box{
    display: inline-block;
    width: 100%;
    padding: 2%;
    
}

.panel-group {
    margin-bottom: 10px;
}

.panel-body{
    display: inline-block;
    width: 100%;
    padding: 0;
}
div.panel.panel-default{
    border: 1px solid #c8c8c8;
    display: inline-block;
    width: 100%;
    min-width: 25%;
    border-radius: 0;
    padding: 1% 2%;
    margin: 5% 0 5% 0;
}

.panel-heading{
    border:none;
    background-color: #ffffff !important;
    padding: 0;
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    
}

.panel-group .panel-heading+.panel-collapse>.list-group{
    border: none;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    /* border-top-color: red; */
    border: none;
}

.golemaLista{
    height: 385px;
    overflow: auto;
}

.maliListi{
    height: auto;
    max-height: 211px;
    overflow: auto;
    min-width: 100px;
    margin-bottom: 0;
}


.panel-heading h4{
    font-family: 'Fira Sans';
    font-weight: 500;
    color: #323a4d;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 10px;
}

li.list-group-item {
    font-family: 'Fira Sans';
    font-weight: 300;
    font-size: 12px;
    color: #646464;
    border-width: 0 !important;
    padding: 5px 10px;
}

.state-icon {
    left: -5px;
}

ul.list-group{
    padding: 0;
}
.list-group-item-primary {
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202);
}

/* DEMO ONLY - REMOVES UNWANTED MARGIN */
.well .list-group {
    margin-bottom: 0px;
}

.glyphicon.glyphicon-unchecked{
    color: gray;
    font-weight:100;
}


/*Reklami*/
.reklamiContainer{
    display: inline-block;
    padding-right: 0;
    padding-bottom: 21px;
    min-width: 310px;
}

.reklamiContainer img{
    display: inline-block;
    float: right;
}

.reklami{
    padding: 6.7% 0% 0% 2%;
    width: 300px;
    height:auto;
    max-height: 250px;
    
}

.errorHandler{
	color: red;
	font-family: 'Fira Sans';
	font-size: 12px;
}

.emptyInput{
	border: 1px solid red;
}

/* SCROLBAR SELECTORI*/

::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f6;
}

::-webkit-scrollbar-track {
    background-color: #f5f5f6;
    
}

::-webkit-scrollbar-thumb {
    background-color: #323a4d;
}

.glyphicon .glyphicon-minus{
    font-family: 'Fira Sans';
    font-size: 50%;
}



/* --------------------------     RESULTS PAGE   ----------------------------  */

.navigacija-header{
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}

.navigacija-header li a, .navigacija-header li span{
    font-family: 'Fira Sans';
    font-size: 15px;
    font-weight: 700;
    color: #323a4d;
    
}

.navigacija-header li{
    display: inline;
    font-family: 'Fira Sans';
    font-size: 13px;
    font-weight: 300;
    color: #323a4d;
}

.archiveNavig{
	font-family: 'Fira Sans';
    font-size: 15px;
    font-weight: 700;
    color: #323a4d;
	margin-top: 5px;
}

.archiveNavig a{
	font-family: 'Fira Sans';
    font-size: 15px;
    font-weight: 700;
    color: #323a4d;
}

.archiveNavig a:hover{
	color:#F06522;
}

.archiveNav a{
	float: right;
}

.activeAnchor{
	color: red;
}

.pagination>li>a:hover{
    background-color: #fff;
}

.pagination>li:active{
    background-color: #fff;
}

.sekcijaResults nav{
    text-align: center;
    vertical-align: middle; 
}



.pagination-sm{
    vertical-align: middle;
    text-align: center;
}

.pagination li{
    display: inline-block;
    vertical-align: middle;
}

ul.pagination-sm .pageLi a{
    margin-top: 5px;
}
.pagination>li>a{
    position: relative;
    display: inline-block;
    float: left;
    padding: 3px 6px;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #fff;
    border: none;
    font-family: 'Fira Sans';
    font-weight: 300;
    font-size: 17px;
    color: #323a4d;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #fff;
    border: none;
    font-family: 'Fira Sans';
    font-weight: 700;
    font-size: 20px;
    color: #f44336;
}



/* --------------------------     PREGLED_OGLASI PAGE   ----------------------------  */


.sodrzinaOglas{
    display: inline-block;
}

.oglasSodrzina{
	text-align: left;
}

.navigacijaVratiNazad{
    font-family: 'Fira Sans';
    font-size: 17px;
    font-weight: 300;
    color: #323a4d;
    margin-left: 5px;
}

.imgVratiSeNazad{
    margin-right: 10px;
}

.sectionOglas{
    display: inline-block;
	position: relative;
    margin-bottom: 5%;
    text-align:center;
}

.articleResults{
	min-height: 500px;
}

.oglasNaslov{
    font-family: 'Fira Sans';
    font-size: 20px;
    font-weight: 500;
    color: #323a4d;
    text-align:center;
}

.sodrzinaParagrav{
    font-family: 'Fira Sans';
    font-size: 15px;
    font-weight: 300;
    color: #323a4d;
    text-align:justify;
}

.sodrzinaPodnaslovLista, .sodrzinaLista{
    font-family: 'Fira Sans';
    text-align: left;
    font-size: 13px;
    font-weight: 300;
    color: #323a4d;
}

.sodrzinaLista{
    list-style: none;
}

.sodrzinaLista > li {
  text-indent: -10px;
}
.sodrzinaLista > li:before {
  content: "- ";
  text-indent: -20px;
}

.btnApliciraj{
    font-family: 'Fira Sans';
    background-color: #326496;
    padding: 1% 4.75% 0.3% 4.75%;
    border: none;
    font-size:13px;
    font-weight:900;
    color: #ffffff;
    margin-top: 2em;
    letter-spacing: 1px;
}

.btnApliciraj:hover, .btnApliciraj:active, .btnApliciraj:focus{
    border: none;
}

.mailTo{
    font-family: 'Fira Sans';
    font-weight:300;
    font-size: 13px;
    color: #1b8af3;
}

.articleCompanyInfo{
    position:relative;
    float: right;
    text-align: center;
    display: inline-block;
    padding: 0 0 0 5px;
    margin-bottom: 1em
}

.imgCompanyLogo{
    margin: 1em auto;
    max-height: 150px;
}

.divImgCompanyLogo{
    position:relative;
    display: inline-block;
    text-align: center;
}

.tableCompanyInfo{
    font-family: 'Fira Sans';
    display:inline-block;
    width: 100%;
    text-align: left;
    font-size: 12px;
    font-weight: 300;
    color: #323a4d;
    background-color: #ebebeb;
    padding: 14px;
}

.tableCompanyInfo td{
    width: 50%;
    border: 3px;
}

tr.linkRow{
    cursor: pointer;
	-webkit-transition: 0.5s ease-in-out;
    -moz-transition:  0.5s ease-in-out;
    -ms-transition:  0.5s ease-in-out;
    -o-transition:  0.5s ease-in-out;
    transition:  0.5s ease-in-out;
}

.tableCompanyInfo .firstTD{
    font-weight: 500;
	vertical-align: top;
}

.lstOglasOpcii{
    font-family: 'Fira Sans';
    list-style: none;
    float: right;
    display: inline-block;
    font-size: 12px;
    font-weight: 300;
    color: #536080;
    text-align: left;
}

.lstOglasOpcii li{
    padding: 5px;
}

.lstOglasOpcii>li>a>img{
    margin-right: 1em;
}

.articleIzvestuvanja{
    display:inline-block;
    padding: 1em;
    border: 1px solid #a19e99;
}

p.pIzvestuvanjaNaslov{
    font-family: 'Fira Sans';
    font-size: 12px;
    font-weight: 500;
    color: #323a4d;
}

p.pIzvestuvanjaText, .spanEmail{
    font-family: 'Fira Sans';
    font-size: 12px;
    font-weight: 300;
    color: #323a4d;
}

.assideReklamiranje{
    position: relative;
    display: inline-block;
    float:right;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 5%;
}

.divMailReklama{
    display:inline-block;
}

.spanEmail{
    margin-right: 1em;
}

.inputReklamiranjeMail{
    border: 1px solid #bab7b1;
    width: 80%;
    height: 20px;
}

.articleBanner .reklami{
        float: right;
}

/* -------------------     NOVOSTI TABELA I IZGLED    ------------------------ */

.tblNovostiList{
	margin: 0 10px;
    margin-top: 10px;
    border-top: solid 1px black;
}

.tblNovostiList tr{
	margin: 10px 0px !important;
    border-bottom: solid 1px black;
}

.tblNovostiList td{
	margin: 0 10px;
    padding: 5px;
}

.novostImg img{
	width: 220px;
    height: 110px;
    margin: 0 10px;
}

.novostNaslov{
	font-family: 'Fira Sans';
    font-size: 16px;
    font-weight: 500;
    color: #f44336;
    margin: 10px 0px 15px 30px;
}

.novostiVreme{
	font-family: 'Fira Sans';
    font-size: 14px;
    font-weight: 400;
    color: #323a4d;
    margin: 0 0 3px 30px
}

.novostiPodnaslov{
	font-family: 'Fira Sans';
    font-size: 13px;
    font-weight: 300;
    color: #323a4d;
    margin: 0 0 5px 30px;
	text-align: justify;
}

.novostWrapper{
	position: relative;
    display: inline-block;
	margin-top: 20px;
	padding: 0 15px;
}

.novostItemSodrzina{
	padding: 0 46px 0 0;
}

.reklamaNovosti{
	margin-top: 47px;
}

.naslovNovost{
	font-family: 'Fira Sans';
    font-size: 24px;
    font-weight: 700;
    color: #323a4d;
}

.datumNovost{
	font-family: 'Fira Sans';
    font-size: 14px;
    font-weight: 500;
    color: #326496;
}

.imgNovost{
	width: 600px;
    height: 300px;
    margin: 0 0 30px 0;
}

.podnaslovNovost{
	font-family: 'Fira Sans';
    font-size: 16px;
    font-weight: 500;
    color: #802990;
    text-align: justify;
    border-left: solid 10px #fdd207;
    padding: 0 0px 0 10px;
    margin: 0 auto 20px auto;
}

.sodrzinaNovost{
	font-family: 'Fira Sans';
    font-size: 13px;
    font-weight: 400;
    text-align: justify;
    color: #323a4d;
    padding: 0 0px 0 0px;
}

/* -------------------     FORMI VLEZ I REGISTRACIJA NA KOMPANII I KORISNICI    ------------------------ */

.divSodrzina{
    display: inline-block;
    margin: 0 1.4em;
    margin-bottom: 3em;
    max-width: 960px;
    width:inherit;
}

.naslovRegistracija{
    font-family: 'Fira Sans';
    font-size: 15px;
    font-weight: 500;
    color: #323a4d;
    margin-left: 1.2em;
}

.formaRegistracijaKompanija{
    display: inline-block;
    border: 1px solid #a19e99;
    padding: 1em;
    width: 100%;
}

.paragrafPodatociKompanija{
    font-family: 'Fira Sans';
    font-size: 13px;
    font-weight: 500;
    color: #000;
}

.tblFormaRegistracijaKompanija{
    font-family: 'Fira Sans';
    font-size: 12px;
    font-weight: 400;
    color: #323a4d;
    width: 100%;
    margin-bottom: 3em;
}

.tblFormaRegistracijaKompanija td{
    margin: 1em;
    padding: 0.25em;
    padding-top: 1em;
    vertical-align: middle;
    width: 80%;
}

table.tblFormaRegistracijaKompanija > tbody > tr > td:first-child{
    width: 20%; 
    vertical-align: top;
}

.spanObjasnuvanje{
    font-family: 'Fira Sans';
    font-size: 11px;
    font-weight: 300;
    color: #a0a0a0
}

.opisUslugi{
    position: relative;
    display: inline-block;
    background-color: #ebebeb;
    width: 65%;
    margin-left: 1em;
    padding-top: 1em;

    font-family: 'Fira Sans';
    font-size: 13px;
    font-weight: 400;
    color: #323a4d;
}

.formTypeInput{
	font-family: 'Fira Sans';
    max-width: 65%;
	width: 100%;
	height: 2em;
	padding: 2px;
}

.inputCapchaCode{
	font-family: 'Fira Sans';
    width: 90px;
    height: 2em;
	padding: 2px;
}

#datepicker{
	font-family: 'Fira Sans';
	padding: 4px 0 0 5px;
    width: 10em;
}

select[multiple].selectBiznisSektor{
    font-family: 'Fira Sans';
    font-size: 11px;
    font-weight: 300;
    color: #323a4d;
    padding: 5px 2px 2px 5px;
    width: 227px;
    margin-right: 2em;
    height: 100px;
    border: 1px solid #a19e99;
    
}

.btnRegistracija{
    font-family: 'Fira Sans';
    background-color: #326496;
    padding: 0.75% 4.75% 0.25% 4.75%;
    border: none;
    font-size:13px;
    font-weight:900;
    color: #ffffff;
    margin-top: 2em;
    margin: 0 auto;
    display: inherit;
    letter-spacing: 1px;
}


.selectVraboteni{
    padding: 0px 2px 0px 5px;
    height: 20px;
}


/* --------------------------- VLEZ PAGE  -----------------------------------*/

input[type="password"]{
	height: 20px;
}
.formaVlez{
    display: inline-block;
    padding: 1em;
    border: 1px solid #a19e99;
    margin-bottom: 1em;
}

.tblFormaVlez{
    font-family: 'Fira Sans';
    font-size: 12px;
    font-weight: 300;
    color: #323a4d;
    width: 100%;
}

.tblFormaVlez td{
    padding: 0.25em;
    width: 40%;
}

table.tblFormaVlez > tbody > tr > td:first-child{
    width: 20%; 
}


.formTypeInputVlez{
    width: 100%;
    height: 20px;
    padding: 4px 2px;
}

.btnVlez{
    font-family: 'Fira Sans';
    background-color: #326496;
    padding: 1% 4.75% 0% 4.75%;
    border: none;
    font-size: 13px;
    font-weight: 900;
    color: #ffffff;
    margin: 12px 4px;
    float: right;
    letter-spacing: 1px;
}

.linkZaboravenaLozinka{
    font-family: 'Fira Sans';
    font-size: 12px;
    font-weight: 400;
    color: #246bb2;
    display: inline-block;
    width: 100%;
}

.pVlezInfo{
    margin: 0;
}

.pVlezInfo a{
    font-family: 'Fira Sans';
    font-size: 13px;
    font-weight: 900;
    color: #802990;
}

.pVlezInfo a:hover, .registComp:hover{
	color: red;
}

.registComp{
	font-family: 'Fira Sans';
    font-size: 12px;
    font-weight: 400;
    display: inline-block;
    width: 100%;
    color: #802990;
	margin-left: 12px;
}

.registComp span{
	margin-left: -9px;
}

.listVlezInfo{
    list-style: none;
    padding-left: 1em;
    font-size: 12px;
    font-weight: 400;
}

.listVlezInfo > li:before {
  content: "- ";
  text-indent: -20px;
}

.linkUslovi{
    color: #1b8af3;
    text-decoration: underline;
}

#lozinkaModal,#lozinkaModal p{
	font-family: 'Fira Sans';
	font-weight: 300;
	font-size: 13px;
	color: #323A4D;
}

.logoutLink, .logoutSpan{
	font-family: 'Fira Sans';
    font-weight: 300;
    font-size: 13px;
	color: #fff;
	padding: 0 1em;
}

.logoutSpan{
	padding-left: 0.2em;
}

.logoutLink:hover{
	color: #FDD207;
}

.logoutLink i{
	margin-left: 3px;
}

.inputMail{
	width: 63%;
    margin-left: 5px;
}

/* --------------------------- PROFILE PAGE -----------------------------------*/

.divImageContainer{
	display: inline-block;
	position: relative;
	background-color: #fff;
	border-right: 1px solid #a19e99;
	margin: 1em 1em 1em 1em;
}

.divPreviewContainer{
	display: inline-block;
	position: relative;
	background-color: #fff;
	margin: 1em 1em 1em 0em;
	padding: 0.5em;
}

.divPreviewContainer img{
	padding: 0.5em 0.5em 0 0;
	margin-left: 1.5em;
	
}
.previewArticle{
	
	position: relative;
	background-color: #fff;
	margin: 0em 0em 2em 0em;
	padding: 0em 1em 0em 1em;
}

.previewArticle img{
	float:left;
}

.previewArticle a{
	display: inline-block;
	position: relative;
}

.companyImg{
	width: 150px;
	height: 150px;
}

.btnObjavaOglas{
	height: 30px;
    float: inherit;
    margin-left: 3em;
    margin-top: 0;
}

.pHeaderOsobini{
	font-family: 'Fira Sans';
	font-weight: 500;
	font-size: 15px;
	color: #323a4d;
	margin: 0 2px;
}

.pImeKompanija{
	font-family: 'Fira Sans';
    font-weight: 500;
    font-size: 15px;
    color: #323a4d;
	margin-bottom: 0;
    padding: 0.2em 0 0 0;
}

.pInfoMail{
	margin-top: -5px;
    font-family: 'Fira Sans';
    font-size: 12px;
    font-weight: 300;
}

.aPromenaSlika{
	font-family: 'Fira Sans';
	font-weight: 400;
	font-size: 13px;
}

.promenaOglas{
	display: inline-block;
    font-family: 'fira sans';
    font-size: 13px;
    font-weight: 500;
    color: #F06522;
    text-decoration: none !important;
}

.promenaOglas a:hover{
	text-color: red !important;
}

/* --------------------------- NOV OGLAS PAGE -----------------------------------*/

.novOglasSelect{
	width: 31.3%;
}

.selectGolemi{
	height: 165px !important;
    margin-right: 1em;
}

.selectMali{
	height: 60px !important;
}

.novOglasCitiesCat{
	padding: 0px 10px 0px 0px !important;
}

.novOglasOtherFilters{
	padding: 0px 10px 0px 0px !important;
}

.checkListBody{
	margin: 0px !important;
}

.tblNovOglas .panel-heading h4{
	font-size: 14px;
}

/* --------------------------- CUSTOM RADIO BUTTONS  -----------------------------------*/
.radio-custom {
    opacity: 0;
    position: absolute;   
}

.radio-custom {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    cursor: pointer;
    
}

.radio-custom-label {
    font-family: 'Fira Sans';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    
}

.radio-custom + .radio-custom-label:before {
    content: '';
    background: #fff;
    border: 1px solid #7b7b7b;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    padding: 0px;
    margin-right: 10px;
    text-align: center;
}

.radio-custom + .radio-custom-label:before {
    border-radius: 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-size: 10px;
    color: #fff;
    background-color: #323a4d;
}

.radio-custom:focus + .radio-custom-label {
  outline: 1px solid #ddd; /* focus style */
}

/* --------------------------- CUSTOM CHECKBOX BUTTONS  -----------------------------------*/

.checkbox-custom {
    opacity: 0;
    position: absolute;   
}

.checkbox-custom {
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    cursor: pointer;
}

.checkbox-custom-label {
    font-family: 'Fira Sans';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0px;
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
}

.checkbox-custom + .checkbox-custom-label:before {
    content: "\f096";
    font-family: "FontAwesome";
    font-size: 13px;
    background: #fff;
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    padding: 0px;
    margin-right: 10px;
    text-align: center;
    color: #323a4d;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content: "\f046";
    font-family: 'FontAwesome';
    font-size: 13px;
    background: #fff;
    color: #323a4d;
}

.checkbox-custom:focus + .checkbox-custom-label {
  outline: 1px solid #ddd; /* focus style */
}

input[type=checkbox] .checkbox-custom {
    margin-top: 0 !important;
    width: 15px;
    height: 15px;
}

/* ---------------------------      MODALS   ---------------------------------     */

#registModal{
	display:block;
}
/* 

ako treba da bidat aglesti koshinjata
.modal-content{
	border-radius: 0;
}

za prikazuvanje od start na modal delovite. korisno za dizajniranje na izgledot
.modal{
	display:block;
}


 */
.modal-body{
	display: inline-block;
	width: 100%;
}

.imgSuccess{
	float: left;
    width: 80px;
    height: 76px;
    margin-left: 1em;
    margin-top: 1em;
}

.messageModalContainer{
	display: inline-block;
    width: 78%;
    margin-top: 1em;
    margin-left: 0.7em;
}

.successMsg{
	font-family: 'Fira Sans';
    font-weight: 700;
    font-size: 18px;
    color: #000;
	margin-bottom: 5px;
}

.pSuccess{
	font-family: 'Fira Sans';
    font-weight: 300;
    font-size: 13px;
    color: #323a4d;
}

#btnOK{
	font-family: 'Fira Sans';
	font-weight: 600;
	font-size: 15px;
	width: 15%;
	border: none;
}

/* Login Modal */

.loginSuccessMsg{
	font-family: 'Fira Sans';
    font-weight: 500;
    font-size: 18px;
    color: #323a4d;
    margin-bottom: 5px;
	margin-top: 1.5em;
    margin-left: 1em;
}


/* --------------------------	KONTAKT  --------------------------- */
.kontaktDiv{
	margin-right: 0;
    padding: 40px 81px 53px 90px;
}
.kontaktParagraf{
	font-family: 'Fira Sans';
    font-weight: 600;
    font-size: 25px;
	color: #323A4D;
    margin-bottom: 1em;
}

.kontaktInfoParagraf{
	font-family: 'Fira Sans';
    font-weight: 500;
    font-size: 15px;
    color: #323a4d;
}

/* ---------------------------      RESPONSIVE   ---------------------------------     */

@media (min-width: 1200px){
    .container {
        margin: 0;
        padding: 0;
        width: auto;
    }
}

@media screen (min-width: 1000px){
    .container {
        margin: 0;
        padding: 0;
        width: auto;
    }

}

@media (min-width: 768px) and (max-width: 999px){
    .container {
        width: auto;
        margin: 0;
        padding: 0;
    }

    .logo{
        border-right-style: solid;
        border-right-color: #999DA6;
        border-right-width: 2px;
        /* padding: 1.2% 2% 1% 2%; */
        display: inline-block;
        width: 30%;
        
    }

    .reklamiContainer{
        text-align:center;
        width: auto;
    }

    .reklamiContainer img {
        float: none;
    }

    .reklami {
        margin: 0%;
        width: 300px;
        height: 250px;
        max-height: 250px;
    }
    
    .prebaruvanje{
        width: auto;
    }

}


@media (min-width: 570px) and (max-width: 767px){
    .container {
        width: auto;
        margin: 0;
        padding: 0;
    }

    .header-top{
        position:relative;
        display: inline-block;
    }
    .logo {
        border-right-style: solid;
        border-right-color: #999DA6;
        border-right-width: 2px;
        padding: 1.2% 2% 1% 2%;
        display: inline-block;
        width: auto;
    }

    .home-space {
        /* padding-top: 3.5%; */
        position: relative;
        height: 100%;
        width: auto;
        display: inline-block;
        float: none;
    }

    .registracijaCelBlok {
        padding: 0;
        width: auto;
    }

    .registracijaDiv {
        padding: 0 0 1% 0%;
        background-color: #323A4D;
    }

    .imgHome{
        margin-top: -100%;
    }

    .header-top ul {
        width: 100%;
    }
    .nav-header{
        margin-top: 2%;
    }

    .articleCompanyInfo{
        float:left;
    }
    
    .lstOglasOpcii{
        float: left;
    }

    .assideReklamiranje{
        float: left;
    }
}

@media (max-width: 569px){
    .container {
        width: auto;
        margin: 0;
        padding: 0;
    }

    .page-wraper{
        width: 100%;
    }

    .header-top{
        position:relative;
        display: inline-block;
    }

    .logo {
        border-right-style: solid;
        border-right-color: #999DA6;
        border-right-width: 2px;
        padding: 1.2% 2% 1% 2%;
        display: inline-block;
        width: auto;
    }

    .home-space {
        /* padding-top: 3.5%; */
        position: relative;
        height: 100%;
        width: auto;
        display: inline-block;
        float: none;
    }

    .registracijaCelBlok {
        padding: 0;
        width: auto;
    }

    .registracijaDiv {
        padding: 0 0 1% 0%;
        background-color: #323A4D;
    }

    .imgHome{
        margin-top: -100%;
    }

    .header-top ul {
        width: 100%;
    }
    .nav-header{
        margin-top: 2%;
    }

    .lstOglasOpcii{
        float: left;
    }

    .assideReklamiranje{
        float: left;
    }
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}
/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}
/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}
/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}
/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
}
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}