/* common styles*/
[v-cloak] {
    display: none;
}

[v-cloak]>* {
    display: none
}

[v-cloak]::before {
    content: ""
}
@media (max-width: 800px) {
    .hide-sm{
         display: none;
    }
 }
 @media (min-width: 1000px){
     .hide-lg{
         display: none;
    }
 }
 .text-primary {
    color: #705f9b !important;
 }
.text-secondary {
    color: #dd6d9d !important;
}
a {
    text-decoration: none !important;
}
.bg-secondary {
    background-color: #dd6d9d!important;
}
.bg-primary {
    background-color: #705f9b!important;
}
.bg-ltgrey {
    background-color: #ddd!important;
}
div:focus{
    outline: none;
}

.btn-secondary {
    background-color: #dd6d9d;
    border-color:#dd6d9d;
}
.btn-secondary:hover {
    background-color: #705f9b !important;
}
.black{
    background-color: #000 !important;
    color: #fff;
    border-color: #000;
}
.text-black{
    color: #212529;
}
.underlined-white{
    border-bottom: solid 2px #fff;
}
.underlined-secondary{
    border-bottom: solid 2px #dd6d9d;
}
.btn-secondary:not(:disabled):not(.disabled).active {
    background-color:#705f9b;
    border-color:#705f9b;
}
.f07 {
    font-size: 0.7em;
    line-height: 0;
}
.f08 {
    font-size: 0.8em;
    font-weight: 400;
}
.f09 {
    font-size: 0.9em;
    font-weight: 400;
}
.f10 {
    font-size: 1em;
    font-weight: 500;
}

.f11 {
    font-size: 1.1em;
    font-weight: 600;
}
.f13 {
    font-size: 1.3em;
    font-weight: 600;
}
.f20 {
    font-size: 2em;
    font-weight: 600;
}
/* END common styles*/
/* dd6d9d */
/* 007bff -> 705f9b */
/* 0069d9 -> dd6d9d */
/* 0062cc -> dc6c9c */
/* 005cbf -> dc6c9 */
/* 0056b3 -> dd6d9d*/

/*  multiselect */
.multiselect__tag {
    background: #705f9b
  }

  i.multiselect__tag-icon:hover {
    background: #705f9b
  }

  .multiselect__content {
    z-index: 9
  }

  .multiselect__element {
    z-index: 9
  }

  .multiselect {
    border: 1px solid #ced4da;
  }

  .multiselect__option--highlight {
    background: #705f9b;
  }

  .multiselect__option--selected.multiselect__option--highlight {
    background: #705f9b;
  }

  .multiselect__option--selected {
    background: #dd6d9d;
  }
  .multiselect__error{
    border-color: #dc3545;
  }
  #page {
      min-height: 400px
  }
/* header*/
.logo-image{
    max-height: 70px;
}
.navbar-light .navbar-nav .nav-link {
    color: #705f9b;
    }
.navbar-light .navbar-nav .nav-link:hover {
    color: #dd6d9d;
}
.hl-active {
    border-bottom: solid 2px #dd6d9d;
}
.navbar{
    padding: 0;
    border-bottom: solid 2px #705f9b;
    }
/*End header/*

/* login page */
.card-login {
    color:#ccc;
}
.card-login-left {
    background-color: #000;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.card-login-right {
    background-color: #dd6d9d;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}



/* end login page */

/* Добави обява*/
.poib {
    /* postavi oglas image block */
    border: 1px solid #705f9b;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    min-height: 250px;
}
.poib img {
   /*   max-width: 200px;*/
    max-height: 150px;
}
.card-img-overlay {
    /*padding: 13rem 1.5rem;*/
    top: 12rem;
    width: 180px;
    height: 55px;
}

.cp {
    cursor: pointer;
}

.cm {
    cursor: move;
}
.cpl {
    cursor: zoom-in;
}
.upload-container .upload-thumbnail.bad-size img {
    filter: grayscale(100%);
}
.upload-container.dragover {
    background-color: #ddd
}

.ovl {
    background-color: #ffffff55;
    padding: 10px 13px;
    border-radius: 5px;
    border: solid 2px #999;
}

.ovl:hover {
    color: #fff;
    background-color: #444;
    border: solid 2px #fff;
}
/**/
.lcont{
    position:absolute; 
    top: 90%;
    left: 50%;
}
.aloader{
	width:400px;
	height:90px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:#FFF;
	filter: blur(10px) contrast(20);
}
.blob-1,.blob-2{
	width:70px;
	height:70px;
	position:absolute;
	border-radius:50%;
    top:50%;
    left:50%;
	transform:translate(-50%,-50%);
}
.blob-1{
	left:20%;
    animation:osc-l 2.5s ease infinite;
    background:#dd6d9d;
    
}
.blob-2{
	left:80%;
	animation:osc-r 2.5s ease infinite;
	background:#dd6d9d;
}
@keyframes osc-l{
	0%{left:20%;}
	50%{left:50%;}
	100%{left:20%;}
}
@keyframes osc-r{
	0%{left:80%;}
	50%{left:50%;}
	100%{left:80%;}
}
.sk {
    height: 38px;
}
/**/
/* end add*/

/*footer*/
.footer-row{
    border-top: solid 5px #705f9b;
    background-color: #dd6d9d;
}
.footer-br {
    border-right: solid #705f9b;
}
.footer-bb {
    border-bottom   : solid #705f9b;
}
/* Home home */
.home-search{
    background:#dd6d9d;
}
.home-search .form-control{
    
    border-radius: 10px;
}
.home-search label{
    
    color: #fff;
}
.home-search span{
    
    color: #fff;
}
.cat-primary {
    font-size: 1.2rem;
    color: #705f9b;
    border-bottom: solid 2px #705f9b;
    word-spacing: 1rem;
}
.cat-secondary {
    font-size: 1.2rem;
    color: #dd6d9d;
    border-bottom: solid 2px #dd6d9d;
    word-spacing: 1rem;
}
.cat-secondary:hover {
    color: #705f9b;
    border-bottom: solid 2px #705f9b;
}
.cat-primary:hover {
    color: #dd6d9d;
    border-bottom: solid 2px #dd6d9d;
}
.home-vip{
   
    padding: 0.3rem 5rem;
    margin-right: -5px;
    color: #fff;
}
.home-new{
    background:#705f9b;
    padding: 0.3rem 5rem;
    border-top-right-radius: 15px;
    color: #fff;
}

/* inside */

.bread{
    border-bottom: solid 2px #705f9b;
}
.thumb_active {
    border: 4px solid #705f9b;
}
.ins-thumbs{
    max-height: 450px;
    overflow: auto;
}
.fs-container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10000;
    background: #000;
    text-align: center!important;
}
.fs-container img {
    height: 100%;
    width:auto;
}
.fs-left {
    top: 0;
    position: fixed;
    color: #fff;
    font-size: 2em;
    height:100%;
    display: flex;
    width: 10%;
}
@media (min-width: 1000px){
.fs-right:hover {
 background-image: linear-gradient(to left, #333, rgba(255,255,255,0));
}
.fs-left:hover {
    background-image: linear-gradient(to right, #333, rgba(255,255,255,0));
   }
}
.fs-left i{
    align-self: center!important;
    margin-left: 1rem
}
.fs-right {
    top: 0;
    right:0;
    position: fixed;
    color: #fff;
    font-size: 2em;
    height:100%;
    display: flex;
    width: 3rem;
    width: 10%;
    justify-content: flex-end!important;
}
.fs-right i{
    align-self: center!important;
    margin-right: 1rem
}
.fs-bg {
    height: 100vh;
    width: 100vw;
    background: #000;
}
.ins-hr{
    border-top: solid #bbb;
}
.star-gray {
    color: #999 !important;
}

.star-gray:hover {
    color: #dbc301 !important;
}
.star-gold {
    color: #dbc301 !important;
}
/* search results */

/*** rating ***/
.rating-card {
    border: solid 2px #999
}
.rating-card .col-8 {
    border-left: solid 2px #999
}