input::-webkit-calendar-picker-indicator {
  display: none !important;
} 
.page-box{
  padding: 40px 0;
}
.background-primary{
  background-color: white; padding: 10px 20px; box-shadow: 1px 1px 3px rgba(0,0,0,0.2); margin-bottom: 30px;
}
.background-secondary{
  background-color: #f5f5f5;
}
.background-third{
  background-color: #e9ecef;
}
.display-1{
  font-size: 2.5rem; margin-bottom: 1.5rem;
}
.display-2{
     font-size: 1.8rem;
    font-weight: 500; margin-bottom: 1.2rem;
}
.display-3{
  font-size: 1.5rem; margin-bottom: 1rem; font-weight: 400;
}
.display-4{
  font-size: 1.1rem; font-weight: 500;
}
.btn-primary{
  background-color: #596b94; border-color: #596b94;
}
.btn-primary:hover{
  background-color: #526592; border-color: #526592;
}
.btn-primary:not(:disabled):not(.disabled):focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus{
  box-shadow: 0 0 0 0.2rem rgba(81,101,146,.5); background-color: #526592; border-color: #526592;
}
.btn-primary:not(:disabled):not(.disabled):active{
  background-color: #526592; border-color: #526592;
}
.btn-primary.disabled, .btn-primary:disabled{
  background-color: #526592;    border-color: #526592; opacity: 0.8;
}
.btn-secondary{
  background-color: #00a000;     border-color: #00a000;
}
.btn-secondary:hover{
  background-color: #018e01; border-color: #018e01;
}
.btn-secondary:not(:disabled):not(.disabled):focus{
  box-shadow: 0 0 0 0.2rem rgba(148,194,65,.5); background-color: #018e01; border-color: #018e01;
}
.btn-secondary:not(:disabled):not(.disabled):active{
  background-color: #00a000; border-color: #00a000;
}
.btn-link{
  color: #596b94;
}
.btn-link:hover{
  color: #526592;
}
.btn-link:focus{
  box-shadow: none;
}
.btn-fb{
	background-color: #4267b2; color: white;
}
.btn-fb:hover{
	background-color: #2e539c; color: white;
}
.btn-outline-primary{
	border-width: 2px; border-color: #0071CE; color: #0071CE; font-weight: bold; padding: 9px; transition: none; 
}
.btn-outline-primary:hover, .btn-outline-primary:focus{
	border-width: 4px; border-color: #0071CE; padding: 6px 9px 7px; background-color: transparent; color: #0071CE;
}
.color-primary{
  color: #596b94;
}
a.color-primary:hover{
  color: #526592;
}
.color-secondary{
  color: #018e01;
}
a.color-secondary:hover{
  color: #000;
}
.form-control:focus{
   box-shadow: 0 0 0 0.2rem rgba(81,101,146,.5); border-color: #596b94;
}
.page-link {
  color: #018e01;
}
.page-link:focus{
   box-shadow: 0 0 0 0.2rem rgba(81,101,146,.5);
}
.page-item.active .page-link{
  background-color: #018e01;  border-color: #018e01;
}
.dropdown-item.active, .dropdown-item:active{
  background-color: #018e01; 
}
.social-share{
	display: flex; padding-top: 5px;
}
.social-share i{
	color: #018e01; font-size: 18px; padding: 0 0 7px 14px;
}
.social-share i:hover{
	color: #000;
}
.content img{
  max-width: 100%; height: auto !important;
}
.is-loading{
  position: absolute; top:0; left:0; right:0; bottom:0; background-color: rgba(255,255,255,0.5); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; z-index:10; font-size: 30px; padding: 10px;
}
.grecaptcha-badge{ 
	visibility: hidden; 
}
#rodo-message .btn{
	white-space: normal;
}
#cookies-message{
	display: none; color: white; padding: 15px 0px 12px; position: fixed; bottom: 0px; left:0; right:0; background-color: rgba(0,0,0,0.6); border-top: solid 1px white; z-index: 10000; box-shadow: 0 0 5px rgba(0,0,0,0.4);
}
#cookies-message .btn{
	position: relative; top:-3px;
}
.breadcrumb{
  overflow-y: auto;
}
.breadcrumb-item{
  white-space: nowrap;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: none;
}
a{
  text-decoration: none;
}
.form-group{
  margin-bottom: 15px;
}
.order-6{
  order: 6!important;
}
.order-7{
  order: 7!important;
}
.order-8{
  order: 8!important;
}
.order-10{
  order: 10!important;
}
.order-11{
  order: 11!important;
}
@media (min-width: 768px){
  .order-md-5 {
    order: 5!important;
  }
  .order-md-7 {
    order: 7!important;
  }
  .order-md-11 {
    order: 11!important;
  }
}
@media (min-width: 992px){
  .order-lg-12 {
    order: 12!important;
  }
}
@media(max-width: 768px) {
  .display-1{
    font-size: 1.8rem; margin-bottom: 0.9rem;
  }
  .display-2{
    font-size: 1.6rem;
  }
  .display-3{
    font-size: 1.4rem;
  }
  .display-4{
    font-size: 1rem;
  }
}
.pagination{
  overflow-y: auto;
}
/* navbar */
.navbar{
  box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}
.navbar .navbar-brand img{
  max-height: 50px;  margin-top: -2px;  margin-bottom: -2px;
}
.navbar .navbar-nav .nav-link{
  margin: 0 5px; color: #596b94;
}
.nav-link-avatar{
  height: 32px; margin-top:-8px; max-width: 100px;
}
@media(max-width: 768px) {
  #navbar .nav-item{
    margin-top: 10px;
  }
}
/* home */
.home__search .input-group > .form-control:last-of-type{
  border-top-right-radius: .25rem;  border-bottom-right-radius: .25rem;
}
.home__categories img{
  max-width: 100%; transition: transform .2s; position: relative; z-index: 3;
}
.home__categories img:hover{
	transform: translate(0%,-7.5%) scale(1.15);
}
.home__categories a{
  color: #000;
}
.home__subcategories{
  box-shadow: 1px 1px 3px rgba(0,0,0,0.2); border: solid 1px rgba(0,0,0,0.2);
}
.home__subcategories__list a:hover{
  text-decoration: none; background-color: #018e01; color: white;
}
.classified-small{
	background-color: white; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); overflow: hidden; border: solid 1px transparent;
}
.classified-small--promoted{
	border-color: #596b94; box-shadow: 2px 2px 3px rgba(245,137,54,.5);
}
.classified-small .bar-promoted{
	position: absolute;  background-color: #596b94;  color: white;  text-align: center;  transform: rotate(-45deg);  z-index: 20; font-weight: bold;
	width: 125px;
    left: -28px;
    top: 22px;
    font-size: 14px;
}
.classified-small__photo{
  height: auto;  width: auto;  max-width: 100%;  max-height: 100%;
}
/* add / edit classified */
#add_classified label:not(.form-check-label).required:after, #add_classified legend.required:after{
  content: "*"; color: #dc3545; margin-left: 5px;
}
#add_classified label, #add_classified legend{
	font-size: 17px;
}
#add_classified hr{
  margin: 30px 0;
}
#add_classified #classified_description{
  height: 150px;
}
.add_classified__photos .img-thumbnail:first-child{
	border-color: #d20607;
}
.add_classified__photos .img-thumbnail img{
	max-height: 100px;
}
/* classified */
.classified__name{
  max-width: calc(100% - 50px)
}
#classified__photos__slider_bottom .swiper-slide{
  height: 80px; width: auto;
}
#classified__photos__slider .swiper-button-prev, #classified__photos__slider .swiper-button-next{
  color: white; text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}
#classified__photos__slider img{
  width: 100%;
}
#classified__photos__slider_bottom img:hover{
  cursor: pointer;
}
.classified__panel .table tr td:first-child{
  width: 130px;
}
.classified__avatar{
  max-height: 100px;
}
.classified__filters .table tr td:first-child{
  min-width: 130px;
}
.classified__filters .table tr td:last-child{
  width: 100%;
}
#classified--favourite .btn{
  font-size: 20px;
}
.classified--cost{
  margin: 20px 0;
}
#classified_contact_message{
	height: 200px;
}
@media(max-width: 576px) {
  #classified__photos__slider_bottom .swiper-slide{
    height: 50px;
  }
  #classified__photos__slider_bottom .swiper-slide img{
    height: 100%;
  }
}
/* classifieds */
.search-classified__categories--top{
  color: white; background-color: #596b94;
}
.search-classified__categories__top__icons a{
  color: white; font-size: 20px; margin: 0 5px;
}
.search-classified__categories li a{
  display: block; padding: 5px; color: #596b94; font-size: 15px;
}
.search-classified__categories li a:hover, .search-classified__categories li a.active{
  color: white; background-color: #596b94; text-decoration: none;
}
.search-classified__categories li a img{
  margin-right: 5px; max-height: 32px;
}
.classifieds{
  background-color: white; box-shadow: 2px 2px 3px rgba(0,0,0,0.2); overflow: hidden;
}
.classifieds__photo{
	max-width: 100%; height: auto; width: auto;
}
.classifieds__price{
	font-size: 18px; line-height: 20px; text-align: right; font-weight: 400; margin: 5px;
}
.classifieds--promoted{
	border: solid 1px #596b94; box-shadow: 2px 2px 3px rgba(245,137,54,.5);
}
.classifieds .bar-promoted{
	position: absolute;  background-color: #596b94;  color: white;  text-align: center;  transform: rotate(-45deg);  z-index: 20; font-size: 0.75em;  width: 115px; left: -28px;   top: 20px;  font-weight: bold;
}
@media (max-width: 992px){
  #classifieds .breadcrumb{
    flex-wrap: nowrap;
  }
}
@media(max-width: 768px) {
  .classifieds__search .form-group{
    margin-bottom: .5rem;
  }
  .classifieds__search label{
    margin-bottom: .1rem;
  }
  .classifieds .display-3{
    font-size: 1.1rem;
  }
  .classifieds__price{
    font-size: 17px;
  }
}
@media(max-width: 576px) {
  .classifieds__description__top{
    flex-direction: column;
  }
  .classifieds__price{
    text-align: left; margin: 0 0 15px;
  }
}
/* register */
.register{
 max-width: 450px; margin: auto; padding-bottom: 30px;
}
.register--header{
	margin-bottom: 20px;
}
.register--header a{
  padding: 10px; text-align: center; flex: 1 100%;border-bottom: solid 2px transparent;     color: #0071CE;
}
.register--header a.active{
 font-weight: bold; border-color: #0071CE;
}
.register__preview-password{
  position: absolute;  right: 10px;  top: 30px; opacity: 0.6;
}
.register__preview-password:hover{
  opacity: 0.8;
}
.register .btn-primary{
	background-color: #0071CE;
}
.register a{
	color: #0071CE;
}
.register-or{
	text-align: center; position: relative;
}
.register-or:before{
	content: " ";
	display: inline-block;
	width: 100%;
	height: 1px;
	background-color: #DCDDE0;
	top: 12px;
	left: 0;
	position: absolute;
}
.register-or span{
	background-color: #FFF; padding: 0 12px; display: inline-block; position: relative;
}
/* account settings */
.account-settings__avatar{
  max-height: 100px;
}
#user_data_description{
  height: 150px;
}
/* contact */
#contact_message{
  height: 150px;
}
/* footer */
.footer{
  background-color: #f9f9f9;  border-top: 1px solid #ddd;
}
.footer__top{
  padding: 30px 0; border-bottom: 1px solid #ddd;
}
.footer__bottom{
  padding: 30px 0;
}
.footer a{
  color: #777;
}
/* back to top */
#back_to_top{
	position: fixed; bottom: 15px; right: 15px; z-index: 100; opacity: 0.5; transition: all 0.4s; font-size: 1.5em; background-color: #596b94; color: white; width: 38px; height: 38px;
}
#back_to_top:hover{
	opacity: 0.9;
}
#back_to_top.back_to_top_hidden{
	visibility:hidden;  opacity:0;
}
#back_to_top i{
	position: relative; top:-6px; left:-4px;
}