.noUi-horizontal .noUi-tooltip {
  bottom: unset!important;
}
.noUi-horizontal .noUi-tooltip {
  top: -150%!important;
}
.greenHeader{
  background-color: #0F0B3A;
  min-height: 50px;
}
.progressBar{
  height: 6px;
  width: 100%;
  margin-bottom: 10px;
}
.progressStep1{
  width: 20%;
  background-color: #789904;
  height: 6px;
}
.greenHeaderHeading{
  color: #FFFFFF;
  height: 75px;
}
.greenHeaderHeading h1{
  font-weight: 300!important;
  height: 75px;
  line-height: 75px;
  padding-top: unset!important;
}
.greenStepsNumber{
  margin-top: 4px;
  color: #FFFFFF;
}
.mainPublic{
  margin-top: 40px;
  background-color: #FFFFFF;
}
.htmlPublic{
  background-color: #FFFFFF!important;
}
.bodyPublic{
 background-color: #FFFFFF!important; 
}
.rowPaddingBtn{
  padding-top: 20px;
}
@media (max-width: 767px) {
  .mainPublic{
  margin-top: 20px!important;
  background-color: #FFFFFF;
  }
}
.bodyPublic p{
    font-size: 0.80rem;    line-height: 1rem;    font-family: "Montserrat", sans-serif;
}
.greenText{
  color: #081f2d;
}
.navbar-logo{
	margin-left:auto;
    margin-right: auto;
}
.chatIcon{
	font-size: xx-large;
}
.btnPetGender{
	width: 50%;
}
.btn-group{
	width: 100%;
}
.cursor-pointer{
  cursor: pointer;
}
.txtBtn{
  cursor: pointer;
  color: #374327;
}
.txtBtn:hover{
  cursor: pointer;
  color: #789904;
}
.darkBgr{
  background: #081F2D;
  color: #FFFFFF;
  padding-top: 10px;
}

.custom-label::before {
    left: -0.5rem;
}

.customRed custom-control-label::before {
  border: 1px solid #FF0000!important;
  background: initial; }

.customRed .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #FF0000; }

.customRed .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #FF0000 !important;
  box-shadow: initial !important;
  border: 1px solid #FF0000 !important; }

.customRed .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
  background-color: #FF0000!important;
}
.custom-control-label{
  padding-left: 22px!important;
  word-wrap: break-word;
  position: relative!important;
}
@media (max-width: 575px) {
.container {
padding-left: unset!important; 
padding-right: unset!important; 
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs, .col-xs-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12, .col-xxl, .col-xxl-auto {
padding-right: 10px;
padding-left: 10px;
}
}
.addressFinderContainer{
	overflow-x: scroll;
	max-height: 70vh;
}
.foundHouseNumber{
	min-height: 28px;
	border: 2px solid #789904;
	margin-top: 4px;
	border-radius: 8px;
	cursor: pointer;
}
.progressBar{
	display: none!important;
}
.greenStepsNumber{
	display: none!important;
}
.submitBtn{
	background-color: #ee7623!important;
    border-color: #ee7623!important;
    color: #ffffff!important;
	font-weight: 600;
}
.btn-outline-primary{
    background-color: #ffffff!important;
    border-color: #ee7623!important;
    color: #ee7623!important;
    font-weight: 600;
}
.dogCard{
	/* border: 1px solid #dfdfdf; */
	margin-bottom: 10px;
	padding: 15px;
	/* border-radius: 5px; */
	background-color: #e1b77e;
}
.lblPaymentMethod{
	font-size: 22px;
	font-weight: 900;
	margin-top: auto;
	margin-bottom: auto;
}
.btnPaymentMethod{
	cursor: pointer;
}
.hidden{
	display: none;
}
.paymentBtnSelected{
	border-right: 5px solid #00263a;
	border-radius: 5px;
}
.select2-selection__clear{
	font-size: 24px;
	margin-right: 10px;
}
.datepicker table tr td.disabled {
	color: #C8C8C8!important;
}
.datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active:active {
	background-color: #789904!important;
}
.shop-card{
	padding: 1rem!important;
}
.text-z
{
    font-weight: 500;
	font-size: 1.5rem;
	display: flex;
}
.text-oldprice
{
	text-decoration-line: line-through;
	text-decoration-color: #605C5C;
}
.text-price
{
	font-weight: bold;
	color: #e1251b!important ;
}
.text-status
{
	font-weight: bold;
	color: #789904 ;
}
input[type="checkbox"] {
	position: relative!important;
	margin-left: 10px;
}
@media (max-width: 575px) {
.left-remove::before{
  left: 0!important;
}
.left-remove::after{
  left: 0!important;
}
}
.radio-custom-input {
    position: relative!important;
    margin-left: 10px;
}
.text600{
font-weight: 600;
}
input, select {
    border: 4px solid #e1b77e!important;
}
select{padding: unset!important;}
.noUi-target {
    background: #e1b77e!important;
    border-radius: 4px!important;
    border: 1px solid #ee7623!important;
    box-shadow: inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB!important;
}
.noUi-horizontal .noUi-handle {
    background: #ee7623!important;
    border-color: #ee7623;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 4px solid #e1b77e!important;
    border-radius: 0px;
    padding: unset!important;
    height: 100% !important;
}
h1{
    font-size: 1.4rem!important;
    padding-bottom: 10px!important;
    display: inline-block!important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #789904!important;
    color: white!important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -10px !important;
    margin-top: 2px !important;
}

.select2-container *:focus
{
  outline: none!important;
}