/* Add here all your CSS customizations */
body { font-size: 14px; }

nav.navbar_top { 
  padding-top: 0px; 
  padding-bottom:0px; 
  border-bottom: 1px solid #ba2025; 
  border-bottom: 1px solid #998542;
  background-color: #c6b784 !important;
}
nav.navbar_top .nav-item .nav-link {
  line-height: 116px;
  color: #ba2025;
  margin: 0;
  padding: 0px 10px;
  transition: all 0.5s;

  font-size: 12px;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding: 5px 10px;
  transition-duration: 400ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7,1,0.7,1);

  color: #3a5598;
  background-color: #c6b784;
}
#bl a {
  line-height: 90px;
  color: #ba2025 !important;
}
/*
nav.navbar_top .nav-item.active .nav-link, nav.navbar_top .nav-item .nav-link:hover {
  color: #FFF;
  background-color: #ba2025;
}
*/

nav.navbar_top .nav-item.active .nav-link, nav.navbar_top .nav-item .nav-link:hover {
  color: #e8dfbf !important;
  background-color: #998542 !important;
}






.body-sign { height: auto; margin-bottom: 50px; }
.body-sign .card-sign .card-title-sign .title {
  font-size: 22px;
  display: block;
}
.body-sign .logo {
  margin-top: 10px;
}

.body-sign .nav-tabs li .nav-link, .body-sign .nav-tabs li .nav-link:hover {
  background: #FFF;
}

.body-sign .card-sign .card-body, .body-sign .card-body { border-radius: 0px; }

.body-sign .center-sign {
  padding-top: 20px;
  vertical-align: top;
}

.body-sign .form-control-lg, .body-sign .input-group-lg > .form-control, .body-sign .input-group-lg > .input-group-prepend > .input-group-text, .body-sign .input-group-lg > .input-group-append > .input-group-text, .body-sign  .input-group-lg > .input-group-prepend > .btn, .body-sign .input-group-lg > .input-group-append > .btn {
  font-size: 1rem;
}

.body-sign.signup-business, .body-sign.signup-corporate {
  max-width: 500px;
}

.body-sign.terms_of_service_agreement, .body-sign.password_recovery, .body-sign.authorize_account {
  max-width: 750px;
}

.body-sign.business-profile-view {
  max-width: 1300px;
}

.body-sign.business-list {
  max-width: 1024px;
}

.body-sign.signup-corporate .card-sign .card-body, .body-sign.signup-business .card-sign .card-body , .body-sign.business-list .card-sign .card-body {
  padding:0px;
  padding-bottom: 15px;
}

.pager li.next > a, .pager li.next > span {
  background-color: rgb(0, 123, 255);
  border-color: rgb(0, 123, 255);
  color: #FFF;
}

.pager li.finish > a, .pager li.finish > span {
  background-color: rgb(40, 167, 69);
  border-color: rgb(40, 167, 69);
  color: #FFF;
}

.pager li.next > a:not([href]):not([tabindex]):hover, .pager li.next > a:not([href]):not([tabindex]):focus, .pager li.next > span {
  color: #ADD8E6;
}

.pager li.finish > a:not([href]):not([tabindex]):hover, .pager li.finish > a:not([href]):not([tabindex]):focus, .pager li.finish > span {
  color: #98fb98;
}

a.business-list-block * {
  cursor: pointer;
  color: #FFF !important;
}

a.business-list-block:hover {
  text-decoration: none !important;
}
a.business-list-block div {
  background:#4b609b;
}
a.business-list-block:hover div {
  background-color:#414a56;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.business-listing .view-profile {
  display: none;
}
.business-listing:hover .view-profile {
  display: inline-block;
  font-size: 12px;
}
.business-listing .highlight {
  background-color: #f7f7f7;
  color: #222;
}


.business-listing .row .col-md-2 {
  background-color:#FFF;
  border-radius: 5px;
}



.divider-vertical {
height: 30px;
margin: 5px 9px 0 9px;
border-left: 1px solid #8191bf;
border-right: 1px solid #8191bf;
}

.body-sign .card-sign .card-title-sign .title {

    background-color: #3854A1;

}



.logo-block {
  height: 200px;
  width: 200px;
  display:inline-block;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}
.logo-block img {
  width: 100%;
}

@media (min-width: 576px){}

@media (min-width: 768px){}
@media (min-width: 1220px){
  .logo-block {
    position: fixed;
    top: 130px;
    left: 10px;
    z-index: 100000;
    box-shadow: 2px -1px white, -2px -1px white;
    box-shadow: 2px -1px #998542, -2px -1px #998542;

    
    border-radius: 55%;
  }
  section.body-sign.business-list .logo-block {
    top: 15px;
  }
  /*body-sign business-list*/
  section.body-sign.business-list {
    margin-right: 0px;
    margin-left: 215px;
  }
}
@media (min-width: 1220px) AND (max-width: 1420px){
  .navbar .mx-auto {
    margin-right: 0px !important;
    margin-left: 215px !important;
  }
}
@media (min-width: 1420px){
  section.body-sign.business-list {
    margin: 0 auto;
  }
}
@media (min-width: 1200px){}


.business-complete li.completed::before {
  top: 8px;
}
.business-complete li a {
  text-align: left;
}

.widget-profile-info .profile-picture i {
	display: block;
	width: 100px;
	height: 100px;
	margin-right: 15px;
	border: 4px solid #fff;
	border-radius: 50px;
  text-align: center;
}

.widget-toggle-expand .business-completion a {
  color: #abb4be;
}

.thumb-info .thumb-info-title {
  bottom: -1%;
  background: rgba(36, 27, 28, 0.5);
}

.template_avatar {
  margin-bottom: 20px;
}

.dropzone .dz-preview .dz-image img { width: 100%; }






#map {
  height: 275px;
}
#map_iframe {
  border:0px;
  padding:0px;
  margin:0px;
}
/* Optional: Makes the sample page fill the window. */
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

.location-marker {
  background: url('/modules/accounts/views/images/marker.png') no-repeat center center;
  width: 27px;
  height: 43px;
  font-size: 12px;
  color: #FFF;
  text-align:center;
  padding-top: 4px;
}

.thumb-info .thumb-info-title {

    top: -8%;
    background: rgba(36, 27, 28, 0.5);
    height: 45px;

}

.thumb-info .thumb-info-type {

    background-color: #0088cc;
    width: 100%;

}

.social-icons-list a i {

    color: #FFF;
    font-weight: 900;

}

.social-icons-list a {

    border-radius: 25px;
    display: inline-block;
    height: 40px;
    line-height: 50px;
    text-align: center;
    width: 40px;

}

.input-group-prepend .btn, .input-group-append .btn {
  z-index:0;
}

#verification_code {
  text-align: center;
  width: 200px;
  margin: 0 auto;
  font-size: 22px;
}


.bootstrap-tagsinput input, .twitter-typeahead {
width: 100%;
}

.badge-light-keyword {
  color: #454a50;
  background-color: #e9f5ff;
  font-weight:normal;
  margin-right: 4px;
  font-size: 85%;
}

.bootstrap-tagsinput .badge {
  margin-bottom: 6px;
  font-weight:normal;
  font-size: 85%;
}

.services-block {
  max-height: 44px;
  overflow: hidden;
}




.tags-look .tagify__dropdown__item{
  display: inline-block;
  border-radius: 3px;
  padding: .3em .5em;
  margin: .2em;
  font-size: .85em;
  color: black;
  transition: 0s;
}

.tags-look .tagify__dropdown__item.tagService {
  background-color:#e9f5ff;
}
.tags-look .tagify__dropdown__item.tagBusiness {
  background-color:#dfd7b9;
}
.tags-look .tagify__dropdown__item.tagKeyword {
  background-color:#ffe1c9;
}

.tags-look .tagify__dropdown__item--active{
  color: black;
}

.tags-look .tagify__dropdown__item:hover{
  background: lightyellow;
  border-color: gold;
}

.tagify__tag > div::before {
    background-color: var(--tag-bg);
}

.tagify__tag:hover:not([readonly]) div::before {
    background-color: var(--tag-hover);
}
.tagify__input{
overflow: hidden;
}