/*
* SaasAppoint
* Online Multi Business Appointment Scheduling & Reservation Booking Calendar
*/
@import url("../font/montserrat.css");
@import url('https://fonts.googleapis.com/css2?family=Poppins');
html {
  position: relative;
  min-height: 100%;
    font-family: 'Montserrat', sans-serif !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body.saasappoint {
    font-family: 'poppins', sans-serif !important;
  font-size:14px !important;
}
/* Generic CSS */
.saasappoint-paddingtb60{
    padding-top:60px;
    padding-bottom:60px;
}
.saasappoint-heading-border {
    background: #e2e2e2 none repeat scroll 0 0;
    border-radius: 2px;
    display: inline-block;
    height: 1px;
    position: relative;
    width: 20%;
    margin-bottom:35px;    
}  
/* saasappoint bsearch result heading */
.saasappoint-bsearch-result-heading h3 {
    font-size: 30px;
    margin-bottom: 17px;
    font-weight: 400;
    text-shadow:3px 4px 6px #90a4ae;
}
/* Banner CSS */
.saasappoint-banner-overlay {
    background: #e8e8e8;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #444;
    padding-top: 3%;
	border-bottom: 2px solid #959595;
}

.saasappoint_header_bg_clr{
	background-color: #007bff !important;
}
.saasappoint-footer-bg,
.saasappoint_header_bg_clr{
	background-color: #007bff !important;
}
#saasappoint-main-menu-collapse a{
	/* color: white; */
}

/******************** BUSINESS SEARCH CSS *******************/
.saasappoint-btn-search{
	background-color: #007bff !important;
	color: white;
}
.saasappoint-btn-search:hover{
	background-color: rgba(14, 118, 51, 0.6) !important;
	color: white;
}
.saasappoint-form-control-borderless {
	border: none;
}

.saasappoint-form-control-borderless:hover, .saasappoint-form-control-borderless:active, .saasappoint-form-control-borderless:focus {
	border: none;
	outline: none;
	box-shadow: none;
}		
/******************** BUSINESS CARD CSS *******************/
.saasappoint-business-card i.fa-user, .saasappoint-business-card i.fa-envelope, .saasappoint-business-card i.fa-phone, .saasappoint-business-card i.fa-map-marker{color:#007bff !important;padding-right:5px;}
.saasappoint-business-card i.fa-star {color:orange !important;padding-right:5px;}
.saasappoint-business-card i.fa-calendar {padding-right:5px;}
.saasappoint-business-card .card-footer .pull-right {padding-top:15%;}
.saasappoint-business-card h4 {font-weight:600;color:#007bff !important;}
.saasappoint-business-card a:hover {text-decoration:none;}
.saasappoint-business-card .card{box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);transition: 0.3s;width: 100%;border-radius: 0px;}
.saasappoint-business-card .card:hover {box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);}
.saasappoint-business-card .card-block {padding:15px;}
.saasappoint-business-card .card-img {border-radius: 0px 0px 0 0;width: 100%;max-height: 300px;min-height: 150px;}
.saasappoint-business-card .card-img img {max-width: 100%;max-height: 300px;min-height: 150px;}


/** Loader CSS START **/
.saasappoint_hide_loader{
	display:none;
}
.saasappoint_show_loader{
	display:none;
}
#saasappoint-loader-overlay{
    position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	background-color: #000000;
	opacity: .5;
}
#saasappoint-loader {
    bottom: 0;
    height: 250px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: -20%;
    width: 250px;
	z-index: 999999;
}
#saasappoint-loader .saasappoint-loader-dot {
    bottom: 0;
    height: 100%;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 120px;
}
#saasappoint-loader .saasappoint-loader-dot::before {
    border-radius: 100%;
    content: "";
    height: 120px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scale(0);
    width: 120px;
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+1) {
    transform: rotate(45deg);
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+1)::before {
    animation: 0.8s linear 0.1s normal none infinite running saasappoint-loader-load;
    background: #FFFFFF none repeat scroll 0 0;
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+2) {
    transform: rotate(90deg);
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+2)::before {
    animation: 0.8s linear 0.2s normal none infinite running saasappoint-loader-load;
    background: #FFFFFF none repeat scroll 0 0;
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+3) {
    transform: rotate(135deg);
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+3)::before {
    animation: 0.8s linear 0.3s normal none infinite running saasappoint-loader-load;
    background: #FFFFFF none repeat scroll 0 0;
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+4) {
    transform: rotate(180deg);
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+4)::before {
    animation: 0.8s linear 0.4s normal none infinite running saasappoint-loader-load;
    background: #FFFFFF none repeat scroll 0 0;
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+5) {
    transform: rotate(225deg);
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+5)::before {
    animation: 0.8s linear 0.5s normal none infinite running saasappoint-loader-load;
    background: #FFFFFF none repeat scroll 0 0;
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+6) {
    transform: rotate(270deg);
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+6)::before {
    animation: 0.8s linear 0.6s normal none infinite running saasappoint-loader-load;
    background: #FFFFFF none repeat scroll 0 0;
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+7) {
    transform: rotate(315deg);
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+7)::before {
    animation: 0.8s linear 0.7s normal none infinite running saasappoint-loader-load;
    background: #FFFFFF none repeat scroll 0 0;
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+8) {
    transform: rotate(360deg);
}
#saasappoint-loader .saasappoint-loader-dot:nth-child(7n+8)::before {
    animation: 0.8s linear 0.8s normal none infinite running saasappoint-loader-load;
    background: #FFFFFF none repeat scroll 0 0;
}
#saasappoint-loader .saasappoint-loader-loading {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    bottom: -40px;
    height: 20px;
    left: 0;
    position: absolute;
    right: 0;
    width: 180px;
}
@keyframes saasappoint-loader-load {
	100% {
		opacity: 0;
		transform: scale(1);
	}
}
@keyframes saasappoint-loader-load {
	100% {
		opacity: 0;
		transform: scale(1);
	}
}
/** Loader CSS END **/

.saasappoint-bd-link-font{
	font-size: medium !important;
}

/** search box css **/
.saasappoint-form-control-borderless {
    border: none;
}

.saasappoint-form-control-borderless:hover, .saasappoint-form-control-borderless:active, .saasappoint-form-control-borderless:focus {
    border: none;
    outline: none;
    box-shadow: none;
}

/** pagination CSS **/
#saasappoint-bd-pagination .page-item .page-link{
	background-color: #007bff !important;
	color: white !important;
	font-size: 1rem !important;
	margin-left: 3px;
	margin-right: 3px;
	border-radius: 48%;
}
#saasappoint-bd-pagination .page-item.disabled .page-link{
	background-color: rgba(17, 117, 52, 0.26) !important;
	color: rgba(50, 96, 66, 0.43) !important;
	font-size: 1rem !important;
}
#saasappoint-bd-pagination .page-item.active .page-link{
	background-color: rgba(17, 117, 52, 0.26) !important;
	color: rgba(50, 96, 66, 0.75) !important;
	font-size: 1rem !important;
	border: #007bff 2px solid !important;
	box-shadow: 0 8px 16px 0 rgba(14, 118, 51,0.2), 0 6px 20px 0 rgba(14, 118, 51,0.19);
}

/* #saasappoint_search_business_btn:hover,
#saasappoint-bd-pagination .page-item.saasappoint_perpage_pagination_link .page-link:hover {
	box-shadow: 0 12px 16px 0 #007bff, 0 17px 50px 0 rgba(14, 118, 51,0.19);
}

#saasappoint_search_business_btn{
	background-color: #007bff !important;
	border-color: #007bff !important;
} */
.saasappoint_set_btype_filter{
	cursor: pointer;
	border-radius: 0 !important;
}
.saasappoint_set_btype_filter.btype_active,
.saasappoint_set_btype_filter:hover{
	background-color: #007bff;
	color: #fff;
}
.text-sacustom{
	color: #007bff;
}
/* #saasappoint_reset_business_btn{
	background-color: #007bff !important;
	color: #fff !important;
} */
/* .saasappoint_header_bg_clr{ background-color: #007bff !important; } .saasappoint_header_bg_clr{ background-color: #007bff !important; } #saasappoint-main-menu-collapse .nav-link{ color: white; } #saasappoint-main-menu-collapse .navbar-collapse { overflow: auto; max-height: 75vh; } #saasappoint-main-menu-collapse .navbar-collapse .navbar-nav .nav-item .nav-link { cursor: pointer; } @media (min-width: 992px) { #saasappoint-main-menu-collapse .navbar-brand { width: 250px; } #saasappoint-main-menu-collapse .navbar-collapse { overflow: visible; max-height: none; } }  */

@media only screen and (max-width: 600px) {
	#saasappoint_pagination_search_keyword::placeholder{
		font-size:14px;
	}
}
#saasappoint-main-menu-collapse{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#saasappoint-main-menu-collapse .navbar-collapse { overflow: auto; max-height: 75vh; } 
@media (min-width: 992px) { #saasappoint-main-menu-collapse .navbar-brand { width: 250px; } #saasappoint-main-menu-collapse .navbar-collapse { overflow: visible; max-height: none; } } 

#saasappoint-main-menu-collapse .navbar-collapse .navbar-nav .nav-item .nav-link:hover{
	color: #fff;
	background-color: #007bff;
	cursor: pointer;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.39);
}
#saasappoint-main-menu-collapse .navbar-collapse .navbar-nav .nav-item.sa_active{
	color: #fff;
	background-color: #007bff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.59);
}
#saasappoint-main-menu-collapse .saasappoint_header_book_now_btn,
#saasappoint-main-menu-collapse .navbar-collapse .navbar-nav .nav-item.sa_active a{
	color: #fff;
}
#saasappoint-main-menu-collapse .navbar-collapse .navbar-nav .nav-item .nav-link.saasappoint-with-hvrdata,
#saasappoint-main-menu-collapse .navbar-collapse .navbar-nav .nav-item .nav-link.saasappoint-with-hvrdata:hover{
	color: #fff;
	background-color: #fff;
	border-color: #fff;
	cursor: pointer;
	box-shadow: unset;
	padding-top:0px;
	padding-bottom:0px;
	height: 39px;
}

#saasappoint-main-menu-collapse .navbar-collapse .navbar-nav .nav-item .nav-link-no-hover:hover{
	color: unset;
	background-color: unset;
	cursor: pointer;
	box-shadow: unset;
}

.sasa_set_language .btn-danger.focus, 
.sasa_set_language .btn-danger:focus,
.sasa_set_language .btn-danger:not(:disabled):not(.disabled).active:focus, 
.sasa_set_language .btn-danger:not(:disabled):not(.disabled):active:focus, 
.sasa_set_language .show > .btn-danger.dropdown-toggle:focus{
	outline-offset: unset;
	box-shadow: unset;
}

.saasappoint-header-style {
    padding: 0px 20px;
    background: #5a3567 !important;
     border-top: 0px solid #fff !important; 
    border-bottom: 5px solid #fff;
    color: white !important;
}