
.bg-green{
	background-color:#003e00;
	color:#ffffff;
	max-width: 95%;
	margin: 15px auto;
} 
.time-slots-container {
	max-width:95%;
	max-height:315px;
	overflow-y: scroll;
}
.time-slots {
    margin-bottom: 5px;
    padding: 5px;
    border: 1px solid #ccc;
	cursor:pointer;
}




#qdates {
    display: inline-block;
    margin-top: 10px;
}
#qdates .button-q {
    width: 170px;
	font-size:21px;
}
.qdate {
    background-color: #fff;
    border-style: dashed;
}
.button-q {
    width: 150px;
    margin-bottom: 3px;
    font-size: 10px;
    padding: 5px;
}




.rounded {
    border-radius: 0.25rem !important;
}
.bg-light {
    background-color: #f8f9fa !important;
}	
.dot {
  height: 19px;
  width: 19px;
  border:1px solid #ffffff;
  border-radius: 50%;
  display: inline-block;
  background-color:#003e00;
  margin-bottom:11px;
}
.filled-dot {
	background-color:#ffffff;
}
.unfilled-dot {
	background-color:#003e00;
}
.pignose-calendar .pignose-calendar-header {
	margin-top:0px;
}
.pignose-calendar .pignose-calendar-body {
	padding:0px;
}		
.pignose-calendar-unit {
    height: 2.7em !important;
}
.pignose-calendar .pignose-calendar-top {

	padding:12px 0px;

}	

.pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-month {

	display:inline;

}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-top .pignose-calendar-top-year {

	display:inline;

	font-weight:600;

	font-size:130%;

}

.pignose-calendar .pignose-calendar-top .pignose-calendar-top-date {

	padding:1em 0;

}	

.pignose-calendar-top-month::after {

	content: " - ";

}	

.pignose-calendar .pignose-calendar-unit {

	height: 2.6em;

}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-top {

	background-color: rgb(37,150,231);

}

.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a {

	background-color: rgb(37,150,231);

}

.bg-secondary {

    background-color: rgb(37,150,231) !important;

}

.tb {
	float: right;
	margin-top: 15px;
}
.qclose {
	margin-top:-9px;
	font-size:21px;
	padding-left:15px;
	position:absolute;
	font-weight:bold;
}	
#qdates {
	font-size:21px;
	margin-left:25px;
}	
.modal-body {
	padding:0.4em;
}	

.btn-blue {

	border-top-color: #fff !important;

	border-right-color: #fff !important;

	border-bottom-color: #fff !important;

	border-left-color: #fff !important;

	background:#003e00 !important;

	color:#fff;

}



.btn-blue:hover {

  background-color: #b8ff45 !important;

  color: #003e00 !important;

  transition-duration: 1.8s !important;

}

.btn-dark-green {

	border-top-color: #fff !important;

	border-right-color: #fff !important;

	border-bottom-color: #fff !important;

	border-left-color: #fff !important;

	background:#003e00 !important;

	color:#fff;
	font-weight:normal;

}

.btn-dark-green:hover {
	color:#fff;
}

.btn-lime-noanim {

	border-top-color: #b8ff45 !important;

	border-right-color: #b8ff45 !important;

	border-bottom-color: #b8ff45 !important;

	border-left-color: #b8ff45 !important;

	background:#b8ff45 !important;

	color:#003e00;

}

.btn-lime {

	border-top-color: #b8ff45 !important;

	border-right-color: #b8ff45 !important;

	border-bottom-color: #b8ff45 !important;

	border-left-color: #b8ff45 !important;

	background:#b8ff45 !important;

	color:#003e00;

}



.btn-lime:hover {

  background-color: #003e00 !important;

  color: #b8ff45 !important;

  transition-duration: 1.8s !important;

}

.top-submit-btn {
	padding:12px 24px;
	margin-right: 15px;
}

.bottom-btns {
	text-align:right;
	margin-top:-25px;
	padding:5px 0px 5px 0px;
}	

.btn-top-next, .btn-top-prev {
	margin-bottom:11px;
	padding:12px 24px;
}
.btn-top-prev {
	display:none;
}
.step2	 {
	width: 95%;
	margin: 0 auto;
	display:none;
}
#call-modal-body {
	margin-top:-25px;
}		
.modal-content {
	margin-top:-25px;
}
.fbtn {
	float:right;
}
.footer-btn-cal {
	float: right;
	margin-right: 30px;
	max-width:81px;
}		
.footer-btn-cal-step2 {
	margin-right: 10px;
}

#myFormTop label {
	color:#000000;
}
.form-control, textarea {
	background-color:#FFFFFF;
	color: #000000;
	border-color: #000000;
	width:97%;
}	
#myFormTop textarea {
	width:99%;
}
#myFormTop .btn-blue {
	max-width:151px;
}	
.step2-close-btn {
	
}
.step3 {
	display:none;
}		
.txt-dark-green {
	color:#003e00;
	font-size:20px !important;
}		
.clode-btn-div {
	padding:5px;
	z-index:10000;
}	
.pignose-calendar.pignose-calendar-blue .pignose-calendar-top {
    background-color: #003e00;
}
.pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a {
    background-color: #003e00;
}
@media screen and (min-width: 1px) and (max-width: 455px){

	.pignose-calendar .pignose-calendar-unit a {
		font-size:11px;
	}
	.pignose-calendar .pignose-calendar-header {
		font-size:14px;
	}		

}

@media (min-width:92px) {
 .modal-lg {
  max-width:992px
 }
 }
 @media screen and (min-width: 1px) and (max-width: 991px){
	 .time-slots-container {
		max-width:95%;
		max-height:100%;
		margin:5px auto;
	 }
	 .tb {
	 	float:none;
	}
	.bg-menubar {
		margin-top:75px;
	}		
 }
			
			