/*
Theme Name : Nanny Corporations;
Theme autor : Nanny Corporations;

*/
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@200;300;400;500;600;700;800&display=swap');

body{
	margin: 0;
	padding: 0;
	font-family: "Plus Jakarta Sans";
	background-color: #edeef0;
}
*{
	box-sizing: border-box;
}
a , a:hover{
	text-decoration: none;
}
/* Sub Header Css Starts From Here */
.count_sub_header {
	padding: 20px 0;
}
span.app-user-delete {
    margin-left: 8px;
}
span.app-user-delete a.delete-request i {
    color: #f00;
}
.count_sub_header .counter_row {
	margin-top: 15px;
}
.highlight {
    color: #b30058 !important;
}
.header-sub {
	padding: 20px 0;
}
.header-sub .total-data {
	margin-bottom: 20px;
}
.total-data {
	margin-bottom: 30px;
	border-radius: 14px;
	padding: 15px 15px 15px;
	transition: all 0.2s ease;
	background-color: #444764;
}
.inner-total-data .total-number {
	flex: 1 1 auto;
	max-width: calc(100% - 70px);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 36px;
	word-break: break-all;
	font-weight: bold;
}
.total-data h6 {
	font-size: 16px;
	color: #ffffff;
	font-weight: bold;
	margin-bottom: 0;
	margin-top: 5px;
}
.total-data .img-bg {
	width: 45px;
	height: 45px;
	border-radius: 10px;
	background-color: #27293e;
	margin-right: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 28px;
	padding: 12px;
}
.count_sub_header .calender-mm-yy > a {
	color: #ffffff;
	width: 30px;
	display: inline-block;
	height: 30px;
	line-height: 15px;
	border-radius: 6px;
	transition: all 0.2s ease;
}
.count_sub_header .calender-mm-yy > a:hover {
	background-color: #2e8eff;
}
.count_sub_header .mm-yy {
	color: #ffffff;
	text-transform: uppercase;
}
.inner-total-data{
	display: flex;
	align-items: center;
}
@media screen and ( max-width: 1300px ) {
	.total-data .img-bg {
		width: 35px;
		height: 35px;
		margin-right: 10px;
		font-size: 28px;
		padding: 10px;
	}
	.inner-total-data .total-number {
		max-width: calc(100% - 45px);
		font-size: 24px;
	}
}
@media screen and ( max-width: 991px ) {
	.calendar_action {
		margin-bottom: 15px;
	}
	.counter_row .col-lg-3:last-child .total-data, .counter_row .col-lg-3:nth-last-child(2) .total-data {
		margin-bottom: 0;
	}
	.count_sub_header {
		padding: 20px 0 50px 0;
	}
}
@media screen and ( max-width: 767px ) {
	.total-data .img-bg {
		width: 35px;
		height: 35px;
		margin-right: 10px;
		font-size: 20px;
		padding: 10px;
	}
	.inner-total-data .total-number {
		max-width: calc(100% - 45px);
		font-size: 24px;
	}
	.total-data h6 {
		font-size: 14px;
	}
	.count_sub_header {
		margin-bottom: 30px;
	}
	.menu-item .menu-links {
		font-size: 0;
	}
	.menu-item .menu-links > i {
		margin-left: 0;
	}
}
@media screen and ( max-width: 575px ) {
	.total-data {
		margin-bottom: 15px;
	}
	.counter_row .col-lg-3:nth-last-child(2) .total-data {
		margin-bottom: 15px;
	}
	.counter_row .col-lg-3:last-child .total-data {
		margin-bottom: 0;
	}
	.custom_nav .custom_navbar_collapse {
		min-width: 250px;
	}
}
/* Sub Header Css Ends From Here */


/* Start Common Css */
.innerSubtext {
	font: size 14px;
	color: #8C96A8;
	margin: 0;
}
label {
	position: relative;
}
/* End Common Css */
/*Left Section*/
.content-area{
	background-image: url('../images/group-397.png');
	padding: 10rem 4rem 0rem;
	color: #fff;
	height: 100%;
	line-height: 50px;
	background-size: cover;
	background-repeat: no-repeat;
	border-bottom-left-radius: 30px;
	border-top-left-radius: 30px;
}
.content-area .like-img{
	width: 100%;
	max-width: 81px;
	margin-bottom: 2rem;
}
.content-area h1{
	font-size: 44px;
	line-height: 60px;
	font-family: 'Merriweather', serif;
}
.content-area p{
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
}
.zc-group-img{
	width: 100%;
	max-width: 210px;
	margin-bottom: 2rem;
}
#zc-footer p{
	font-size: 11px;
}
/*Right Section*/
.zc-form-area{
	padding: 3rem 4rem;
	position: relative;
}
/*.top-bar-logo
{
	margin: 35px 0;
}*/
.zc-form-area .top-bar-logo p{
	font-size: 31px;
	color: #444764;
	font-family: "Merriweather";
}
.zc-form-area .top-bar-logo img{
	width: 100%;
	max-width: 115px;
}
/*.zc-form-area .zc-country-language{
	margin-bottom: 2rem;
}*/
.zc-form-area span{
	font-size: 14px;
	font-weight: 600;
}
.zc-form-area .lang-class{
	color: #c17b78;
	margin-left: 15px;
}
.family-btn {
	background: #27293e;
	border: 1px solid #27293e;
	width: 100%;
	padding: 1rem 0rem;
	color: #fff;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: none;
	margin-bottom: 0.8rem;
	margin-top: 1rem;
	text-align: center;
	display: block;
}
.family-btn:hover {
	border: 1px solid #27293e;
	background: #ffffff;
	color: #27293e;
}
/*.nanny-btn:hover, .family-btn:hover, .login-btn:hover{
	color: #fff;
}*/
.nanny-btn {
	background: #444764;
	border: 1px solid #444764;
	width: 100%;
	padding: 1rem 0rem;
	color: #fff;
	border-radius: 10px;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	box-shadow: none;
	margin-bottom: 1.5rem;
	text-align: center;
	display: block;
}
.nanny-btn:hover {
	border: 1px solid #444764;
	background: #ffffff;
	color: #444764;
}
.login-btn {
	background: #c17b78;
	border: 1px solid #c17b78;
	width: 100%;
	padding: 16px 10px;
	color: #fff;
	border-radius: 15px;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	box-shadow: none;
	text-align: center;
	display: block;
	transition: all 0.3s;
}
.instructions-text{
	font-size: 14px;
}
#right-zc-footer {
	text-align: center;
	bottom: 0px;
	top: unset;
}
#right-zc-footer p,
.login-zc-footer p{
	font-size: 11px;
	margin-top: 1rem;
	text-align: center;
	/* margin-bottom: 0; */
}
#login-zc-footer {
	position: relative;
	bottom: 0px;
	left: 0;
	right: 0;
}
/* sign up page*/
/*#zc-signup .zc-form-area {
	padding: 3rem 4rem;
	background-color: #fff;
	border-radius: 50%;
	height: 100vh; 
}*/
#zc-signup .welcome-title{
	font-size: 24px;
	font-weight: 600;
	display: inline-block;
}
#zc-signup .user-input-wrp {
	position: relative;
	width: 100%;
}
/* #zc-signup .user-input-wrp .inputText{
	width: 100%;
	outline: none;
	padding: 10px 14px;
 	box-shadow: none !important;
 	border: 1px solid #e5e5e5;
	border-radius: 15px;
} */
/* #zc-signup .user-input-wrp .inputText:focus{
	border: 1px solid #d5d5d5;
} */
/* #zc-signup .user-input-wrp .floating-label {
	position: absolute;
	pointer-events: none;
	top: 15px;
	left: 10px;
	font-size: 12px;
	transition: 0.2s ease all;
	color: #abaaaa;
} */
/* #zc-signup .user-input-wrp input:focus ~ .floating-label,
#zc-signup .user-input-wrp input:not(:focus):valid ~ .floating-label{
	top: -18px;
	left: 10px;
	font-size: 10px;
	opacity: 1;
} */
#zc-signup .col-pd{
	padding: 0px;
}
#zc-signup .form-group{
	/* margin-top: 1rem; */
	display: inline-block;
}
.form-term-condition{
	color: #c17b78;
	font-size: 12px;
	font-weight: 400 !important;
}
#zc-signup .form-check-label{
	font-size: 12px;
	font-weight: 400 !important;
}
.create-acct-btn{
	margin-bottom: 2rem
}
.back-btn , .back-btn:hover{
	display: flex;
	color: #abb4c4;
	align-items: center;
}
/*#zc-signup .top-bar-logo {
	margin-bottom: 2rem
}*/
#zc-signup .zc-form-area .top-bar-logo img {
	width: 100%;
	max-width: 97px;
}
#zc-signup .zc-form-area .top-bar-logo p {
	font-size: 24px;
}
.float-end-div {
	float: right;
}
/*.login-zc-footer{
	margin-top: 13rem !important;
    text-align: center;
    font-size: 12px;
}*/
/*end*/

.forgot-zc-footer{
	/*margin-top: 17.5rem !important; */
	text-align: center;
	font-size: 12px;
}
.forgot-content{
	font-size: 14px;
	color: #abaaaa;
	margin-bottom: 1.5rem;
}
/* Navbar stylesheet Css Starts From Here */
.menu-right {
	display: flex;
	align-items: center;
}
.menu-right > button.navbar-toggler {
	padding: 0;
	margin-left: 20px;
}
.menu-right > button.navbar-toggler:focus {
	box-shadow: none;
}
/*.count_sub_header .calender-mm-yy {
    padding: 0;
    margin-bottom: 20px;
}*/
.start-header {
	opacity: 1;
	transform: translateY(0);
	padding: 20px 0;
	box-shadow: 0 10px 30px 0 rgba(138, 155, 165, 0.15);
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.start-header.scroll-on {
	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
	padding: 10px 0;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.start-header.scroll-on .navbar-brand img{
	height: 24px;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navigation-wrap{
	/*	position: fixed;*/
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navbar{
	padding: 0;
	border-bottom: 2px solid #444764;
	padding-bottom: 10px;
}
.navbar-light .navbar-nav .nav-link{
	color:#fff !important;
}
.navbar-brand img{
	max-height: 55px;
	width: auto;
	display: block;
	-webkit-transition : all 0.3s ease-out;
	transition : all 0.3s ease-out;
}
.navbar-toggler {
	float: right;
	border: none;
	padding-right: 0;
}
.navbar-toggler:active,
.navbar-toggler:focus {
	outline: none;
}
.navbar-light .navbar-toggler-icon {
	width: 30px;
	height: 20px;
	background-image: none;
	position: relative;
	border-bottom: 3px solid #fff;
	transition: all 300ms linear;
	border-radius: 2px;
	margin-right: 0;
	text-align: right;
	margin-top: -5px;
}
.navbar-light .navbar-toggler-icon:after, 
.navbar-light .navbar-toggler-icon:before{
	width: 24px;
	position: absolute;
	height: 2px;
	background-color: #2a7fe9;
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
	transition: all 300ms linear;
}
.navbar-light .navbar-toggler-icon:after{
	top: 8px;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {
	transform: rotate(45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {
	transform: translateY(8px) rotate(-45deg);
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}
.nav-link {
	color: #fefefe;
	font-weight: 500;
	transition: all 200ms linear;
}
.nav-item:hover .nav-link{
	color: #fefefe;
}
.nav-item.active .nav-link{
	color: #2e8eff;
}
.nav-link {
	padding: 5px 0;
	position: relative;
	display: inline-block;
}
.nav-item {
	position: relative;
	transition: all 200ms linear;
	font-size: 14px;
}

/* #Primary style
================================================== */

.bg-light {
	background-color: #27293e !important;
	transition: all 200ms linear;
	border-radius: 30px;
	margin: 10px 10px;
	width: 98.4vw;
}
.section {
	position: relative;
	width: 100%;
	display: block;
}
.full-height {
	height: 100vh;
}
.over-hide {
	overflow: hidden;
}
.absolute-center {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: 40px;
	transform: translateY(-50%);
	z-index: 20;
}

#body.hero-anime p{
	opacity: 0;
	transform: translateY(40px);
	transition-delay: 1700ms;
}


#switch,
#circle {
	cursor: pointer;
	-webkit-transition: all 300ms linear;
	transition: all 300ms linear; 
} 
#switch {
	width: 60px;
	height: 8px;
	border: 2px solid #8167a9;
	border-radius: 27px;
	background: #000;
	position: relative;
	display: block;
	margin: 0 auto;
	text-align: center;
	opacity: 1;
	transform: translate(0);
	transition: all 300ms linear;
	transition-delay: 1900ms;
}
#body.hero-anime #switch{
	opacity: 0;
	transform: translateY(40px);
	transition-delay: 1900ms;
}
#circle {
	position: absolute;
	top: -11px;
	left: -13px;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	background: #000;
}
.switched {
	border-color: #000 !important;
	background: #8167a9 !important;
}
.switched #circle {
	left: 43px;
	box-shadow: 0 4px 4px rgba(26,53,71,0.25), 0 0 0 1px rgba(26,53,71,0.07);
	background: #fff;
}
.nav-item .dropdown-menu {
	transform: translate3d(0, 10px, 0);
	visibility: hidden;
	opacity: 0;
	max-height: 0;
	display: block;
	padding: 0;
	margin: 0;
	transition: all 200ms linear;
}
.nav-item.show .dropdown-menu {
	opacity: 1;
	visibility: visible;
	max-height: 999px;
	transform: translate3d(0, 0px, 0);
}
.dropdown-menu {
	padding: 10px!important;
	margin: 0;
	font-size: 13px;
	letter-spacing: 1px;
	color: #212121;
	background-color: #fcfaff;
	border: none;
	border-radius: 3px;
	box-shadow: 0 5px 10px 0 rgba(138, 155, 165, 0.15);
	transition: all 200ms linear;
}
.dropdown-toggle::after {
	display: none;
}

.dropdown-item {
	padding: 3px 15px;
	color: #212121;
	border-radius: 2px;
	transition: all 200ms linear;
}
.dropdown-item:hover, 
.dropdown-item:focus {
	color: #fff;
	background-color: rgba(129,103,169,.6);
}

#body.dark{
	color: #fff;
	background-color: #1f2029;
}
#body.dark .navbar-brand img{
	filter: brightness(100%);
}

#body.dark .bg-light {
	background-color: #14151a !important;
}
#body.dark .start-header {
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.15);
}
#body.dark .start-header.scroll-on {
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);
}
#body.dark .nav-link{
	color: #fff !important;
}
#body.dark .nav-item.active .nav-link{
	color: #999 !important;
}
#body.dark .dropdown-menu {
	color: #fff;
	background-color: #1f2029;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.25);
}
#body.dark .dropdown-item {
	color: #fff;
}
#body.dark .navbar-light .navbar-toggler-icon {
	border-bottom: 1px solid #fff;
}
#body.dark .navbar-light .navbar-toggler-icon:after, 
#body.dark .navbar-light .navbar-toggler-icon:before{
	background-color: #fff;
}
#body.dark .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	border-color: transparent;
}



/* #Media
================================================== */

@media (max-width: 767px) { 
	
	.nav-item:after{
		display: none;
	}
	.nav-item::before {
		position: absolute;
		display: block;
		top: 15px;
		left: 0;
		width: 11px;
		height: 1px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
	}
	.dropdown-toggle::after {
		position: absolute;
		display: block;
		top: 10px;
		left: -23px;
		width: 1px;
		height: 11px;
		content: "";
		border: none;
		background-color: #000;
		vertical-align: 0;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"]::after{
		transform: rotate(90deg);
		opacity: 0;
	}
	.dropdown-menu {
		padding: 0 !important;
		background-color: transparent;
		box-shadow: none;
		transition: all 200ms linear;
	}
	.dropdown-toggle[aria-expanded="true"] + .dropdown-menu {
		margin-top: 10px !important;
		margin-bottom: 20px !important;
	}
	#body.dark .nav-item::before {
		background-color: #fff;
	}
	#body.dark .dropdown-toggle::after {
		background-color: #fff;
	}
	#body.dark .dropdown-menu {
		background-color: transparent;
		box-shadow: none;
	}
	.profile-form{
		margin-top: 30px !important;
	}
}

/* #Link to page
================================================== */

.logo {
	position: absolute;
	bottom: 30px;
	right: 30px;
	display: block;
	z-index: 100;
	transition: all 250ms linear;
}
.logo img {
	height: 56px;
	width: auto;
	display: block;
	transition: all 250ms linear;
}
#body.dark .logo img {
	filter: brightness(100%);
}
.request-counter{
	background-color: #2e8eff;
	padding: 9px 9px;
	border-radius: 9px;
	color: #fff;
	margin-left: 1rem;
}
.custom_nav .custom_navbar_collapse {
	justify-content: flex-start;
}
ul.navbar-nav > li.nav-item {
	margin: 0 10px;
}
.menu-right {
	margin-left: .5rem;
}
.custom_nav .navbar-nav .nav-link {
	color: #ffffff;
	display: flex;
	align-items: center;
}
.custom_nav .nav-link > .request-count {
	margin-left: 5px;
}
.menu-item .menu-links {
	display: flex;
	color: #ffffff;
	align-items: center;
	transition: all 200ms linear;
}
.menu-item .menu-links:hover {
	color: #2e8eff;
}
.menu-item .menu-links > i {
	margin-left: 6px;
	margin-top: 0;
}
.custom_nav .navbar-nav .nav-link:hover, .custom_nav .navbar-nav .nav-link:focus, .custom_nav .navbar-nav .nav-link.active {
	color: #2e8eff !important;
}
@media screen and ( max-width: 991px ) {
	.custom_nav .custom_navbar_collapse {
		position: fixed;
		left: -100%;
		top: 0;
		bottom: auto;
		margin: auto;
		padding: 20px;
		background-color: #c5cec6;
		z-index: 9;
		min-width: 350px;
		transition: all 0.3s ease;
		display: block;
		height: 100%;
	}
	.custom_nav .custom_navbar_collapse.show {
		left: 0;
	}
	.custom_nav .custom_navbar_collapse .nav-link {
		color: #27293e !important;
		padding: 15px;
		margin: 0 -15px;
	}
	.custom_nav .custom_navbar_collapse .nav-link {
		padding: 15px;
		margin: 0 -15px;
		border-bottom: 1px solid rgb(68 71 100 / 10%);
	}
	.custom_nav .custom_navbar_collapse .nav-link.active {
		background-color: #27293e;
		color: #ffffff !important;
	}
	.custom_nav .custom_navbar_collapse span.request-count {
		background-color: #27293e;
	}
	.custom_nav .navbar-nav .nav-link:hover, .custom_nav .navbar-nav .nav-link:focus, .custom_nav .navbar-nav .nav-link.active {
		color: #27293e;
	}
}
@media screen and ( max-width: 575px ) {
	.custom_nav .custom_navbar_collapse {
		min-width: 250px;
	}
}
/*Navbar Stylesheet end*/

/* Dashboard style */
.alerts_header_sec {
	margin-bottom: 20px;
}
.alerts_header_sec .welcome-large-btn {
	display: flex;
	color: #ffffff;
	align-items: center;
	justify-content: space-between;
}
.alerts_header_sec .welcome-large-btn {
	margin-bottom: 20px;
}
.alerts_header_sec .col-lg-6:last-child .welcome-large-btn {
	margin-bottom: 0;
}
.collection-calender {
	margin-bottom: -20px;
}
.welcome-btn-arrow {
	margin-left: 15px;
}
.welcome-btn-arrow i {
	transform: rotate(317deg);
	font-size: 30px;
}
.welcome-large-btn > .welcome-btn-text {
	flex: auto;
}
.nanni-dasboard-title{
	color: #fff;
	font-size: 46px;
	font-weight: 700;
	margin-top: 2rem;
	margin-bottom:2rem;
	font-family: 'Merriweather', serif;
}
.container-custom{
	max-width: 64vw;
}
.zc-card{
	background-color: #444764;
	padding: 14px;
	border-radius: 10px;
	height: 120px;
	margin-bottom: 20px;
}
.zc-col{
	padding-right: 8px;
	padding-left: 8px;
}
.zc-box-content{
	display: flex;
	color: #fff;
	gap: 12px;

}
.zc-box-content img{
	width: 100%;
	max-width: 38px;
	height: 38px;
	background: #27293e4d;
	padding: 8px;
	border-radius: 8px;
}
.zc-box-content h2{
	font-family: arial;
	margin: 0;
	font-size: 33px;
	font-weight: 700;
	margin-top: -3px;
}
.zc-card p{
	color: white;
	opacity: 1 !important;
	transform: none !important;
	margin-top: 1.5rem;
	margin-bottom: 0;
	font-size: 13px;
	font-family: arial;
}

.zc-card-tw{
	background-color: #7b5ccb;
	margin-top: 1.3rem;
	padding: 12px;
	border-radius: 10px;
}
.zc-card-on{
	background-color: #2e8eff;
	margin-top: 1.3rem;
	padding: 12px;
	border-radius: 10px;
}
.zc-arrow {
	width: 100%;
	max-width: 30px !important;
	height: 30px !important;
	background: #27293e00 !important;
	padding: 8px;
	border-radius: 8px;
}
.dy-data h4{
	font-size: 14px;
	font-family: arial;
	font-weight: 700;
}
.dy-data p {
	color: white;
	opacity: 1 !important;
	transform: none !important;
	margin-top: 0rem;
	margin-bottom: 0;
	font-size: 11px;
	font-family: arial;
}
/*End dashboard style*/


.nanny-payments .table_appointment .app-payment-btn{
	width: 75px;
}

.dashboard-header{
	background: #27293e;
/*	margin: 0px 0px 12px;*/
border-radius: 0px;
color: #fff;
font-family: 'Plus Jakarta Sans', sans-serif;
}

.dashboard-header .nav-link {
	font-size: 14px;
	font-weight: bold;
}
.menu-item{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	margin-left: 20px;
}
.menu-item:first-child{
	margin-left: 0px ;
}
.menu-item i{
	font-size: 18px;
	margin-top: 5px;
	margin-left: 1px;
}
.dashboard-header .nav-link.active, .menu-links.active{
	color: #2e8eff !important;
}
.dashboard-header .navbar{
	padding-top:10px;
	border-bottom: 0px;
}
.dashboard-header hr{
	margin-top: 0px;
	border-top: 2px solid #444764;
	padding-bottom: 10px;
}

.request-count {
	width: 25px;
	height: 25px;
	border-radius: 10px;
	background-color: #2e8eff;
	padding: 5px 6px;
	margin-left: 2px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.header-sub h1 {
	font-size: 50px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 20px;
}
.welcome-large-text{
	font-size: 16px;
	display: block;
}
.welcome-small-text{
	font-size: 12px;
	display: block;
}
.btn-blue .welcome-btn-icon{
	background-color: #0353b1;
}
.btn-blue:hover{
	animation: pop 0.3s linear 1;
}
.btn-purple .welcome-btn-icon{
	background-color: #563aa0;
}
.btn-purple:hover{
	animation: pop 0.3s linear 1;
}
.welcome-large-btn.btn-blue {
	background-color: #2e8eff;
}
.welcome-large-btn.btn-purple {
	background-color: #7b5ccb;
}
@keyframes pop{
	50%  {transform: scale(1.03);}
}
.welcome-large-btn {
	border-radius: 14px;
	padding: 10px;
}
.welcome-btn-icon{
	width: 50px;
	height: 50px;
	flex: 0 0 50px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
}
.welcome-btn-icon i{
	font-size: 30px;
}
.calender-title h5{
	font-size: 16px;
	color: #27293e;
	font-weight: bold;
	margin-bottom: 0px;
}
.calender-title h5 .pending_day_con {
	flex: 0 0 auto;
}
.calender-img{
	width: 25px;
	margin-right: 10px;
}
.calender-arrow i{
	transform: rotate(317deg);
	font-size: 20px;
}
.calender{
	background: #fff;
	padding: 10px;
	border-radius: 15px;

}
.calender-mm-yy {
	padding: 15px;
}
.calender-data {
	width: 100%;
	border-radius: 12px;
	background-color: #ffffff;
	border: 2px solid #eceff4;
	padding: 10px 10px;
	margin-bottom: 5px;
}
.mm-yy{
	font-size: 15px;
	color: #444764;
	font-weight: bold;
	margin: 0px 20px;
}
.calender-dd {
	border-radius: 10px;
	background-color: #444764;
	padding: 0px 10px;
	display: flex;
	flex-wrap: wrap;
	width: max-content;
	margin-bottom: 5px;
}
.calender-dd .dd {
	font-size: 12px;
	color: #eceff4;
	font-weight: 500;
	text-transform: uppercase;
	width: 36px;
	text-align: center;
	
}
.dd-date.active{
	width: 37px;
	height: 40px;
	border-radius: 10px;
	background-color: #444764;
	
	color: #fff;
	font-weight: bold;
}
.dd-date{
	font-size: 15px;
	line-height: 25px;
	color: #27293e;
	width: 37px;
	height: 40px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.calender-dd-date{
	padding: 0px 10px;
	display: flex;
	flex-wrap: wrap;
	width: max-content;
}
.user-appointment-data .app-user-img{
	max-width: 50px;
	width: 50px;
	
}
.revered{
	position: relative;
}
.revered:after{
	width: 16px;
	height: 4px;
	border-radius: 2px;
	background-color: #444764;
	content:"";
	position: absolute;
	bottom: -2px;
}
.app-user-name{
	font-size: 12px;
	color: #56586c;
	font-weight: bold;
	width: 130px;
}
.user-appointment-data td,
.app-user-date,
.app-user-time,
.app-user-hours{
	font-size: 11px;
	color: #56586c;
	font-weight: 500;
}
.user-appointment-data td i,
.user-appointment-data span i{
	color: #999fa9;
	font-size: 18px;
}
.calender .table_appointment{
	width: 100%;
	display: table;
}
.calender-arrow i{
	color: #27293e;
}

.updating-session .user-appointment-data:first-child{
	border-top: 0px solid #0001;
}
.user-appointment-data{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 8px 10px;
	border-top: 1px solid #0001;
	min-height: 60px;
	width: 100%;
}
.app-user-btn{
	width: 70px;
	padding: 10px 15px;
	height: 40px;
	background: #eceff4;
	border-radius: 8px;
	border:2px solid #eceff4;
}
.user-appointment-data .app-user-btn i{
	color: #ff0000ab;
}
.user-appointment-data .user-active i {
	color: #43c7af;
}
.user-appointment-data .user-pending i {
	color: #e1ac14;
}
.app-user-btn.user-alert:hover{
	border:2px solid #ff0000ab;
}
.app-user-btn.user-active:hover{
	border:2px solid #43c7af;
}
.app-user-btn.user-pending:hover{
	border:2px solid #e1ac14;
}
.app-user-btn .fa-arrow-right,.app-user-close{
	padding-left:8px;
}
.select-calender-data tr.calender-dd-date{
	width: unset;
}
.selected-board-area .calender-dd{
	width: 100%;
}
.select-calender-data .revered:after {
	width: 32px;
	height: 3px;
}
.select-calender-data .filled:after {
	width: 32px;
	height: 3px;
	border-radius: 2px;
	background-color: #ff0000ab;
	content: "";
	position: absolute;
	bottom: -2px;
}
.parenst-name-session .calender-data-form .field-group{
	/* min-width: 178px; */
	width: 100%;
	height: 55px;
	margin-bottom: 5px;
}
.calender-data-form .field-group{
	border-radius: 12px;
	background-color: #ffffff;
	border: 2px solid #eceff4;
	padding: 6px 8px;
	width: 100%; 
}
.selected-time-hours span.select2.select2-container {
	width: 100% !important;
}
.selected-time-hours .field-group{
	width: 49%;
}
.selected-time-hours{
	margin-top: 10px;
}
.calender-data-form label{
	font-size: 11px;
	color: #bec3cc;
	font-weight: 500;
	margin-bottom: -2px;
	margin-top: -1px;
	display: block;
}
.selected-date-not-available,
.selected-date-available{
	border-radius: 10px;
	background-color: #eceff4;
	padding: 15px 6px;
	width: 48%;
	text-align: center;
	display: block;
	margin: 10px 0px 20px;
	transition-duration: .3s;
}

.selected-date-not-available h4,
.selected-date-available h4{
	font-size: 12px;
	font-weight: bold;
}
.selected-date-not-available h4,
.selected-date-not-available i{
	color: #e55e73;
	margin-bottom: 0;
}
.selected-date-available h4,
.selected-date-available i{
	color: #4cb599;
	margin-bottom: 0;
}
.selected-date-not-available i,
.selected-date-available i{
	font-size: 24px;
	margin-bottom: 10px;
}
.selected-date-not-available:hover{
	background-color: #e55e73;
}
.selected-date-not-available:hover.selected-date-not-available h4,
.selected-date-not-available:hover.selected-date-not-available i{
	color: #fff;
}
.selected-date-available:hover{
	background-color: #4cb599;
}
.selected-date-available:hover.selected-date-available h4,
.selected-date-available:hover.selected-date-available i{
	color: #fff;
}
.selected-p-data{
	font-size: 11px;
	line-height: 18px;
	color: #56586c;
	font-weight: 500;
	display: block;
}
.select-calender-data{
	margin-bottom: 0px;
}
.total-data:hover {
	background-color: #c5cec669;
}
.selected-submit{
	font-size: 11px;
	text-transform: uppercase;
	color: #27293e;
	font-weight: bold;
	text-align: center;
	width: 100%;
	border-radius: 10px;
	background-color: #eceff4;
	padding: 12px 6px;
	border:0px;
	margin-top: 20px;
	transition-duration: .3s;
}
.selected-submit:hover{
	background-color: #2e8eff;
	color: #fff;
}
.dd-date.filled{
	position: relative;
}
.calender-dd-date td{
	padding: 0;
}
.calender-mm-yy a, .dd-date{
	color: #444764;
	padding: 8px;
	width: 36px;
	height: 40px;
	border-radius: 10px;
}
.calender-mm-yy a {
	justify-content: center;
	display: inline-flex;
	align-items: center;
	height: 30px;
	width: 30px;
}
.calender-mm-yy a:hover{
	background-color: #4cb599;
	color: #fff;
}
.dd-date:hover{
	background-color: #44476473;
	color: #444764;
}
.dd-date.active{
	background-color: #444764;
	color: #fff;
}
.button-application a{
	color: #444764;
}
.nanny-payments .app-user-name span{
	font-weight: 400;
	font-size: 11px;
}
.app-user-close a i, .app-user-info a i{
	transition: transform .2s;
}
.app-user-close a:hover i{
	color: #e55e73;
	transform: scale(1.1);
}
.app-user-arrow a:hover i{
	color: #4cb599;
	transform: scale(1.1);
}
.app-user-info a:hover i{
	color: #2e8eff;
	transform: scale(1.1);
}
/*.app-my-request-btn a:hover{
	background-color:  #4cb599;
	color: #fff;
}*/
.app-my-request-btn a:hover i{
	color: #fff !important;
}
.download-payment a {
	font-size: 12px;
	color: #333;
	font-weight: bold;
	border-radius: 10px;
	border: 2px solid #eceff4;
	padding: 8px 9px;
	width: 100px;
	display: flex;
	text-align: center;
	background-color: #eceff4;
	justify-content: space-between;
	align-items: center;
}
.download-payment a i{
	color: #333;
	font-size: 14px;
}
.nanny-payments .total-hours,
.nanny-payments .total-amount{
	font-size: 11px;
	font-weight: 500;
	display: grid;
}
.nanny-payments .total-hours span,
.nanny-payments .total-amount span{
	font-size: 11px;
	color: #56586c;
	font-weight: bold;
}
.pending-payment a{
	font-size: 11px;
	color: #f2ab58;
	font-weight: bold;
	border-radius: 10px;
	background-color: #ffffff;
	border: 2px solid #f2ab58;
	padding: 10px 5px;
	width: 90px;
	display: block;
	text-align: center;
}
.pending-payment a:hover{
	background-color: #f2ab58;
	color: #fff;
}
.completed-payment a:hover{
	background-color: #4cb599;
	color: #fff;
}
.completed-payment a{
	font-size: 11px;
	color: #4cb599;;
	font-weight: bold;
	border-radius: 10px;
	background-color: #ffffff;
	border: 2px solid #4cb599;
	padding: 10px 5px;
	width: 90px;
	display: block;
	text-align: center;
}
.calender-data1 input{
	font-size: 12px;
	color: #56586c;
	font-weight: bold;
	border: 0px;
	width: 100%;
}
.navbar-light .navbar-toggler-icon {
	width: 19px;
	height: 19px;
	background-image: none;
	position: relative;
	border-bottom: 3px solid #fff;
	transition: all 300ms linear;
	border-radius: 2px;
	margin-right: 12px;
	text-align: right;
}
.navbar-light .navbar-toggler-icon:after, .navbar-light .navbar-toggler-icon:before {
	width: 30px;
	position: absolute;
	height: 3px;
	background-color: #fff;
	top: 0;
	left: 0;
	content: '';
	z-index: 2;
	transition: all 300ms linear;
	border-radius: 2px;
}
body .navbar-light .navbar-toggler-icon:after {
	top: 8px;
}
.app-user-btn a{
	display: flex;
}
table{
	width: 100%;
}
.copyright-text{
	font-size: 10px;
	color: #56586c;
	font-weight: bold;
	text-align: center;
	padding: 20px 0;
	display: block;
}
/* Dashboard Parenst */
.parenst-name-session h2{
	font-size: 30px;
	color: #27293e;
	margin-bottom: 20px;
	font-weight: bold;
}
.parenst-name-session{
	padding: 30px 30px;
}
.search-nanny{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.search-nanny input,
.search-nanny select{
	font-size: 14px;
	color: #27293e;
	font-weight: bold;
	border: 0px;
	background: no-repeat;
	width: 100%;
}
.find-submit{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	background: #444764;
	border-radius: 13px;
	padding: 13px 21px;
	border:0px;
	margin-top: -5px;
	height: 52px;
	transition-duration: .3s;
}
.book-now-btn{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	background: #444764;
	border-radius: 13px;
	padding: 13px 15px;
	border:0px;
	margin-top: -5px;
	height: 55px;
	width: 100%;
	transition-duration: .2s;
}
.book-now-btn:hover{
	background-color: #444764e5;
}
.find-submit:hover{
	background-color: #4cb599;
}
.find-submit i{
	margin-left: 10px;
	font-size: 17px;
	margin-bottom: -5px;
	transform: rotate(90deg);
}
.button-application {
    border-radius: 10px;
    background-color: #ffffff;
    border: 1px solid #e1ac14;
    padding: 4px 10px;
    font-size: 11px;
}
.button-application:hover, .button-application:hover a{
	background-color: #e1ac14;
	color: #fff;
	transition-duration: .2s;
}
.my-request .table-appointment{
	width: 100%;
}
.app-my-request-btn a{
	font-size: 12px;
	color: red;
	font-weight: bold;
	border-radius: 10px;
	/*border: 2px solid #eceff4;
	padding: 10px 6px;*/
	width: 100px;
	display: block;
	text-align: center;
/*	background-color: #eceff4;*/
}
.app-my-request-btn a i{
	font-size: 12px;
	color: #4cb599;
	margin-left: 5px;
}
.app-user-img span{
	margin-left: 10px;
}
.app-user-img img{
	border-radius: 5px;
}
/*.user-appointment-data:hover{
	border-radius: 12px;
	background-color: #444764;
	color: #fff;
}*/
/*.user-appointment-data:hover th,*/
/*.user-appointment-data:hover td,*/
.user-appointment-data:hover td span{
	color: #fff !important;
}
.field-group img{
	/*    width: 48px;
    height: 48px;*/
    border-radius: 12px;
    background-color: #eceff4;
    padding: 8px;
    margin-right: 10px;
    width: 100%;
    max-width: 33px;
    height: 33px;
    object-fit: contain;
}
.parenst-name-session .field-group{
	display: flex;
	align-items: center;
}
.select_time-from{
	border-right: 2px solid #eceff4;
	margin-right: 6px;
	padding-right: 3px;
}
.nanny_name_description h4{
	font-size: 16px;
	color: #27293e;
	font-weight: bold;
	margin-bottom: 0px;
}
.nanny_age{
	font-size: 12px;
	color: #27293e;
	font-weight: 500;
}
.nanny_data{
	font-size: 10px;
	color: #ffffff;
	font-weight: 500;
}
.nanny-type{
	font-weight: bold;
}
.nanny_data{
	border-radius: 6px;

	padding: 5px 14px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: -28px;
	position: absolute;
	width: 94%;
	margin-left: 3px;
	margin-right: auto;
}
.premium {
	background-color: #4cb599;
}
.nanny_name_description{
	padding: 13px;
}
.search-nanny_box{
	border-radius: 10px;
	background-color: #eceff4;
	padding: 4px;
	width: 100%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.search-nanny_box:hover .nanny_hover_img{
	background: #3f31588a;
	position: absolute;
	left: 5px;
	top: 3px;
	border-radius: 10px 11px 8px 8px;
	padding: 60px;
	width: 96%;
	height: 74.5%;
	object-fit: contain;
	display: block;
	overflow: hidden;
}
.nanny_hover_img{
	display: none;
}

/******* Nanny Popup *******/
.custom-model-main,
.book-favorite-nanny,
.cancel_session{
	text-align: center;
	overflow: hidden;
	position: fixed;
	/* top: 0; */
	right: 0;
	bottom: 0;
	width: 100%;
	left: 0; /* z-index: 1050; */
	-webkit-overflow-scrolling: touch;
	outline: 0;
	opacity: 0;
	-webkit-transition: opacity 0.15s linear, z-index 0.15;
	-o-transition: opacity 0.15s linear, z-index 0.15;
	transition: opacity 0.15s linear, z-index 0.15;
	z-index: -1;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 13px;
}

.model-open {
	z-index: 2;
	opacity: 1;
	overflow: hidden;
	top:0;
}
.custom-model-inner {
	-webkit-transform: translate(0, -25%);
	-ms-transform: translate(0, -25%);
	transform: translate(0, -25%);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	-o-transition: -o-transform 0.3s ease-out;
	transition: -webkit-transform 0.3s ease-out;
	-o-transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
	display: inline-block;
	vertical-align: middle;
	width: 900px;
	margin: 30px auto;
	max-width: 100%;
}
.custom-model-wrap {
	display: block;
	width: 100%;
	position: relative;
	background-color: #fff;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 6px;
	-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	outline: 0;
	text-align: left;
	padding: 4px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	max-height: calc(100vh - 70px);
	overflow-y: auto;
	border-radius: 35px;
}
.model-open .custom-model-inner {
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	position: relative;
	z-index: 999;
}
.model-open .bg-overlay {
	background: rgba(0, 0, 0, 0.6);
	z-index: 99;
}
.bg-overlay {
	background: rgba(0, 0, 0, 0);
	height: 100vh;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	-webkit-transition: background 0.15s linear;
	-o-transition: background 0.15s linear;
	transition: background 0.15s linear;
}
.close-btn {
	position: absolute;
	right: -15px;
	top: -20px;
	cursor: pointer;
	z-index: 99;
	font-size: 30px;
	color: #fff;
	background: #444764;
	padding: 10px;
	border-radius: 50px;
	line-height: 0px;
	transform: .2s
}
.close-btn:hover i{
	color: #e55e73;
	transform: scale(.9);
}
.search-nanny_box img{
	width: 100%;
}
.pop-up-content-wrap p{
	font-size: 11px;
	line-height: 18px;
	color: #27293e;
	font-weight: 500;
}
.pop-up-content-wrap h5{
	font-size: 11px;
	color: #abb4c4;
	font-weight: 500;

}
.nanny-name{
	font-size: 26px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	display: block;

}
.nanny-popup-btns a{
	font-size: 11px;
	color: #444764;
	font-weight: bold;
	border-radius: 8px;
	background-color: #ffffff;
	padding: 10px 20px;
	margin-bottom: 8px;
}
.nanny-popup-btns a:last-child {
	margin-bottom: 0;
}
p.clicking_by{
	font-size: 10px;
	line-height: 16px;
	color: #4cb599;
	font-weight: 500;	
	text-align: center;
}
.custom-model-banner{
	background:linear-gradient(0deg, #1e2038bf, #1e2038bf),  
	url(../images/pexels-elina-fairytale-3806962@2x.png);
	background-size:cover;
	border-radius: 30px;
	padding: 25px;
}
.banner_top_img img{
	width: 70px;
	margin: auto;
	display: block;
}
.nanny-popup-btns{
	display: flex;
	flex-direction: column;
	width: fit-content;
	position: absolute;
	right: 18px;
	top: 30px;
}
/*.pop-up-content-wrap{
	padding: 15px 20px 6px;
}*/
.pop-up-content-wrap .parenst-name-session {
	padding: 10px 12px;
	background: #4cb599;
	margin-top: 40px;
}
.pop-up-content-wrap .parenst-name-session .find-submit i{
	transform: rotate(0deg);
}
.pop-up-content-wrap .parenst-name-session .calender-data-form .field-group {
	/* min-width: 135px; */
	width: 100%;
}


.pop-up-content-wrap .field-group{
	background-color: #ffffff;
	border: 2px solid #454766;
	border-radius: 12px;
	padding: 6px 8px;
	display: flex;
}
.pop-up-content-wrap .field-group label{
	font-size: 11px;
	color: #bec3cc;
	font-weight: 500;
	margin-bottom: -2px;
	margin-top: -1px;
	display: block;
}
.pop-up-content-wrap .field-group span{
	font-size: 14px;
	color: #27293e;
	font-weight: bold;
	border: 0px;
	background: no-repeat;
	width: 100%;
}
.mrg-left{
	margin-left: 30px;
}
.custom-model-wrap::-webkit-scrollbar {
	width: 2px;
}

.custom-model-wrap::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
	border-radius: 10px;
}

.custom-model-wrap::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.custom-model-wrap{
	overflow: scroll;
}
.custom-model-wrap::-webkit-scrollbar {
	display: none;
}
.form-check-label a{
	color: #abb4c4;
}
/*=========== Start Additional Css ===========*/
#zc-footer
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.user-input-wrp
{
	width: 100%;
	outline: none;
	padding: 5px 14px;
	box-shadow: none !important;
	border: 2px solid #ECEFF4;
	border-radius: 15px;	
}
.floating-label {
	font-size: 12px;
	color: #8C96A8;
	display: inline-block;
	margin-bottom: 0;
}
.inputText {
	appearance: none;
	border: none;
	color: #27293E;
	font-size: 14px;
	font-weight: 600;
	width: 100%;
	height: 30px;
	padding: 35px 0 10px;
}
.inputText:-internal-autofill-selected {
	-webkit-background-color: transparent !important;
}
.inputText:-webkit-autofill,
.inputText:-webkit-autofill:hover, 
.inputText:-webkit-autofill:focus, 
.inputText:-webkit-autofill:active{
	-webkit-background-color: transparent !important;
}
.inputText::placeholder
{
	font-size: 12px;
	color: #8C96A8;
}
input:focus-visible {
	outline: 0px;
}
.remember_me {
	width: 22px;
	height: 22px;
	border-radius: 5px;
	margin: auto;
	vertical-align: middle;
	appearance: none;
	border: 1px solid #56615133;
	background-color: #FAFAFA;
	cursor: pointer;
	position: relative;
}
.remeberText {
	position: relative;
	margin-left: 8px;
	font-size: 14px;
	color: #0F1E08;
	cursor: pointer;
}
.form-check-input[type="checkbox"]:checked {
	background: #ffffff !important;
	border: 1px solid #c17b78 !important;
}
.form-group input[type="checkbox"]:checked + label:after {
	content: '';
	display: block;
	position: absolute;
	top: 4px;
	left: -25px;
	width: 6px;
	height: 14px;
	border: solid #c17b78;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.back-btn img {
	margin-right: 13px;
	vertical-align: middle;
}
.table td, .table th
{
	border: 0;
}
/* Scrollbar-Css */
.scrollbar
{
	background-color:#e9e9e9;
	width:8px;
	height: 10%;
}
.scrollbar-track
{
	background-color:#e9e9e9
}
.scrollbar-thumb {
	background-color:#babac0;
	border-radius:16px;
	border:2px solid #e9e9e9;
}
::-webkit-scrollbar
{
	background-color:#fff;
	width:8px;
	height: 10%;
}
::-webkit-scrollbar-track {
	background-color:#e9e9e9

}
::-webkit-scrollbar-thumb {
	background-color:#babac0;
	border-radius:16px;
	border:2px solid #e9e9e9;
}
::-webkit-scrollbar
{
	background-color:#e9e9e9;
	width:8px;
	height: 10%;
}
::-webkit-scrollbar-track {
	background-color:#e9e9e9
}
::-webkit-scrollbar-thumb {
	background-color:#babac0;
	border-radius:16px;
	border:2px solid #e9e9e9;
}
::-moz-scrollbar
{
	background-color:#fff;
	width:8px;
	height: 10%;
}
::-moz-scrollbar-track {
	background-color:#e9e9e9
}
::-moz-scrollbar-thumb {
	background-color:#babac0;
	border-radius:16px;
	border:2px solid #e9e9e9;
}
/* End Scrollbar Css */
.user-input-wrp
{
	position: relative;
}
.user-input-wrp .floating-label {
	position: absolute;
	pointer-events: none;
	top: 18px;
	left: 10px;
	transition: 0.2s ease all;
	font-size: 14px;
}
/* .user-input-wrp .inputText:focus ~ .floating-label,
.inputText:not(:focus):valid ~ .floating-label{
		top: -15px;
		bottom: 0px;
		left: 0px;
		font-size: 11px;
		opacity: 1;
		color: #404040;
} */
.user-input-wrp .inputText:focus + .floating-label,
.user-input-wrp .inputText:valid + .floating-label{
	/* color: #ff5722; */
	top: 10%;
	font-size: 12px;
}
/* Start Dashboard-Parents Css */
input[type="time"]
{
	cursor: pointer;
}
input[type="time"]::-webkit-calendar-picker-indicator {
	/* display: none; */
	background: none;
}
/* End Dashboard-Parents Css */
/* Start Dashboard-Parents-search Css */
#selected-day
{
	padding: 0px;
}
.filterOptions {
	display: flex;
}
.boxselectContainer
{
	position: relative;
}
.boxselectContainer i
{
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #d8dbe1;
}
.boxselect {
	/* background: transparent; */
	border: 2px solid #eceff4;
	border-radius: 12px;
	padding: 6px 8px;
	margin-right: 5px;
	cursor: pointer;
	appearance: none;
	padding-right: 26px;
}
select:focus-visible {
	outline: 0;
}
/* End Dashboard-Parents-search Css */

.custSpc {
	padding: 2px;
}
/*#rightAreas {
	height: 90vh; 
	background: #fff;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
}*/
/*.footer {
	position: absolute;
	top: calc(100vh - 120px);
	display: flex; 
	margin-top: auto;
	left: 0;
	right: 0;
}*/
/*.footer.singup{
	bottom: 0px;
	top:unset;
}*/
.pop_up-img {
	width: 100%;
	max-width: 100%;
	height: 240px;
	object-fit: contain;
	object-position: center;
	margin: auto;
	display: block;
}
/*=========== End Additional Css ===========*/

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.bs-datepicker-container { z-index: 3000; }



.dark_blue{
	color: #27293e !important;
}
/*.profile_image{
	background-color: #4F5969;
	    padding: 20px;
    border-radius: 10px;
}*/
.profile_image h5{
	text-transform: uppercase;
	font-weight: bold;
	color: #27293e;
	font-size: 20px;
	margin-bottom: 18px;
	width: 100%;
}
.p-image{
	
	background: #868D98;
	padding: 20px 20px;
	width: 100%;
	border-radius: 6px;
}
.p-image img{
	margin: auto;
	display: block;
	/* filter: brightness(0) invert(1); */

}

.showonhover {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	background: #444764;
	border-radius: 13px;
	padding: 13px 15px;
	border: 0px;
	margin-top: 15px;
	height: 55px;
	width: 100%;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.profile_image .form-control{
	border-radius: 12px;
	background-color: #ffffff;
	border: 2px solid #aeaeaf36;
	padding: 10px 8px;
	height: 52px;
	font-size: 14px;
	font-weight: bold;
	color: #646464;
}
.chosen-container-single .chosen-single span{
	color: #646464 !important;
}
.profile_image .form-control:focus,
.support-form .form-control:focus{
	color: #495057;
	background-color: #fff;
	border-color: #aeaeaf !important;
	box-shadow: 0 0 0 0rem rgb(0 0 0 / 25%);
}
.profile_image .mb-3{
	margin-bottom: 0.3rem!important;
}
.profile_image label{
	font-size: 14px;
	font-weight: bold;
	color: #00000036;
}
.profile-form{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.profile-form .chosen-single:focus,
.list_plus li input[type="checkbox"]:checked{
	border-color: #aeaeaf !important;
	box-shadow: 0 0 0 0rem rgb(0 0 0 / 25%);
}
.profile-form .chosen-single{
	border-radius: 12px;
	background-color: #ffffff;
	border: 2px solid #aeaeaf36;
	padding: 10px 8px;
	height: 52px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	background: #fff !important;
}
.chosen-container-single .chosen-single div{
	content: "\f05a";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #000;
	font-size: 30px;
	position: absolute;
	right: 0;
	top: 0;
}
.chosen-search-input{
	padding: 12px 20px 12px 5px !important;
	border-radius: 4px !important;

}
.chosen-single span{
	margin-top: 11px;
}
.chosen-container-single .chosen-search input[type="text"]{
	padding: 10px 20px 10px 5px;
	border-radius: 10px;
}
.chosen-container .chosen-results li{
	font-weight: bold;
	border-radius: 5px;
	padding: 10px;
	margin-bottom: 5px;
}
.chosen-container .chosen-results li.highlighted {
	background: #27293e;
	color: #fff;

}
.drop_down i{
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #000;
	z-index: 999;
}
.list_plus{
	display: flex;
	align-items: center;
	padding-left: 0px;
	list-style: none;
	flex-wrap: wrap;
}
.list_plus li label{
	margin-bottom: 20px;
	cursor: pointer;
	position: absolute;
	padding-left: 20px;
}
.profile-form .form-floating>.form-control:disabled~label {
	color: #646464 !important;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.delete_childen{
	-webkit-appearance: none;
	position: relative;
	width: fit-content;
	cursor: pointer;
	/* box-shadow: 15px 15px 25px rgb(2 28 53 / 5%); */
	border-radius: 25px;
	background-color: #444764;
	border: 2px solid #aeaeaf36;
	padding: 10px 17px;
	height: 46px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	margin-right: 10px;
	margin-bottom: 20px;
}
#second-child{
	display: none;
}
.second_child_none{
	display: block !important;
}
.list_plus li input[type="checkbox"] {
	-webkit-appearance: none;
	position: relative;
	width: 100%;
	cursor: pointer;
/*    box-shadow: 15px 15px 25px rgb(2 28 53 / 5%);*/
border-radius: 25px;
background-color: #ffffff;
border: 2px solid #aeaeaf36;
padding: 10px 8px;
height: 42px;
font-size: 14px;
font-weight: bold;
color: #000;
margin-right: 10px;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.list_plus li{
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin-right: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 0px;
	margin-top: 0px;
	width: 200px;
}
.list_plus li input[type="checkbox"]:after {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\2b";
	font-size: 20px;
	top: 5px;
	right: 10px;
}
.list_plus li input[type="checkbox"]:checked:after {
	font-weight: 900;
	content: "\f058";
	color: #4F5969;
}
.language_list.list_plus li input[type="checkbox"]:after{
	top: 9px;
}
.language_list.list_plus li input[type="checkbox"]{
	border-radius: 12px;
	height: 52px;
}

.lightpick__previous-action, .lightpick__next-action, .lightpick__close-action{
	padding-bottom: 5px;
}

@media screen and (min-width:981px){
	.wp-100{
		width: 100%;
	}
/*.wp-75{
width:75%;
}
.wp-50{
	width:49%;
}
.wp-25{
	width: 24% !important;
}*/
.header_row_space .col-lg-3,
.header_row_space .col-lg-6{
	padding: 0px 5px ;
}
}
#submitButton{
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	background: #444764;
	border-radius: 13px;
	padding: 13px 15px;
	border: 0px;
	margin-top: 15px;
	height: 55px;
	width: 100%;
	transition-duration: .2s;
	display: flex;
	align-items: center;
	justify-content: center;
}

.iam_single label:before {
	content:'';
	-webkit-appearance: none;
	background-color: transparent;
	border: 2px solid #aeaeaf;
	padding: 10px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	border-radius: 50px;
}
.iam_single input {
	padding: 0;
	height: initial;
	width: initial;
	margin-bottom: 0;
	display: none;
	cursor: pointer;
}
.iam_single input:checked + label:after {
	content: "\f00c";
	display: block;
	position: absolute;
	top: 2px;
	left: 5px;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	color: #27293e;
}
.second_parent_none{
	display: none !important;
}
.drop_down .chosen-container{
	width:100% !important;
}
@media screen and (max-width:991px) and (min-width:768px){
	.calender-dd,
	.calender-dd-date{
		justify-content: space-between;
		width: 100% !important;
	}
}
.custom-model-banner1{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.banner_top_img1 .nanny-name {
	font-size: 34px;
	color: #616060;
	font-weight: bold;
	text-align: left;
}
.nanny-popup-btns1 a{
	padding: 14px 27px;
	background: #CDD1D5;
	color: #505A69;
	font-weight: bold;
	font-size: 14px;
	border-radius: 10px;
}
.custom-model-wrap{
	padding: 5px !important;
}
.popup_row_bg{
	background: #505263;
	padding: 15px 0px;
	border-radius: 12px;

}
.profile_img_popup{
	background: #717986;
	padding: 8px 10px;
	border-radius: 8px;
}
.pop-up-content-wrap .popup_row_bg h5 {
	font-size: 24px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
}
.pop-up-content-wrap .popup_row_bg p {
	font-size: 14px;
	line-height: 26px;
	color: #fff;
	font-weight: 500;
}
.contact_info{
	background: #505263;
	padding: 15px 15px;
	border-radius: 12px;
}
.contact_info h6{
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.contact_info .field-group span {
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	border: 0px;
	background: no-repeat;
	width: auto;
	background: #717986;
	padding: 8px 10px;
	border-radius: 8px;
	margin-right: 10px;
}
.contact_info .nanny-info{
	display: flex;
}
.contact_info .field-group {
	border-radius: 0;
	background-color: transparent;
	border: 0px solid #eceff4;
	padding: 0;
}


/* Login/Signup Pages Css Starts From Here */
.forms_wrapper {
	min-height: 100vh;
}
.main-forms-body {
	border-radius: 4vh;
	padding: 0 15px;
	margin: 4vw;
	height: auto;
	min-height: calc(100vh - 8vw);
}
.main-forms-body > .row {
	height: auto;
	border-radius: 4vh;
	background-color: #ffffff;
	min-height: calc(100vh - 8vw);
}
.main-forms-body > .row > div {
	min-height: 100%;
}
.main-forms-body .content-area {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.main-forms-body .content-area > * {
	flex: 0 0 100%;
}
.main-forms-body .inner-content-area {
	margin-top: auto;
}
.form-left-footer {
	margin-top: auto;
}
.form-left-footer > p {
	margin-top: 0;
	font-weight: 400;
}
#zc-signup .zc-form-area {
	padding: 5vh;
	border-radius: 0;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.zc-form-area .top-bar-logo {
	flex: 0 0 100%;
	margin: 0;
	max-height: 110px;
}
.zc-form-area .top-bar-logo > p {
	margin: 0;
}
.form-middle-area {
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	margin: 0 0 auto 0;
	width: 100%;
	z-index: 1;
}
.zc-form-area > .login-zc-footer {
	position: absolute;
	bottom: 0;
	left: 5vh;
	right: 5vh;
	margin: auto;
}
.main-forms-body > .row > .col-right {
	padding: 0;
}
.form-signup-now {
	font-weight: 400 !important;
	margin-left: 3px;
	color: #c17b78;
}
@media screen and ( max-width: 767px ) {
	#rightAreas {
		border-radius: 4vh;
	}
}
@media screen and ( max-width: 576px ) {
	
}

/* SignUp Form Css Starts From Here */
.signup-form-body {
	margin: 2vw;
	height: auto;
	min-height: calc(100vh - 4vw);
}
.forms_pagination {
	display: flex;
	flex-wrap: wrap;
}
.signup-form-body > .row {
	min-height: calc(100vh - 4vw);
}
/* SignUp Form Css Ends From Here */

/* Both Login Page Css Starts From Here */
.both_signup_wrp > * {
	flex: 0 0 100%;
}
.both_signup_wrp {
	width: 100%;
}
.both_signup_msgs {
	margin-bottom: 1.5rem;
}
.both_signup_bts > a, .both_signup_wrp > .login-btn {
	border-radius: 1.5vh;
}
.both_signup_bts > a {
	font-weight: 400;
	font-size: 16px;
}
/* Both Login Page Css Ends From Here */

/* Login/Signup Pages Css Ends From Here */


/* Default Css Starts From Here */
section.lightpick {
	z-index: 9991!important;
}
.YourRequestModal  .parenst-name-session {
	padding: 0;
}
.form-group-checkbox {
	display: flex;
	/*	align-items: center;*/
	justify-content: flex-start;
}
.form-group-checkbox input {
	width: 22px;
	height: 22px;
	flex: 0 0 22px;
	border-radius: 5px;
	margin: 0;
	vertical-align: middle;
	appearance: none;
	background-color: #FAFAFA;
	cursor: pointer;
	position: relative;
	border: 2px solid #eceff4;
}
.form-group-checkbox > label {
	margin: auto auto auto 10px;
}
.form-group-checkbox input[type="checkbox"]:checked + label:after {
	border: solid #444764;
	border-width: 0 2px 2px 0;
	left: -24px;
	top: 0;
}
.form-group-checkbox .form-check-input[type="checkbox"]:checked {
	border: 1px solid #444764 !important;
}
.parenst-name-session .form-group-checkbox {
	margin-top: 0;
	margin-bottom: 10px;
}
.YourRequestModal .parenst-name-session .field-group {
	margin-bottom: 10px;
}
.YourRequestModal .parenst-name-session .gap10 {
	gap: 10px;
}
.YourRequestModal .parenst-name-session .selected-from .select_time {
	flex: auto;
}
.YourRequestModal .parenst-name-session .select_time > div {
	flex: 1 1 auto;
}
.select_time-from > span.select2, .select_time-to > span.select2 {
	width: 100% !important;
}
.YourRequestModal .parenst-name-session .select_time > div.select_time-from {
	flex: 0 0 calc(50% - 20px);
	margin-right: 10px;
	padding-right: 10px;
}
.field-btns-row > a.btn {
	flex: 1 1 auto;
}
.listing-style-card2 .card-actions {
	align-items: center;
	margin-bottom: auto;
	gap: 10px;
}
.YourRequestModal .parenst-name-session .field-btns-row {
	margin-top: 20px;
	flex-wrap: wrap;
}
.listing-style-card2 .card-actions > a.btn {
	padding: 10px 10px;
	font-size: 11px;
	white-space: nowrap;
}
.default_img_wrp {
	background-color: #eceff4;
	border-radius: 10px;
	overflow: hidden;
	min-height: 100%;
	width: 100%;
}
.default_img_wrp > img {
	max-width: 100%;
	transition: all 0.3s ease;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
	width: 100%;
}
.default_img_wrp:hover > img {
	transform: scale(1.05);
}
.default_dis_p > h6 {
	margin-bottom: 10px;
	font-size: 12px;
	color: #bec3cc;
	font-weight: 500;
	display: block;
}
.default_dis_p > p {
	font-size: 12px;
	line-height: 22px;
	color: #27293e;
	font-weight: 500;
}
.default_dis_p > p:last-child {
	margin-bottom: 0;
}
.default_dis_p > h4 {
	text-transform: uppercase;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 16px;
}
.support-page .title_header .inner_header {
	padding: 20px;
	border-radius: 10px;
}
.support-right  .boxselectContainer .select2-container .select2-selection > span.select2-selection__arrow::before {
	color: #27293E !important;
	font-size: 14px;
}
.support-right .user-select-wrp .default_custom_select .boxselectContainer .select2-container {
	margin-right: 0;
}
.support-right .btn.btn-green {
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 15px 25px;
	background-color: #4cb599 !important;
	color: #ffffff !important;
	border-color: #4cb599;
	width: 100%;
}
.support-right .btn.btn-green:hover {
	background-color: #419e85 !important;
}
.support-right .btn.btn-green i.fa-solid {
	margin-left: 10px;
}
.support-form button.btn.btn_green {
	margin: auto;
	width: 100%;
}
.basic_accordion .accordion-collapse .accordion-body {
	background-color: #eceff4;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.basic_accordion button.accordion-button[aria-expanded="true"] {
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	background-color: #444764;
	color: #fff;
}
.basic_accordion button.accordion-button[aria-expanded="true"]::before {
	color: #ffffff;
}
.application_sent_box .check-box {
	text-align: center;
	font-size: 50px;
	background-color: rgb(76 181 153 / 10%);
	border: none;
	border-radius: 10px;
	padding: 15px;
	color: #4cb599;
	font-weight: bold;
	margin-bottom: 15px;
}
.default_h4 {
	font-size: 18px;
	color: #27293e;
	font-weight: bold;
	margin-bottom: 15px;
	text-transform: uppercase;
}
.default_p {
	font-size: 14px;
	line-height: 22px;
	color: #27293e;
	font-weight: 500;
}
/*.premium_lock_column > .card .default_p {
	margin-bottom: 0;
}*/
.basic_textarea {
	font-size: 12px;
	color: #56586c;
	font-weight: bold;
	border: 0px;
	width: 100%;
	resize: vertical;
	min-height: 100px;
}
.basic_textarea:focus {
	outline: none;
}
.textarea-field-group {
	margin-top: 10px;
}
.calendar_form_to {
	margin-bottom: 30px;
}
.calender-data.full_width_calendar table.table {
	margin: 0;
}
.calender-data.full_width_calendar table.table tr.calender-dd {
	padding: 0;
	width: 100%;
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}
.full_width_calendar tr.calender-dd td:first-child {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.full_width_calendar tr.calender-dd td:last-child {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.calender-data.full_width_calendar .calender-dd .dd {
	width: auto;
	border: none;
	font-size: 14px;
	color: #eceff4;
	font-weight: 500;
	text-transform: uppercase;
	padding: 5px 10px;
}
.calender-data.full_width_calendar tr.calender-dd-date {
	padding: 0;
	width: 100%;
	display: table-row;
	vertical-align: inherit;
	border-color: inherit;
}
.calender-data.full_width_calendar tr.calender-dd-date > td {
	width: auto;
	padding: 5px;
}
.calender-data.full_width_calendar td a.dd-date {
	margin: auto;
}
.basic_table_wrp {
	border: 2px solid #eceff4;
	border-radius: 15px;
	padding: 15px 15px;
}
.basic_table_header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 15px;
}
.basic_table  td.actions_td .icons_actions_btn {
	justify-content: center;
	display: flex;
	align-items: center;
}
.basic_table thead tr {
	background-color: #444764;
}
.basic_table thead tr th {
	text-transform: uppercase;
	font-weight: 500;
	text-align: left;
	font-size: 14px;
	color: #eceff4;
	padding: 10px;
	border: none;
}
.basic_table thead tr th.action_col, td.actions_td {
	text-align: center;
}
.basic_table thead th:first-child {
	border-radius: 10px 0 0 15px;
}
.basic_table thead th:last-child {
	border-radius: 0 10px 15px 0;
}
.basic_table td {
	color: #56586c;
	font-size: 14px;
	font-weight: 500;
	padding: 10px 10px;
	vertical-align: middle;
}
.basic_table tbody tr {
	border-radius: 10px;
	border-top: 5px solid #ffffff;
	transition: all 0.2s ease;
	background-color: #eceff473;
}
.basic_table tbody tr td:first-child {
	border-radius: 10px 0 0 10px;
}
.basic_table tbody tr td:last-child {
	border-radius: 0 10px 10px 0;
}
.basic_table tbody tr:hover {
	background-color: #eceff4;
}
.basic_table tbody tr:hover .icons_actions_btn > .btn_secondary {
	color: #ffffff;
	background-color: #E03535;
}
.small-size-cards-grid {
	width: 100%;
}
.small-size-cards-grid .single-card-wrp .card-img-overlay {
	padding: 10px 10px;
}
.small-size-cards-grid .card span.tag {
	font-size: 8px;
	padding: 0 5px;
	border-radius: 10px;
}
.small-size-cards-grid .card .date {
	font-size: 8px;
}
.small-size-cards-grid .card .card-title {
	font-size: 10px;
	margin-bottom: 5px;
}
.small-size-cards-grid .card .card-text {
	font-size: 8px;
}
.cards-hovered-grids {
	width: 100%;
}
.cards-hovered-grids .single-card-wrp {
	margin: 0;
}
.cards-hovered-grids.slick-slider .slick-slide {
	padding: 0 5px;
}
.cards-hovered-grids.slick-slider .slick-list.draggable {
	margin: 0 -5px;
}
.title-with-btn {
	display: flex;
	align-items: center;
	gap: 15px;
}
.modal-footer-pagination {
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 0;
}
.modal-footer {
	border: none;
	padding: 10px 30px 30px 30px;
}
.title-with-btn > a.btn {
	margin-left: auto;
	flex: 0 0 auto;
}
.modal-footer-pagination {
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 0;
	width: 100%;
	justify-content: center;
}
.modal-footer-pagination > .btn {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: normal;
	background-color: #eceff4;
	border: 0px;
	transition-duration: .3s;
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 13px;
	padding: 15px 25px;
	letter-spacing: 1px;
}
.modal-footer-pagination > .btn:focus, .modal-footer-pagination > .btn:hover {
	box-shadow: none;
}
.btn.btn-green {
	background-color: #4cb599;
	color: #ffffff;
}
.btn.btn-green:hover, .btn.btn-green:focus {
	background-color: #419e85;
	box-shadow: none;
	color: #ffffff;
}
.btn.left-arrow-icon > i.fa-arrow-left {
	margin-right: 5px;
}
.right-arrow-icon > i.fa-arrow-right {
	margin-left: 5px;
}
.detailedCardModal .info_box {
	height: auto;
	margin-bottom: 30px;
}
.img-title-dis.block-cols > .img-wrp {
	width: 100%;
	border: none;
	margin-bottom: 20px;
}
.img-title-dis.block-cols > .dis {
	flex: 0 0 100%;
	margin-left: 0;
}
.img-title-dis > .dis > h4 {
	text-transform: uppercase;
	margin-bottom: 15px;
	font-weight: bold;
	font-size: 16px;
}
.parent_info_box {
	background-color: #454766;
	border: 2px solid #454766;
	border-radius: 10px;
	padding: 15px;
}
.parent_info_box > h4.title {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	color: #eceff4;
}
.title-with-tags > .single_tag {
	flex: 0 0 auto;
	font-size: 10px;
}
.parent_info_box > .info_box {
	margin-bottom: 15px;
}
.parent_info_box > .info_box:last-child {
	margin-bottom: 0;
}
.main-wrapper {
	padding: 50px 0;
}
.row.row-min-guitter {
	margin: 0 -10px;
}
.row.row-min-guitter > [class*="col-"] {
	padding: 0 10px;
}
.calender-title {
	display: flex;
	max-width: 100%;
	align-items: center;
}
.calender-title h5 {
	display: flex;
	align-items: center;
}
.calender-header {
	flex: 0 0 100%;
	display: flex;
	max-width: 100%;
	margin-bottom: 15px;
	align-items: center;
	justify-content: space-between;
}
.table-appointment {
	width: 100%;
}
.calender-header > .calender-arrow {
	margin-left: 10px;
}
.calender-header > .calender-title {
	max-width: calc(100% - 30px);
}
.pending_day_con {
	background: #E55D73;
	font-size: 12px;
	color: #fff;
	padding: 5px 10px;
	margin-left: 8px;
	margin-right: 0;
	width: fit-content;
	margin-top: 0;
	min-width: 30px;
	min-height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 10px;
	line-height: normal;
}
.count_boxes_wrp {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}
.modal_md > .modal-dialog .modal-header {
	border: none;
	padding: 5px;
	position: sticky;
	top: 5px;
	z-index: 1;
}
.modal_md > .modal-dialog .modal-content {
	border-radius: 35px;
}
.modal_md > .modal-dialog .modal-body {
	padding: 30px 15px;
}
.calendor_box {
	width: 100%;
	border: 2px solid #eceff4;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 15px;
}
.days_cols_wrp {
	gap: 5px;
	display: flex;
	justify-content: space-between;
}
.day_cols {
	gap: 5px;
	width: 100%;
	display: flex;
	overflow: auto;
	align-items: center;
	justify-content: space-between;
}
.day_col > a.dd-date {
	border-radius: 6px;
	flex-wrap: wrap;
	color: #444764;
	display: flex;
	height: auto;
	width: 100%;
	min-height: 40px;
	min-width: 40px;
	padding: 3px 6px;
	cursor: pointer;
}
.calendor_box .calender-mm-yy {
	padding: 0;
	margin-bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.calendor_box .calender-mm-yy a {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 6px;
}
.day_col > a.dd-date > label {
	font-size: 12px;
	flex: 0 0 100%;
	margin-top: 2px;
	margin-bottom: 1px;
	line-height: normal;
	display: inline-block;
	cursor: pointer;
}
.day_col > a.dd-date > h6 {
	margin-bottom: 0;
	font-size: 14px;
}
.default_parent_box {
	background-color: #ffffff;
	border: 2px solid #eceff4;
	border-radius: 10px;
	padding: 15px;
}
.day_col > a.dd-date.active {
	color: #ffffff;
}
.day_col > a.dd-date.active.revered::after {
	opacity: 0;
}
.secondary-text {
	color: #E03535;
}
.primary-text {
	color: #444764;
}
.yellow-text {
	color: #F5AF7C;
}
.green-text {
	color: #4cb599;
}
.flex-btn_group > button.btn {
	flex: 1 1 auto;
}
.modal_sm > .modal-dialog .modal-content {
	border-radius: 15px;
}
.supportDetailModal .basic_detail {
	margin-bottom: 15px;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}
.listing-style-cards {
	width: 100%;
}
.listing-style-card .card-actions .icons_actions_btn {
	display: flex;
	gap: 10px;
}
.listing-style-card .card-img img {
	max-width: 100%;
	border-radius: 10px;
	transition: all 0.3s ease;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.listing-style-card .card-img {
	border: none;
	border-radius: 10px;
	background-color: #eceff4;
}
.listing-style-card {
	display: flex;
	/* flex-wrap: wrap; */
	justify-content: space-between;
}
.listing-style-card > .card-content {
	flex-grow: 1;
}
.listing-style-card > .card-content {
	flex-grow: 1;
	margin: 0 15px;
}
.card_style_two .card_actions {
	gap: 5px;
	display: flex;
	margin-top: 0;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	width: 40px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.card_style_two .card_actions > a {
	background-color: #eceff4;
	font-size: 16px;
	text-transform: uppercase;
	color: #27293e;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	transition-duration: .3s;
	padding: 10px;
	display: flex;
	min-width: 40px;
	min-height: 40px;
	align-items: center;
	justify-content: center;
}
.card_style_two .card_actions > a:hover i {
	transform: scale(1.1);
}
.card_style_two .card_actions > .btn_secondary {
	color: #E03535;
}
.card_style_two .card_actions > .btn_secondary:hover {
	background-color: #E03535;
	color: #ffffff;
}
.card_style_two .card_actions > .btn_primary {
	color: #444764;
}
.card_style_two .card_actions > .btn_primary:hover {
	background-color: #444764;
	color: #ffffff;
}
.count_boxes_group {
	background-color: #ffffff;
	border-radius: 15px;
	padding: 15px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}
.tag {
	background-color: #7CD9F5;
	font-size: 12px;
	font-weight: 700;
	padding: 3px 10px;
	display: inline-block;
	border-radius: 5px;
	color: #000000;
}
.premium_tag {
	background-color: #85DDA5 !important;
}
.standard_tag {
	background-color: #F5AF7C !important;
}
.basic_tag {
	background-color: #7CD9F5 !important;
}
.red_tag {
	background-color: #E03535 !important;
	color: #ffffff !important;
}
.listing-style-card .card-img {
	width: 80px;
	height: 80px;
}
.listing-style-card .card-actions {
	align-items: center;
	display: flex;
	justify-content: center;
}
.icons_actions_btn > a {
	background-color: #eceff4;
	font-size: 16px;
	text-transform: uppercase;
	color: #27293e;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	transition-duration: .3s;
	padding: 10px;
	display: flex;
	min-width: 40px;
	min-height: 40px;
	max-width: 40px;
	max-height: 40px;
	align-items: center;
	justify-content: center;
}
.icons_actions_btn a.btn_primary {
	color: #444764;
}
.icons_actions_btn a.btn_primary:hover {
	background-color: #444764;
	color: #ffffff;
}
.icons_actions_btn > .btn_secondary {
	color: #E03535;
}
.icons_actions_btn > .btn_secondary:hover {
	background-color: #E03535;
	color: #ffffff;
}
.listing-style-card > .card-content > h6 {
	font-weight: bold;
	font-size: 12px;
	color: #56586c;
}
.listing-style-card {
	background-color: #ffffff;
	border: 2px solid #444764;
	border-radius: 10px;
	padding: 5px;
	margin-bottom: 15px;
}
.listing-style-card:last-child {
	margin-bottom: 0;
}
textarea.textarea-default-style {
	float: left;
	outline: none;
	padding: 15px;
	box-shadow: none;
	border: 2px solid #ECEFF4;
	border-radius: 10px;
	resize: none;
	width: 100%;
	font-size: 12px;
	line-height: 22px;
	color: #27293e;
	font-weight: 500;
	min-height: 100px;
}
.supportDetailModal .modal-body .row {
	margin-bottom: 30px;
}
.info_box > h6 > .tag {
	flex: 0 0 auto;
}
.modal_sm  .modal_header_banner {
	border-radius: 15px;
}
.modal_sm .modal_header_banner::before {
	border-radius: 15px;
}
.supportDetailModal .modal-body .row:last-child {
	margin-bottom: 15px;
}
.modal_sm > .modal-dialog .modal-header {
	border: none;
}
/*.parent_info_box > .basic_detail:last-child {
	margin-bottom: 0;
}*/
.main-modal-title > p {
	margin-bottom: 20px;
	font-size: 13px;
	line-height: 22px;
	color: #27293e;
	font-weight: 400;
}
.icons_actions_btn > a.btn_primary_style {
	width: auto;
	min-width: inherit;
	max-width: inherit;
	font-size: 11px;
	padding: 10px 15px;
	min-height: inherit;
	display: flex;
	justify-content: center;
	align-items: center;
}
.columns_group .column_wrp {
	margin-bottom: 30px;
}
.earnings_wrp th.total_hours_col {
	min-width: 120px;
}
.earnings_wrp th.total_amount_col {
	min-width: 130px;
}
.earnings_wrp th.total_session_col {
	min-width: 140px;
}
.vertical_count_boxes {
	flex-direction: column;
}
.vertical_count_boxes > .count_box {
	width: 100%;
}
.earnings_wrp_inner .count_boxes_group {
	border-radius: 10px;
}
.earnings_wrp_inner th.month_col {
	text-align: left;
}
.earnings_wrp_inner tbody td:first-child {
	text-align: left;
}
.earnings_wrp_inner .support_reqs_filters .default_search {
	max-width: 250px;
}
.earnings_wrp_inner table.table {
	margin: 0;
}
.form-group-label {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
.custom-model-banner.with-btns-right {
	padding-right: 150px;
	padding-left: 150px;
}
.info_box > h5 {
	font-size: 12px;
	margin-bottom: 10px;
	font-weight: 600;
	color: #454766;
}
.calendar_form_to_wrp .parenst-name-session {
	padding: 0;
	background-color: transparent;
	margin: auto;
}
.calendar_form_to_wrp .search-nanny .gap10 {
	gap: 10px;
}
.calendar_form_to_wrp .calender-data-form .search-nanny .field-group {
	margin-bottom: 10px;
}
.calendar_form_to_wrp .search-nanny .field-btns-row {
	margin-top: 20px;
	flex-wrap: wrap;
}
.selected-from > .select_time {
	flex: auto;
}
.selected-from > .select_time > div {
	flex: 1 1 auto;
}
.selected-from > .select_time > div > span.select2 {
	width: 100% !important;
}
.selected-from > .select_time > .select_time-from {
	flex: 0 0 calc(50% - 20px);
	margin-right: 10px;
	padding-right: 10px;
}
.custom-model-banner.with-btns-right {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.custom-model-banner.with-btns-right > .nanny-popup-btns {
	top: 50%;
	transform: translateY(-50%);
	width: 110px;
}
.custom-model-banner.with-btns-right > .nanny-popup-btns > a {
	padding: 8px 5px;
	text-align: center;
	font-size: 11px;
	line-height: normal;
}
.calendar_form_to_wrp.parent_info_box .form-group-checkbox .form-check-input[type="checkbox"]:checked {
	border: 1px solid #ffffff !important;
}
.tags_box_with_btn {
	gap: 15px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.tags_box_with_btn > .info_tags {
	background-color: #ffffff;
	border-radius: 10px;
	padding: 15px;
	/*	flex: 1 1 auto;*/
	justify-content: center;
}
.tags_box_with_btn > .action_btn {
	flex: 0 0 auto;
}
.custom-model-wrap .modal-body {
	padding-top: 30px;
}
.application_sent_box .default_p {
	text-align: center;
}
.custom-model-main {
	align-items: flex-start;
	display: flex;
}
.select-nanny-level {
	width: 100%;
}
.select-nanny-level > span.select2 {
	width: 100% !important;
}
.pending_day_con i {
	margin-right: 5px;
}
.modal.modal_fixed {
	overflow: hidden;
	height: 100vh;
}
.modal_fixed > .modal-dialog .close-btn {
	top: -10px;
	right: -15px;
}
.modal_fixed > .modal-dialog {
	height: 100vh;
}
.modal.modal_fixed > .modal-dialog {
	height: calc(100vh - 30px);
	margin: 15px auto;
}
.modal.modal_fixed > .modal-dialog > .modal-content {
	max-height: 100%;
	padding: 0 10px 10px 10px;
}
.modal.modal_fixed > .modal-dialog > .modal-content > .modal-header {
	position: sticky;
	top: 0;
	padding: 10px 10px;
	margin: 0 -10px;
	background-color: #ffffff;
	border-radius: 50px;
}
.modal_fixed .modal_hader_banner {
	margin: 0;
}
.modal.modal_fixed .modal-dialog .modal-body {
	height: calc(100% - 170px);
	padding: 30px 0;
	overflow: auto;
}


:root {
	--litepicker-container-months-color-bg: #444764;
	--litepicker-day-color-hover: #27293e;

	--litepicker-is-today-color: #f44336;
	--litepicker-is-in-range-color: #bbdefb;


	/*--litepicker-container-months-box-shadow-color: #ddd;
	--litepicker-footer-color-bg: #fafafa;
	--litepicker-footer-box-shadow-color: #ddd;
	--litepicker-tooltip-color-bg: #fff;
	--litepicker-month-header-color: #333;
	--litepicker-button-prev-month-color: #9e9e9e;
	--litepicker-button-next-month-color: #9e9e9e;
	--litepicker-button-prev-month-color-hover: #2196f3;
	--litepicker-button-next-month-color-hover: #2196f3;
	--litepicker-month-width: calc(var(--litepicker-day-width) * 7);
	--litepicker-month-weekday-color: #9e9e9e;
	--litepicker-month-week-number-color: #9e9e9e;
	--litepicker-day-width: 38px;
	--litepicker-day-color: #333;
	
	--litepicker-is-locked-color: #9e9e9e;
	--litepicker-is-start-color: #fff;
	--litepicker-is-start-color-bg: #2196f3;
	--litepicker-is-end-color: #fff;
	--litepicker-is-end-color-bg: #2196f3;
	--litepicker-button-cancel-color: #fff;
	--litepicker-button-cancel-color-bg: #9e9e9e;
	--litepicker-button-apply-color: #fff;
	--litepicker-button-apply-color-bg: #2196f3;
	--litepicker-button-reset-color: #909090;
	--litepicker-button-reset-color-hover: #2196f3;
	--litepicker-highlighted-day-color: #333;
	--litepicker-highlighted-day-color-bg: #ffeb3b;*/
}
section.lightpick {
	z-index: 1;
	background-color: #444764;
}
section.lightpick__month {
	background-color: var(--litepicker-container-months-color-bg);
}
.lightpick__day:not(.is-disabled):hover {
	color: var(--litepicker-day-color-hover);
	background-color: #eceff4;
	background-image: none;
	border-radius: 40px;
}
.lightpick__days-of-the-week {
	color: #eceff4;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
}
.lightpick__days {
	color: #eceff4;
}
.lightpick__day.is-in-range {
	background-color: rgba(39,41,62,0.5);
}
/*.lightpick__day.is-available.is-start-date {
	border-radius: 40px;
}*/
.lightpick__day.is-start-date.is-in-range, .lightpick__day.is-end-date.is-in-range.is-flipped {
	background-color: #27293e;
}
.lightpick__day.is-end-date.is-in-range, .lightpick__day.is-start-date.is-in-range.is-flipped {
	background-color: #27293e;
}
.lightpick__day.is-start-date, .lightpick__day.is-end-date, .lightpick__day.is-start-date:hover, .lightpick__day.is-end-date:hover {
	background-color: #27293e;
	background-image: none;
	color: #eceff4;
}
.lightpick__day.is-available.is-start-date.is-end-date.is-in-range {
	background-color: #27293e;
	background-image: none;
	border-radius: 40px;
}
.lightpick__day.is-available.is-end-date.is-in-range {
	border-radius: 0;
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
}
.lightpick__day.is-today {
	background-image: none;
	background-color: #e55e73;
	position: relative;
	color: #eceff4;
	border-radius: 30px;
}
.lightpick__day.is-today::before {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	background-color: #eceff4;
	width: 5px;
	height: 5px;
	bottom: 5px;
	border-radius: 20px;
}
.lightpick__day.is-available.is-today.is-start-date {
/*	background-color: #e55e73;*/
border-radius: 40px;
color: #ffffff;
}
.lightpick__day.is-available.is-today.is-start-date:hover {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.lightpick__day.is-available.is-today.is-start-date::before {
	background-color: #ffffff;
}
.lightpick__day.is-available.is-today.is-start-date.is-end-date.is-in-range {
	border-radius: 40px;
	background-color: #e55e73;
	color: #ffffff;
}
.lightpick__day.is-available.is-today.is-start-date.is-end-date.is-in-range::before {
	background-color: #ffffff;
}
.lightpick__day.is-available.is-today.is-start-date.is-in-range {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.lightpick__month-title-bar .lightpick__month-title {
	margin: 0;
}
.lightpick__month-title-bar select.lightpick__select {
	direction: ltr;
	color: #ffffff;
	background-color: #eceff4;
	color: #444764;
	padding: 2px 5px;
	border-radius: 2px;
	font-size: 13px;
	appearance: auto;
}
section.lightpick .lightpick__toolbar > button {
	border-radius: 3px;
	padding: 0;
	height: 24px;
	font-size: 0;
	background-color: #eceff4;
	color: #444764;
	width: 24px;
	display: flex;
	align-items: center;
	position: relative;
}
section.lightpick .lightpick__toolbar > button.lightpick__previous-action::before {
	content: "\f104";
	font-family: 'FontAwesome';
}
section.lightpick .lightpick__toolbar > button.lightpick__next-action::before {
	content: "\f105";
	font-family: 'FontAwesome';
}
section.lightpick .lightpick__toolbar > button::before {
	font-size: 13px;
	color: #444764;
}
section.lightpick .lightpick__toolbar > button:hover {
	background-color: #27293e;
}
section.lightpick .lightpick__toolbar > button:hover::before {
	color: #ffffff;
}

.ui-timepicker-container.ui-timepicker-standard {
	border: 2px solid #eceff4;
	z-index: 1050 !important;
	background-color: #fff;
	border-radius: 10px;
}
.ui-timepicker-container.ui-timepicker-standard .ui-menu {
	max-width: 100%;
}
.ui-timepicker-container.ui-timepicker-standard .ui-menu ul.ui-timepicker-viewport {
	padding-right: 0 !important;
}
.ui-timepicker-standard .ui-menu ul.ui-timepicker-viewport li.ui-menu-item > a {
	background-color: #eceff4;
	width: 100% !important;
	font-size: 12px;
	padding: 5px;
	text-align: left;
	border-radius: 5px;
	padding-right: 0px;
	font-family: "Plus Jakarta Sans";
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	border: none;
	margin: 5px 0;
}
.ui-timepicker-standard .ui-menu ul.ui-timepicker-viewport li.ui-menu-item > a.ui-state-hover {
	background-color: #dddddd;
	color: #212529;
}
.ui-timepicker-standard .ui-menu ul.ui-timepicker-viewport li.ui-menu-item > a:hover {
	background-color: #4cb599;
	color: #ffffff;
}

/*section.lightpick {
	background-color: #444764;
}
section.lightpick .lightpick__month {
	background-color: #444764;
}
.lightpick__month-title-bar .lightpick__month-title {
	margin: 0;
}
.lightpick__month-title-bar select.lightpick__select {
	direction: ltr;
	color: #ffffff;
	background-color: #eceff4;
	color: #444764;
	padding: 2px 5px;
	border-radius: 2px;
	font-size: 13px;
	appearance: auto;
}
section.lightpick .lightpick__toolbar > button {
	border-radius: 3px;
	padding: 0;
	height: 24px;
	font-size: 0;
	background-color: #eceff4;
	color: #444764;
	width: 24px;
	display: flex;
	align-items: center;
	position: relative;
}
section.lightpick .lightpick__toolbar > button.lightpick__previous-action::before {
	content: "\f104";
	font-family: 'FontAwesome';
}
section.lightpick .lightpick__toolbar > button.lightpick__next-action::before {
	content: "\f105";
	font-family: 'FontAwesome';
}
section.lightpick .lightpick__toolbar > button::before {
	font-size: 13px;
	color: #444764;
}
section.lightpick .lightpick__toolbar > button:hover {
	background-color: #27293e;
}
section.lightpick .lightpick__toolbar > button:hover::before {
	color: #ffffff;
}
section.lightpick .lightpick__days-of-the-week .lightpick__day-of-the-week {
	color: #eceff4;
	font-weight: 500;
	text-transform: uppercase;
	padding: 5px 0;
}
section.lightpick .lightpick__day {
	color: #eceff4;
}
.lightpick__day.is-in-range {
	background-color: rgb(39 41 62 / 30%);
}
.lightpick__day.is-end-date.is-in-range {
	background-color: #27293e;
}
.lightpick__day.is-start-date.is-in-range {
	background-color: #27293e;
}
.lightpick__day.is-available.is-start-date.is-in-range.is-end-date {
	background-image: url('../images/active-circle.svg');
	background-color: transparent;
	background-size: 40px;
}
.lightpick__day:not(.is-disabled):hover {
	background-image: url('../images/today-small-circle.svg');
	border-radius: 40px;
	background-color: transparent;
	color: #444764;
}*/


/*section.lightpick .lightpick__day.is-end-date.is-in-range, section.lightpick .lightpick__day.is-start-date.is-in-range.is-flipped {
	background-color: #27293e;
}
section.lightpick .lightpick__day.is-start-date.is-end-date {
	background-image: url('../images/active-circle.svg');
}
section.lightpick .lightpick__day.is-start-date, section.lightpick .lightpick__day.is-end-date, section.lightpick .lightpick__day.is-start-date:hover, section.lightpick .lightpick__day.is-end-date:hover {
	background-image: url('../images/active-circle.svg');
}
section.lightpick .lightpick__day.is-start-date.is-in-range, section.lightpick .lightpick__day.is-end-date.is-in-range.is-flipped {
	background-color: #27293e;
}
*/
@media screen and ( min-width: 1200px ) {
	.container {
		max-width: 1250px;
	}
}
@media screen and ( max-width: 991px ) {
	.earnings_wrp_inner .count_boxes_group {
		margin-top: 30px;
	}
	.YourRequestModal .parenst-name-session {
		margin-top: 30px;
	}
	.support-left {
		margin-bottom: 30px;
	}
	.YourRequestModal .parenst-name-session .field-row {
		flex-wrap: wrap;
		gap: 0;
	}
	.custom-model-main .info_box .default_img_wrp {
		margin-bottom: 30px;
	}
	.info_box_tags_row .info_box {
		margin-bottom: 20px;
		height: auto;
	}
	.calendar_form_to_wrp.parent_info_box .parenst-name-session {
		margin-top: 30px;
	}
	.calendar_form_to_wrp.parent_info_box .parenst-name-session .field-row {
		flex-wrap: wrap;
	}
	.calendar_form_to_wrp.parent_info_box .parenst-name-session .field-row .field-group {
		margin-bottom: 0;
	}
	.calendar_form_to_wrp.parent_info_box .parenst-name-session .form-group-checkbox {
		margin-top: 10px;
	}
	.custom-model-main.model-open {
		top: 0;
	}
	.custom-model-wrap .default_img_wrp {
		margin-bottom: 30px;
	}
}
@media screen and ( max-width: 767px ) {
	.calendar_form_to .calender-data1 {
		width: 100%;
		margin: auto;
		margin-top: 30px;
	}
	.calendar_form_to .calender-data1 > #selected-day {
		padding: 0;
	}
	.custom-model-banner.with-btns-right {
		flex-direction: column;
		padding-right: 25px;
		padding-left: 25px;
		flex-wrap: wrap;
	}
	.custom-model-banner.with-btns-right > .nanny-popup-btns {
		transform: translateY(0);
		position: relative;
		margin-top: 15px;
		margin: auto;
		width: auto;
		gap: 10px;
		top: 0;
	}
	.custom-model-banner.with-btns-right > .nanny-popup-btns > a {
		padding: 10px 15px;
		margin-bottom: 0;
	}
}

@media screen and ( max-width: 575px ) {
	.modal-footer-pagination {
		margin-top: 20px;
		flex-wrap: wrap;
	}
	.modal-footer-pagination > .btn.blue-btn {
		order: 2;
	}
	.modal-footer-pagination > .btn {
		flex: 0 0 100%;
	}
	.modal-footer {
		padding: 0 15px 30px 15px;
	}
	.cards-hovered-grids .single-card-wrp .card-img-overlay {
		padding: 15px 15px;
	}
	.cards-hovered-grids .card span.tag {
		font-size: 11px;
		padding: 2px 8px;
	}
	.cards-hovered-grids .card .date {
		font-size: 11px;
	}
	.cards-hovered-grids .card .card-title {
		font-size: 14px;
	}
	.cards-hovered-grids .card .card-text {
		font-size: 11px;
	}
	.earnings_wrp_inner .support_reqs_filters .default_search {
		max-width: 100%;
	}
}
/* Default Css Ends From Here */


/* Parent Listing Css Starts From Here */
.filers_header .filterOptions {
	background-color: #ffffff;
	border-radius: 15px;
	padding: 15px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
}
.filers_header .filterOptions .select2-container {
	width: auto !important;
	border-radius: 10px;
	padding-right: 35px;
	/*margin-right: 0;
	padding-left: 15px;*/
	/*border-color: #868D98;
	background-color: #868D98;*/
}
.filers_header .filterOptions .select2-container .select2-selection > .select2-selection__rendered {
	/*font-weight: 500;
	padding-left: 0;*/
/*	color: #ffffff;*/
/* max-width: calc(100% - 20px); */
/* width: 100%; */
/* text-overflow: ellipsis; */
/* white-space: nowrap; */
}
.filers_header .filterOptions .select2-container .select2-selection > span.select2-selection__arrow {
	/* background-image: url('../images/arrow-down.svg'); */
	/* background-position: center; */
	/* background-size: 20px; */
	/* background-repeat: no-repeat; */
	display: block;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	height: 25px;
	width: 12px;
	transition: all 0.3s ease;
}
.default_custom_select .boxselectContainer .select2-container .select2-selection > span.select2-selection__arrow {
	display: block;
	top: 50%;
	transform: translateY(-50%);
	right: 10px;
	height: 25px;
	width: 12px;
	transition: all 0.3s ease;
}
.filers_header .filterOptions .select2-container .select2-selection > span.select2-selection__arrow::before, .default_custom_select .boxselectContainer .select2-container .select2-selection > span.select2-selection__arrow::before {
	content: "\f175";
	font-family: "Font Awesome 6 Free";
	color: #d8dbe1;
	font-weight: 900;
}
.filers_header .filterOptions .select2-container .select2-selection > span.select2-selection__arrow b {
	display: none;
}
.filers_header .filterOptions .select2-container.select2-container--open .select2-selection > span.select2-selection__arrow {
	transform: rotateX(180deg) translateY(50%);
}
.default_custom_select .boxselectContainer .select2-container.select2-container--open .select2-selection > span.select2-selection__arrow {
	transform: rotateX(180deg) translateY(50%);
}
.default_custom_select .boxselectContainer .select2-container .select2-selection > span.select2-selection__arrow b {
	display: none;
}

.single-card-wrp {
	margin: 15px 0;
}
.single-card-wrp .card {
	border-radius: 30px;
	border: none;
}
.single-card-wrp .card > .card-img-top {
	height: 100%;
	width: 100%;
	object-fit: cover;
	border-radius: 30px;
}
.card-hovered-body {
	opacity: 0;
	display: none;
	visibility: hidden;
	transition: all 0.2s ease;
}
.single-card-wrp .card-img-overlay {
	padding: 10px 20px;
}
.card_details_wrp {
	height: 100%;
	display: flex;
	flex-wrap: wrap;
}
.card_top {
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: flex-start;
}
.card_top .date {
	display: inline-block;
	font-size: 12px;
	color: #ffffff;
	text-align: right;
}
.card_bottom {
	margin-top: auto;
	width: 100%;
}
.card_bottom .card-title {
	font-size: 16px;
	color: #ffffff;
	margin-bottom: 10px;
}
.card_bottom .card-text {
	font-size: 12px;
	color: #ffffff;
	letter-spacing: 1px;
	margin: 0;
}
.card_bottom > .btn-primary {
	background-color: #E03535;
	border-color: #E03535;
	border-radius: 25px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 5px 15px;
	transition: all 0.2s ease;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	width: auto;
	display: block;
}
.activation-required-card .card_bottom > .btn-primary {
	padding: 30px 15px;
	margin-right: -15px;
	margin-left: -15px;
	margin-bottom: -5px;
}
.card_bottom > .btn-primary:hover, .card_bottom > .btn-primary:focus, .card_bottom > .btn-primary:not(.disabled):active {
	box-shadow: none;
	background-color: #ce3c3c;
	border-color: #ce3c3c;
	color: #ffffff;
}
.account-inactive-card .card_bottom > .btn-primary {
	margin-right: -5px;
	margin-left: -5px;
	margin-bottom: -6px;
}
.single-card-wrp .card-hovered-body {
	display: block;
	cursor: pointer;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border-radius: 30px;
	background-color: rgb(79 89 105 / 70%);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
	transition: all 0.3s ease;
	visibility: hidden;
	opacity: 0;
}
.single-card-wrp .card-hovered-body .svg-icon svg {
	fill: #ffffff;
	height: 50px;
	width: 50px;
	display: block;
}
.single-card-wrp .card:hover .card-hovered-body {
	opacity: 1;
	visibility: visible;
}
.cards_listing {
	margin-top: 30px;
	margin-bottom: 30px;
}
.filers_header {
	margin-top: 50px;
}
.company_results_table {
	border: 2px solid #eceff4;
	border-radius: 15px;
	padding: 15px 15px;
	min-height: 230px;
}
.company_results_table .parent_th_span {
	text-align: left;
}
.company_results_table_body {
	background-color: #ffffff;
	margin-top: 10px;
	padding: 20px;
	border-radius: 15px;
}
.company_resut_header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.company_resut_header > h2 {
	font-size: 16px;
	color: #27293e;
	font-weight: bold;
	margin-bottom: 0px;
}
.default_custom_select .boxselectContainer .select2-container {
	width: auto !important;
	padding-right: 35px;
	padding-left: 2px;
}
.company_resut_header > .result_year_select {
	margin-left: 50px;
}
tr.calender-months {
	background-color: #444764;
}
.parent_th_col {
	min-width: 150px;
}
/*th.parent_th_col {
	position: sticky;
	left: 0;
}*/
th.parent_th_col:first-child {
	border-radius: 10px 0 0 10px;
}
.calender-months th:last-child, .total_results_tr td:last-child {
	border-radius: 0 10px 10px 0;
}
.calender-months th, .company_results_table tbody td {
	font-size: 14px;
	color: #56586c;
	font-weight: 500;
	text-transform: uppercase;
	padding: 5px;
	text-align: center;
}
.calender-months th {
	padding: 10px;
	color: #eceff4;
}
.company_results_table td .dd-date {
	margin: auto;
	width: 40px;
}
.company_results_table tbody .parent_th_col, .company_results_table tfoot .parent_th_col {
	padding: 5px;
}
span.parent_th_span {
	font-size: 14px;
	color: #56586c;
	font-weight: 500;
	text-transform: uppercase;
	text-align: center;
	display: inline-block;
}
.total_results_tr {
	background-color: #eceff4a3;
}
.company_results_table > .table-responsive {
	max-height: 500px;
	overflow: auto;
}
.cards_listing_body {
	padding: 15px 30px;
	background-color: #ffffff;
	border-radius: 30px;
}

/* Modal Css Starts From Here */
.parentsModal .modal-dialog, .requestsModal .modal-dialog, .modal_xl .modal-dialog {
	max-width: 1400px;
	padding: 0 50px;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
.modal_md > .modal-dialog {
	padding: 0 50px;
	max-width: 1000px;
}
.parentsModal .modal-dialog .modal-content, .requestsModal .modal-dialog .modal-content, .modal_xl .modal-dialog .modal-content {
	border-radius: 35px;
}
.modal_header_banner > * {
	z-index: 1;
}
.parentsModal .modal-header, .requestsModal .modal-header, .modal_xl .modal-header  {
	padding: 5px;
	border: none;
}
.parentsModal .modal-body, .requestsModal .modal-body, .modal_xl .modal-body {
	padding: 30px 15px;
}
.parent-img {
	width: 100%;
	border: 5px solid #eceff4;
	background-color: #eceff4;
	border-radius: 25px;
	overflow: hidden;
}
.parent-img > img {
	width: 100%;
	border-radius: 20px;
	transition: all 0.3s ease;
}
.parent-img:hover > img {
	transform: scale(1.05);
}
.modal_header_banner {
	width: 100%;
	background-size: cover;
	border-radius: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	padding: 25px;
	padding-right: 110px;
	padding-left: 110px;
}
.modal_header_banner > .nanny-popup-btns {
	top: 50%;
	transform: translateY(-50%);
}
.modal_header_banner::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 30px;
	background-color: rgb(39 41 62 / 80%);
}
.modal_header_banner > h5.modal-title {
	flex: 0 0 100%;
	font-size: 26px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	display: block;
}
.modal_header_banner > img {
	width: 70px;
	margin: auto;
	display: block;
}
.basic_detail {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	background-color: #ffffff;
	border: 2px solid #444764;
	border-radius: 10px;
	padding: 5px 10px;
	gap: 15px;
	font-size: 16px;
	color: #27293e;
	font-weight: bold;
	margin-bottom: 20px;
}
.basic_detail > .right-col > .tag {
	flex: 0 0 auto;
}
.basic_detail > h2 {
	font-weight: bold;
	margin-bottom: 0;
	font-size: 16px;
/*	width: 100%;*/
}
.text-ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
}
.basic_detail > .right-col {
	/*	text-align: right;*/
	align-items: center;
	max-width: 100%;
	flex: 0 0 auto;
	display: flex;
	gap: 10px;
}
.parent_boxes {
	flex-wrap: wrap;
	display: flex;
	gap: 15px;
	flex: 1;
}
.count_box {
	text-transform: uppercase;
	background-color: #ffffff;
	border: 2px solid #444764;
	border-radius: 10px;
	padding: 10px 10px;
	flex-grow: 1;
}
.count_box > h6 {
	margin-bottom: 5px;
	font-size: 12px;
	color: #444764;
	font-weight: 500;
	display: block;
}
.count_box > h6 > span.small {
	font-size: 10px;
}
.count_box > h2 {
	margin-bottom: 0;
	font-size: 32px;
	color: #27293e;
	font-weight: bold;
}
.parents_detail .row {
	margin-bottom: 30px;
}
.info_box {
	background-color: #ffffff;
	border: 2px solid #454766;
	border-radius: 10px;
	padding: 15px;
	height: 100%;
}
.info_box > h6 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 10px;
	font-size: 12px;
	color: #454766;
	font-weight: 500;
	gap: 10px;
	/*	display: block;*/
}
.info_box > h6 > .date {
	flex: 0 0 auto;
}
.info_box > p {
	font-size: 12px;
	line-height: 22px;
	color: #454766;
	font-weight: 500;
}
.info_box > p:last-child {
	margin-bottom: 0;
}
.info_tags {
	gap: 10px;
	display: flex;
	flex-wrap: wrap;
}
.parent-dis {
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.single_tag {
	background-color: #444764;
	color: #eceff4;
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: 11px;
	font-weight: 500;
}
.single_tag p:last-child {
	margin-bottom: 0;
}
.issue_tag {
	background-color: #c17b78;
	color: #ffffff;
}
.btn.btn_secondary {
	background-color: #E03535;
	border: 1px solid #E03535;
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 15px 25px;
	transition: all 0.2s ease;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	width: auto;
	display: block;
	color: #ffffff;
}
.btn_group {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 15px;
}
.btn_group > button.btn {
	flex: auto;
}
.btn.btn_secondary:hover, .btn.btn_secondary:focus {
	box-shadow: none;
	background-color: #ce3c3c;
	border-color: #ce3c3c;
	color: #ffffff;
}
.btn.btn_yellow {
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 15px 25px;
	background-color: #F5AF7C !important;
	color: #ffffff !important;
}
.btn.btn_yellow:hover, .btn.btn_yellow:focus {
	box-shadow: none;
	color: #F5AF7C !important;
	background-color: transparent !important;
	border-color: #F5AF7C !important;
}
.btn.btn_green {
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 15px 25px;
	background-color: #4cb599 !important;
	color: #ffffff !important;
}
.btn.btn_green:hover, .btn.btn_green:focus {
	box-shadow: none;
	color: #4cb599 !important;
	border-color: #4cb599 !important;
	background-color: #ffffff !important;
}
.btn.btn_primary {
	color: #ffffff;
	background: #444764;
	border-radius: 10px;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 15px 25px;
	transition: all 0.2s ease;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	width: auto;
	display: block;
}
.btn.btn_primary:hover, .btn.btn_primary:focus {
	background: #444764e5;
	box-shadow: none;
	color: #ffffff;
}
.btn_yellow {
	color: #F5AF7C !important;
}
.btn_yellow:hover {
	background-color: #F5AF7C !important;
	color: #FFFFFF !important;
}
.btn_green {
	color: #4cb599 !important;
}
.btn_green:hover {
	background-color: #4cb599 !important;
	color: #ffffff !important;
}
.title-with-inline-tags {
	justify-content: flex-start;
	padding: 15px
}
/* Modal Css Ends From Here */

@media screen and ( max-width: 1400px ) {
	.single-card-wrp .card-img-overlay {
		padding: 10px 15px;
	}
	.activation-required-card .card_bottom > .btn-primary {
		margin-right: -10px;
		margin-left: -10px;
	}
	.account-inactive-card .card_bottom > .btn-primary {
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0;
	}
	.tag {
		font-size: 11px;
		padding: 3px 5px;
	}
	.card_top .date {
		font-size: 11px;
	}
}
@media screen and ( max-width: 1199px ){
	.cards_listing_body > .row > .col-md-3 {
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
}
@media screen and ( max-width: 991px ){
	.cards_listing_body > .row > .col-md-3 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.parents_detail .second_row > .col-md-12 {
		margin-bottom: 30px;
	}
}
@media screen and ( max-width: 767px ){
	.modal_header_banner > h5.modal-title {
		font-size: 18px;
	}
	.main-modal-title h2 {
		margin-bottom: 20px;
	}
	.cards_listing_body > .row > .col-md-3 {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.company_resut_header > .result_year_select {
		margin-left: auto;
	}
	.parents_detail .second_row > .col-md-6 {
		margin-bottom: 30px;
	}
	.parents_detail .third_row > .col-md-4 {
		margin-bottom: 30px;
	}
	.parents_detail .third_row > .col-md-4:last-child, .parents_detail .second_row > .col-md-6:last-child {
		margin-bottom: 0;
	}
	.parent-img {
		margin-bottom: 30px;
	}
	.basic_detail {
		flex-wrap: wrap;
		gap: 5px;
	}
}
@media screen and ( max-width: 575px ){
	.cards_listing_body {
		padding: 15px 15px;
		background-color: #ffffff;
		border-radius: 30px;
	}
	.parents_detail .third_row > .col-md-4 {
		margin-bottom: 15px;
	}
	.btn_group button.btn {
		font-size: 13px;
		letter-spacing: 0;
		padding: 14px 14px;
	}
	.parentsModal .modal-dialog, .requestsModal .modal-dialog, .modal_xl .modal-dialog, .modal_md > .modal-dialog {	
		padding: 15px 15px;
	}
	.parentsModal .modal-body, .requestsModal > .modal-dialog .modal-body, .modal_xl > .modal-dialog  .modal-body, .modal_md > .modal-dialog .modal-body {
		padding: 5px 0;
	}
	.single-card-wrp {
		margin: 8px 0;
	}
	.cards_listing_body {
		padding: 7px 15px;
	}
	.parents_detail .second_row > .col-md-12, .parents_detail .second_row > .col-md-6 {
		margin-bottom: 15px;
	}
}
/* Parent Listing Css Ends From Here */		

/********************************/
/* Nannies Css Starts From Here */
/********************************/
.nannies_count_info {
	margin-top: 50px;
}
.nannies_filers_header {
	margin-top: 30px;
}
/******************************/
/* Nannies Css Ends From Here */
/******************************/


/****************************************/
/* Requests Screen Css Starts From Here */
/****************************************/
.title_header .inner_header {
	background-color: #ffffff;
	border-radius: 15px;
	padding: 15px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
	justify-content: space-between;
}
.title_header .default_custom_select .boxselectContainer .select2-container {
	margin-right: 0;
	min-width: 160px;
}
.title_header .inner_header > h2 {
	font-size: 24px;
	color: #27293e;
	margin-bottom: 0;
	font-weight: bold;
}
.small-size-cards-grid .single-card-wrp .card-img-top {
	border-radius: 20px;
}
.title_header {
	margin-bottom: 30px;
	margin-top: 40px;
}
.premium_lock_column {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 15px;
	display: flex;
	justify-content: center;
	min-height: fit-content;
	align-items: center;
	padding: 20px;
	z-index: 1;
	background-color: rgba(255,255,255,0.9);
}
.premium_lock_column > .card {
	border-radius: 15px;
	padding: 30px 20px;
	text-align: center;
}
.premium_lock_column > .card > i {
	font-size: 26px;
	margin-bottom: 15px;
}
.column_wrp {
	background-color: #ffffff;
	border-radius: 15px;
	margin-bottom: 20px;
	align-items: center;
	position: relative;
	flex-wrap: wrap;
	padding: 20px;
	display: flex;
}
.box-colmuns_structure .column_wrp {
	height: auto;
/*	flex-direction: column;*/
}
.column_wrp .cards_listing {
	width: 100%;
	margin: 0;
}
/*.column_wrp .calender-data {
	width: 100%;
}*/
.column_header {
	width: 100%;
	margin-bottom: 20px;
}
.column_header > h2 {
	font-size: 16px;
	color: #27293e;
	font-weight: bold;
	margin-bottom: 0px;
	text-transform: uppercase;
	text-align: center;
	display: block;
}
.card_style_two {
	width: 100%;
	background-color: #ffffff;
	border: 2px solid #eceff4;
	border-radius: 10px;
	padding: 15px 15px;
	position: relative;
	margin-bottom: 15px;
	padding-right: 50px;
}
.card_style_two:last-child {
	margin-bottom: 0;
}
.card_style_two > h2 {
	color: #56586c;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-right: -35px;
}
.card_style_two .meta-info {
	margin-right: -35px;
}
.img-with-tags {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 15px;
}
.img-with-tags > .img_wrp {
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #27293e;
	border-radius: 5px;
}
.img-with-tags > .img_wrp > img {
	border-radius: 5px;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.img-with-tags > .info_tags {
	flex: 0 0 calc(100% - 75px);
	margin-left: 15px;
}
.meta-info > p {
	font-size: 12px;
	line-height: 22px;
	color: #27293e;
	font-weight: 500;
}
.meta-info > p:last-child {
	margin-bottom: 0;
}
.card_actions .app-user-icons {
	justify-content: flex-start;
	flex-wrap: wrap;
}
.card_actions .app-user-icons i {
	color: #999fa9;
	font-size: 18px;
}
.card_actions .app-user-icons .app-user-close {
	padding-left: 0;
}
.popup_module_no-space{
	padding:0px 10px 0px 0px;
}
.popup_module_no-space1{
	padding:0px 0px 0px 10px;
}
.earing_table .app-user-name{
	width: 260px !important;

}
.invoices_table .app-user-name{
	width: 230px !important;

}
.invoices_table .download-payment{
	width: auto;
}
.my_favorite_nannies .app-my-request-btn,
.my_request_table .button-application{
	width:100px;
}
.my_favorite_nannies .app-user-date{
	width:220px;
}
.app-user-icons{
	width: 100%;
    text-align: right;
}

/* Modal Css Starts From Here */
.img-title-dis > .img-wrp {
	border: none;
	background-color: #eceff4;
	border-radius: 10px;
	overflow: hidden;
	min-height: 100%;
	width: 200px;
}
.img-title-dis > .img-wrp > img {
	max-width: 100%;
	border-radius: 10px;
	transition: all 0.3s ease;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.img-title-dis > .img-wrp:hover img {
	transform: scale(1.05);
}
.img-title-dis {
	display: flex;
	flex-wrap: wrap;
	background-color: #ffffff;
	border: 2px solid #454766;
	border-radius: 10px;
	padding: 15px;
	margin-bottom: 30px;
}
.img-title-dis > .dis {
	flex: 0 0 calc(100% - 215px);
	margin-left: 15px;
}
.img-title-dis > .dis > h6 {
	margin-bottom: 10px;
	font-size: 12px;
	color: #bec3cc;
	font-weight: 500;
	display: block;
}
.img-title-dis > .dis > p {
	font-size: 12px;
	line-height: 22px;
	color: #27293e;
	font-weight: 500;
}
.img-title-dis > .dis > p:last-child {
	margin-bottom: 0;
}
.requestsModal .info_box {
	height: auto;
	margin-bottom: 30px;
}
.main-modal-title {
	text-align: center;
}
.main-modal-title h2 {
	font-size: 24px;
	color: #27293e;
	margin-bottom: 20px;
	font-weight: bold;
}

/* Modal Css Ends From Here */

@media screen and (max-width:1399px){
	.user-appointment-data td, .app-user-date, .app-user-time, .app-user-hours{
		width:130px;
		text-align: center;
		justify-content: center;
	}
}
@media screen and ( max-width: 991px ) {
	.box-colmuns_structure .column_wrp {
		margin-bottom: 30px;
	}
	.box-colmuns_structure .col-lg-6:last-child > .column_wrp {
		margin-bottom: 0;
	}
}
@media screen and ( max-width: 767px ) {
	.img-title-dis > .img-wrp {
		width: 100%;
		margin-bottom: 15px;
	}
	.img-title-dis > .dis {
		flex: 0 0 100%;
		margin-left: 0;
	}
	.listing-style-card {
		flex-wrap: wrap;
	}
	.listing-style-card .card-img {
		width: 100%;
		max-width: 100px;
		min-height: 100px;
	}
	.listing-style-card > .card-content {
		margin: 0 0 0 15px;
		flex: 0 0 calc(100% - 115px);
	}
	.listing-style-card .card-actions {
		margin-top: 15px;
	}
}
@media screen and ( max-width: 575px ) {
	.parentsModal .modal-dialog, .requestsModal .modal-dialog {
		padding: 20px 10px;
	}
	.parentsModal .modal-body, .requestsModal .modal-body {
		padding: 15px 0;
	}
	.main-modal-title h2 {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.count_box > h2 {
		font-size: 26px;
	}
	.img-title-dis {
		margin-bottom: 15px;
	}
	.requestsModal .info_box {
		margin-bottom: 15px;
	}
	.main-modal-title h2 {
		margin-top: 15px;
	}
	.listing-style-card > .card-content {
		margin: 15px 0 0 0;
		flex: 0 0 100%;
	}
	.img-with-tags > .img_wrp {
		margin: 0 auto 15px 0;
	}
	.img-with-tags > .info_tags {
		margin-left: 0;
		margin-right: 5px;
		flex-direction: column;
	}
}
/**************************************/
/* Requests Screen Css Ends From Here */
/**************************************/




/* Support Request Css Starts From Here */
.box-colmuns_structure {
	margin-bottom: 30px;
}
.support_reqs_filters {
	gap: 15px;
	width: 100%;
	display: flex;
	margin-bottom: 20px;
	align-items: center;
	justify-content: space-between;
}
.blue-btn {
	display: flex;
	justify-content: center;
	font-size: 13px;
	text-transform: capitalize;
	color: #27293e;
	font-weight: bold;
	text-align: center;
	border-radius: 10px;
	background-color: #eceff4;
	padding: 12px 20px;
	border: 0px;
	transition-duration: .3s;
}
.support_reqs_filters .default_custom_select .boxselectContainer .select2-container {
	min-width: 120px;
	margin-right: 0;
}
.support_reqs_filters .default_search {
	flex-grow: 1;
	margin-left: auto;
}
.support_reqs_filters .default_search input {
	width: 100%;
}
.blue-btn:hover, .blue-btn:focus {
	background-color: #2e8eff;
	color: #fff;
}
.input-search-wrp {
	position: relative;
}
.input-search-wrp input {
	border: 2px solid #eceff4;
	color: #27293E;
	font-size: 13px;
	font-weight: 600;
	border-radius: 12px;
	color: #56586cda;
	padding: 10px 15px 10px 35px;
	max-height: 45px;
}
.input-search-wrp > i {
	position: absolute;
	left: 15px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12px;
	color: #56586cda;
}
@media screen and ( max-width: 575px ) {
	.support_reqs_filters {
		flex-wrap: wrap;
	}
	.support_reqs_filters a.blue-btn {
		flex: 1 1 auto;
	}
	.support_reqs_filters  .filterOptions.default_custom_select {
		flex: 1 1 auto;
	}
	.support_reqs_filters .filterOptions.default_custom_select .boxselectContainer {
		width: 100%;
	}
	.support_reqs_filters .default_custom_select .boxselectContainer .select2-container {
		min-width: 100%;
	}
}
.cancel_session{
	max-width: 800px;
	margin: auto;
}
.popup-confirm{
	background: #85DDA5;
	color: #4F5969;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 15px 8px 40px;
	margin-top: 30px;
	display: block;
	width: fit-content;
	border-radius: 5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:50px;
}
.popup-confirm span{
	padding-left: 10px;
}
.popup-back span{
	padding-right: 10px;
}
.popup-back{
	background: #727986;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	padding: 8px 40px 8px 15px;
	margin-top: 30px;
	display: block;
	width: fit-content;
	border-radius: 5px;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:50px;
}
.popup_btns{
	display: flex;
	width: fit-content;
	align-items: center;
	justify-content: center;
	margin: auto;
}
/* Support Request Css Ends From Here */





/* Payments Page Css Starts From Here */
.tabs-accordion-wrp .support_reqs_filters .default_search {
	max-width: 300px;
}
.company_resut_header > a.blue-btn {
	margin-left: auto;
}
.seperated-rows-table td i.fa-info-circle {
	font-size: 18px;
}
.seperated-rows-table thead tr {
	background-color: #454766;
}
.seperated-rows-table thead tr th:first-child {
	border-radius: 10px 0 0 15px;
}
.seperated-rows-table thead tr th:last-child {
	border-radius: 0 10px 15px 0;
}
.seperated-rows-table th {
	min-width: 100px;
}
.seperated-rows-table th.date_col {
	min-width: 220px;
}
.seperated-rows-table th.amount_col {
	min-width: 140px;
}
.seperated-rows-table thead tr th {
	color: #eceff4;
	padding: 10px;
	border: none;
}
.seperated-rows-table tbody td {
	font-size: 14px;
	color: #56586c;
	font-weight: 500;
	padding: 10px;
	vertical-align: middle;
	background-color: #eceff473;
}
.seperated-rows-table tbody tr td:first-child {
	border-radius: 15px 0 0 15px;
}
.seperated-rows-table tbody tr td:last-child {
	border-radius: 0 15px 15px 0;
}
.seperated-rows-table tbody tr:hover {
	background-color: #eceff4;
}
.seperated-rows-table tbody tr {
	border-top: 5px solid #ffffff;
	transition: all 0.2s ease;
}
.tabs-accordion-wrp {
	margin: 50px 0;
}
.custom_nav .navbar-nav .nav-link .request-count {
	color: #ffffff;
}
.tabs-accordion-wrp .card {
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.03);
	border-radius: 0 15px 15px 15px;
	background-color: #ffffff;
	border: 1px solid #dee2e6;
}
.tabs-accordion-wrp .nav-tabs {
	position: relative;
	border: none;
	padding: 0;
	z-index: 1;
}
.tabs-accordion-wrp .nav-tabs li.nav-item {
	margin-right: 5px;
}
.tabs-accordion-wrp .nav-item a.nav-link {
	border-radius: 15px 15px 0 0;
	background-color: #444764;
	border-color: #444764;
	padding: 10px 15px;
	font-size: 14px;
	color: #ffffff;
}
.tabs-accordion-wrp .nav-item a.nav-link.active {
	color: #27293e;
	background-color: #ffffff;
	border-color: #dee2e6 #dee2e6 #fff;
}
.tabs-accordion-wrp .nav-item a.nav-link:hover {
	background-color: #27293e;
	border-color: #27293e;
}
.tabs-accordion-wrp .nav-item a.nav-link.active:hover {
	background-color: #ffffff;
	border-color: #dee2e6 #dee2e6 #fff;
}
.tabs-accordion-wrp .tab-content {
	border: 1px solid #dee2e6;
	border-radius: 15px;
}
.tabs-accordion-wrp .card-body {
	font-size: 14px;
	line-height: 22px;
	color: #27293e;
	font-weight: 500;
}

.status-btn .filterOptions {
	justify-content: center;
}
.status-btn .default_custom_select .boxselectContainer .select2-container span.select2-selection {
	height: 22px;
}
.status-btn .boxselectContainer .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 5px;
	color: #56586c;
	font-weight: 500;
	line-height: 20px;
}
.status-btn .default_custom_select .boxselectContainer .select2-container .select2-selection > span.select2-selection__arrow {
	height: 20px;
	font-size: 10px;
	display: flex;
	align-items: center;
}
.status-btn .default_custom_select .boxselectContainer .select2-container {
	margin-right: 0;
	min-width: 120px;
	padding: 3px 8px 3px 3px;
	padding-right: 30px;
	border-radius: 8px;
}
.status-btn.pending .default_custom_select .boxselectContainer .select2-container {
	background-color: #F5AF7C;
	border-color: #F5AF7C;
}
.status-btn.overdue .default_custom_select .boxselectContainer .select2-container {
	background-color: #E03535;
	border-color: #E03535;
}
.status-btn.completed .default_custom_select .boxselectContainer .select2-container {
	background-color: #4cb599;
	border-color: #4cb599;
}
.status-btn.pending .default_custom_select .boxselectContainer .select2-container .select2-selection__rendered,
.status-btn.overdue .default_custom_select .boxselectContainer .select2-container .select2-selection__rendered,
.status-btn.completed .default_custom_select .boxselectContainer .select2-container .select2-selection__rendered {
	color: #ffffff;
}
.status-btn.pending .default_custom_select .boxselectContainer .select2-container .select2-selection__arrow::before,
.status-btn.overdue .default_custom_select .boxselectContainer .select2-container .select2-selection__arrow::before,
.status-btn.completed .default_custom_select .boxselectContainer .select2-container .select2-selection__arrow::before {
	color: #ffffff;
}
.status-btn.pending .default_custom_select .boxselectContainer .select2-container:hover {
	background-color: #ffffff;
	border-color: #F5AF7C;
}
.status-btn.overdue .default_custom_select .boxselectContainer .select2-container:hover {
	background-color: #ffffff;
	border-color: #E03535;
}
.status-btn.completed .default_custom_select .boxselectContainer .select2-container:hover {
	background-color: #ffffff;
	border-color: #4cb599;
}

.status-btn.pending .default_custom_select .boxselectContainer .select2-container:hover .select2-selection__rendered,
.status-btn.pending .default_custom_select .boxselectContainer .select2-container:hover .select2-selection__arrow::before  {
	color: #F5AF7C;
}

.status-btn.overdue .default_custom_select .boxselectContainer .select2-container:hover .select2-selection__rendered,
.status-btn.overdue .default_custom_select .boxselectContainer .select2-container:hover .select2-selection__arrow::before  {
	color: #E03535;
}

.status-btn.completed .default_custom_select .boxselectContainer .select2-container:hover .select2-selection__rendered,
.status-btn.completed .default_custom_select .boxselectContainer .select2-container:hover .select2-selection__arrow::before  {
	color: #4cb599;
}

td a.blue-btn {
	padding: 5px 10px;
	justify-content: center;
	font-weight: 500;
}
.seperated-rows-table th.invoice_col {
	min-width: 170px;
}
.seperated-rows-table tbody tr:hover td a.blue-btn {
	background-color: #2e8eff;
	color: #ffffff;
}
.paymentsDetailModal .seperated-rows-table th.hours_col {
	min-width: 150px;
}
.paymentsDetailModal .seperated-rows-table  th.date_col {
	min-width: 110px;
}
.paymentsDetailModal .seperated-rows-table th.time_col {
	min-width: 120px;
}
@media ( min-width:768px ) {
	.tabs-accordion-wrp .nav-tabs {
		display: flex;
	}
	.tabs-accordion-wrp .card {
		border: none;
	}
	.tabs-accordion-wrp .card .card-header {
		display:none;
	}  
	.tabs-accordion-wrp .card .collapse{
		display:block;
	}
	
}
@media screen and ( max-width:767px ) {

	.support_reqs_filters .default_search {
		max-width: inherit;
	}
	.tabs-accordion-wrp .nav-tabs {
		display: none;
	}
	.tabs-accordion-wrp .tab-content > .tab-pane {
		opacity: 1;
		box-shadow: none;
		border-radius: 15px 15px 15px 15px;
		display: block !important;
		margin-bottom: 15px;
		border: none;
	}
	.tabs-accordion-wrp .tab-content {
		border: none;
	}
	.card-header:first-child {
		border-radius: 0;
	}
	.tabs-accordion-wrp .tab-content > .tab-pane > .card-header {
		padding: 0;
		border-radius: 0;
		box-shadow: none;
		border: none;
		background-color: transparent;
	}
	.tabs-accordion-wrp .tab-content > .tab-pane > .card-header > h5 > a {
		font-size: 14px;
		color: #27293e;
		text-transform: capitalize;
		display: flex;
		padding: .75rem 1.25rem;
		border-radius: 15px 15px 0 0;
	}
	.tabs-accordion-wrp .tab-content > .tab-pane > .card-header > h5 > a {
	}
	.tabs-accordion-wrp .tab-content > .tab-pane.active .card-header > h5 > a {
		background-color: #27293e;
		color: #ffffff;
	}
	.tabs-accordion-wrp .tab-content > .tab-pane.active .card-header > h5 > a.collapsed {
		border-radius: 15px;
	}
	.tabs-accordion-wrp .tab-content > .tab-pane .card-header > h5 > a:not(.collapsed) {
		background-color: #27293e;
		color: #ffffff;
	}
	.calender-months th, .company_results_table tbody td, .seperated-rows-table tbody td {
		font-size: 13px;
	}
	.seperated-rows-table td i.fa-info-circle {
		font-size: 16px;
	}
	body .w-14,
	.comfirmation-btn{
		width:100% !important;
	}
}
.label_span{
	text-transform: uppercase;
	color: #fff;
	font-weight: 600;
	font-size: 12px;
	margin-bottom: 10px;
	display: block;
}
.select-the-session-day::placeholder{
	color: #fff;
}
.book-favorite-nanny .select-the-session-day,
.select-children{
	background-color: #717986;
	border: 2px solid #717986;
}
.book-favorite-nanny .select-the-session-day input,
.select-children input{
	color:#fff;
}
.select-children{
	width:50px;
	padding: 5px 10px;
	display: flex;
	background: #717986;
	border-radius: 10px;
	color: #fff;
	margin-right: 8px;
}
.choose-your-time-group{
	padding: 5px 10px;
	display: flex;
	background: #717986;
	border-radius: 10px;
	color: #fff;
	margin-right: 8px;
}
.choose-your-time-group label{
	font-size: 12px;
	margin-bottom: 0px;
	line-height: 27px;
}
.choose-your-time-group  .select2-container{
	width: 80px;
	color: #fff;
}

.label_span-small{
	color: #fff;
	font-weight: 400;
	font-size: 12px;
	margin-top: 15px;
	display: block;
}
.light_grey_bg{
	background-color:#9FA09F;
}
.book-fav-date{
	background: #C7CACF;
	font-size: 12px;
	padding: 7px 10px;
	border-radius: 8px;
	margin-right: 10px;
}
.confirmation-box{
	width:auto;
}
.w-14{
	width:100px !important;
}
.calender-data-form #selected-day {
	padding: 0px 0;
}
.comfirmation-btn{
	width:165px;
}
.book-favorite-nanny.model-open{
	z-index: 3;
	width: 100%;
	margin: auto;
}
.cancel_session.model-open{
	z-index: 4;
	width: 65%;
	margin: auto;
}
/* Payments Page Css Ends From Here */



/* Support page */
.support h1{
	font-size: 50px;
	color: #27293e;
	font-weight: 700;
	font-family: "Plus Jakarta Sans";
}
.support h6{
	font-size: 16px;
	color: #2e8eff;
	font-weight: 600;
	font-family: "Plus Jakarta Sans";
}
.support p{
	font-size: 12px;
	line-height: 20px;
	color: #56586c;
	font-weight: 500;
	font-family: "Plus Jakarta Sans";
}
.basic_accordion {
	margin-top: 20px;
}
.basic_accordion button.accordion-button {
	border: none;
	border-radius: 10px !important;
	background-color: #eceff4;
	font-size: 13px;
	color: #27293e;
	font-weight: 500;
	margin-bottom: 15px;
	text-transform: uppercase;
	padding: 18px;
	width: 100%;
	position: relative;
	text-align: left;
	padding-right: 40px;
	margin-bottom: 0;
}
.basic_accordion .accordion-item:last-child {
	margin-bottom: 0;
}
.basic_accordion button.accordion-button::before {
	font-size: 14px;
	top: 50%;
	transform: translateY(-50%);
}
.basic_accordion .accordion-item {
	margin-bottom: 15px;
}
.basic_accordion .accordion-item:last-child {
	margin-bottom: 0;
}
.basic_accordion .accordion-collapse {
	padding: 0;
	border-radius: 10px;
}
section.support .info_box {
	padding: 25px;
	border: none;
}
.accordion-item{
	border:0px;
	margin-bottom:8px;
}
.accordion-button:focus{
	box-shadow: unset;
}
.accordion-header{
	position: relative;
}
.accordion-button.collapsed:before{
	content: "\f175";
}
.accordion-button:after{
	display: none;
}
.accordion-button:before{
	color: #56586c;
	content: "\f062";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	position: absolute;
	right: 15px;
	font-size: 20px;
	top: 16px;


}
.accordion-collapse{
	padding: 10px;
	font-size: 12px;
	line-height: 20px;
	color: #56586c;
	font-weight: 500;
	font-family: "Plus Jakarta Sans";
	position: relative;
}
.support-btn{
	width: 220px;
	height: 50px;
	border-radius: 12px;
	background-color: #444764;
	margin: auto;
	display: block;
	border: 0px;
	font-size: 12px;
	color: #ffffff;
	font-weight: 700;
	font-family: "Plus Jakarta Sans";
	position: relative;
	padding: 0px 20px 0px 0px;

	margin-top: 10px;

}
.support-btn i{
	position: absolute;
	right: 19px;
	top: 20px;
}
.search-not-found p{
	font-size: 16px;
	line-height: 25px;
	color: #27293e;
	font-weight: 500;
	font-family: "Plus Jakarta Sans";
	text-align: center;
}
.search-btn i{
	font-size: 17px;
	margin-bottom: -5px;
	transform: rotate(90deg);
	position: absolute;
	right: 14px;
	top: 16px;
}
.search-btn{
	height: 50px;
	border-radius: 12px;
	background-color: #4cb599;
	margin: auto;
	display: block;
	border: 0px;
	font-size: 12px;
	color: #ffffff !important;
	font-weight: 700;
	font-family: "Plus Jakarta Sans";
	position: relative;
	margin-top: 30px;
	padding: 14px 30px;
	width: 160px;
	text-align: center;
}

.support-form .form-floating label {
	font-size: 14px;
	font-weight: bold;
	color: #00000036;
}
.support-form .form-floating input,
.support-form .form-floating textarea{
	font-size: 12px;
	color: #56586c;
	font-weight: 500;
	font-family: "Plus Jakarta Sans";
	padding: 14px;
	border-radius: 10px;
	background-color: #ffffff;
	border: 2px solid #eceff4;
	width: 100%;
	margin-bottom: 4px;
	margin-top: 10px;
}
.calender-data-form .select2-container .select2-selection--single .select2-selection__rendered{
	padding: 0px;
}
.calender-data-form .select2-container--default .select2-selection--single .select2-selection__arrow{
	display: none;
}



/* My Profile Page Css Starts From Here */
.with-icon-right > .input-icon {
	transform: translateY(-50%);
	position: absolute;
	color: #8C96A8;
	right: 15px;
	top: 50%;
}
.user-textarea-wrp textarea.inputText {
	height: auto;
	resize: vertical;
}
.user-textarea-wrp .inputText:valid + .floating-label {
	font-size: 14px;
}
.user-textarea-wrp textarea.inputText:focus {
	outline: none;
}
.input_info_p {
	margin: 0 0 5px 0;
	font-size: 14px;
	color: #56586cda;
}
.form_header > h2 {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 15px;
	display: flex;
}
.user-select-wrp .boxselectContainer .select2-container .select2-selection--single .select2-selection__rendered {
	color: #27293E;
	font-size: 14px;
	font-weight: 600;
}
.user-select-wrp .default_custom_select .boxselectContainer .select2-container {
	align-items: center;
	display: flex;
	height: 61px;
}
.user-select-wrp .default_custom_select {
	width: 100%;
}
.user-select-wrp .default_custom_select > .boxselectContainer {
	width: 100%;
}
.my_profile_wrp .user-input-wrp, .my_profile_wrp .user-select-wrp {
	margin-bottom: 20px;
}
.my_profile_wrp .info_box, .my_profile_wrp .title_header .inner_header {
	padding: 20px;
	border: none;
	height: auto;
}
.submit_form_btn {
	text-align: center;
	margin: 30px 0;
}
.form_inputs_group {
	margin-bottom: 40px;
}
.form_inputs_group:last-child {
	margin-bottom: 0;
}
/*.form_inputs_group:last-child .user-select-wrp, .form_inputs_group:last-child .user-input-wrp {
	margin-bottom: 0;
}*/
h2.with-small-txt .small-txt {
	flex: 0 0 auto;
	font-size: 12px;
	margin-left: 10px;
}
.form_header > h2.with-small-txt {
	align-items: flex-end;
}
.info_box.profile_image_info_box {
	margin-bottom: 15px;
}
div#sessionCloseModal .modal-dialog {
    max-width: 600px;
}
.closeMessage, .nanyInfo {
    background-color: #4f5969;
    padding: 10px;
    color: #fff;
    border-radius: 10px;
    margin-bottom: 15px;
}
.closeMessage a, .nanyInfo a {
	color: #fff;
}
.closeMessage h4, .nanyInfo h4 {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 15px;
}
.nanyInfo ul {
    margin: 0;
    padding: 0;
    line-height: normal;
}
.nanyInfo ul li {
    display: inline-block;
    margin-right: 10px;
    background-color: #727986;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 6px;
}
.modal-footer button {
    display: inline-block;
    text-align: center;
    margin: auto;
    width: 40%;
}
.cancelled {
	color: red;
}
.cancelled_parent {
    color: #454762;
}

@media screen and ( max-width: 767px ) {
	.form_header > h2.with-small-txt {
		flex-wrap: wrap;
	}
}
.small-box{
	width: auto !important;
}
.popup_row_bg i{
	font-size: 50px;
	text-align: center;
	color: #454766;
	display: block;
	margin: 16px 0px;
}
/* My Profile Page Css Ends From Here */


.listing-style-card > .card-content > .user-textarea-wrp {
	margin-top: 15px;
}
.listing-style-card > .card-content > .user-textarea-wrp .floating-label {
	font-size: 12px;
}
.listing-style-card > .card-content > .user-textarea-wrp textarea.inputText {
	font-size: 11px;
}
.modal_hader_banner {
	background-size: cover;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 30px;
	padding: 25px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	width: calc(100% + 10px);
	margin: -5px;
}
.modal_hader_banner > img {
	width: 70px;
	margin: auto;
	display: block;
}
.modal_hader_banner > .modal-title {
	font-size: 26px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
	display: block;
	flex: 0 0 100%;
}
.modal_hader_banner::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: linear-gradient(0deg, rgba(30,32,56,0.4), rgba(30,32,56,0.4));
	border-radius: 30px;
}
.modal_hader_banner > * {
	z-index: 1;
}
form#searchNannyFrom .required {
    width: 100%;
    float: left;
    display: block;
    position: absolute;
    left: 15px;
    bottom: -20px;
    color: #f00;
}
.date-time {
    border: 1px solid #ccc;
    width: 100%;
    margin: auto;
    border-radius: 10px;
    margin-top: 10px;
    float: left;
    padding: 6px 12px;
}
span.time-diff {
    background-color: #ccc;
    color: #fff;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 5px;
    float: right;
    margin-top: -13px;
}
.date-time .date {
    float: left;
    font-size: 14px;
}
.date-time .time {
    font-size: 13px;
    float: right;
    background-color: #aaa;
    color: #fff;
    padding: 2px 5px;
    border-radius: 10px;
}
.date-time.noavailable {
    opacity: .3;
}
.date-time.available {
    border-color: #4cb599;
    color: #4cb599;
}
.date-time.noavailable {
    border-color: #e55e73;
    color: #e55e73;
}
span.applied {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: 11px;
    background-color: #4CB599;
    color: #fff;
    border-radius: 40px;
    padding: 1px 6px;
}
div#display_nanny_availibility {
    margin-top: 20px;
    padding-right:5px;
}
div#display_nanny_availibility span.alert.alert-danger {
    font-size: 13px;
}
.modal_hader_applicant {
    background-color: #444764;
    color: #fff;
    width: 100%;
    text-align: center;
    border-top-left-radius: 35px;
    border-top-right-radius: 35px;
    padding: 15px 0;
}
div#applicantModel .modal-header {
    padding: 0;
}
div#applicantModel .modal-content {
    padding: 0;
}
div#applicantModel .modal-dialog {
    width: 100%;
    max-width: none;
}
/*.my_aplicant_table.table-responsive thead {
    border-bottom: 2px solid;
}*/
.my_aplicant_table.table-responsive thead th {
    padding-bottom: 10px;
}
.my_aplicant_table.table-responsive tbody {
    margin-top: 10px;
}
.my_aplicant_table.table-responsive tbody td {
    padding: 10px 5px;
    border-bottom: 1px solid #eee;
}
div#applicant_record span[data-action=accept] {
    color: #008000;
    cursor: pointer;
}
div#applicant_record span[data-action=reject] {
    color: #f00;
    cursor: pointer;
}
.my_aplicant_table td.action {
    width: 150px;
}
.my_aplicant_table td.status {
    width: 100px;
}
span.green {
    color: #008000;
}
span.red {
    color: #f00;
}
span.orrange {
	color: #ffa500;
}
select#filter_by_year {
    position: relative;
    width: 150px;
    z-index: 9;
    cursor: pointer;
    margin-bottom: -38px;
    margin-left: 90px;
}
.session_days span {
    background-color: #777;
    color: #fff;
    padding: 6px 12px;
    border-radius: 8px;
    margin-top: 0;
    display: inline-block;
}
.session_days {
    margin-bottom: 20px;
}
.session_time {
    float: left;
    width: 70%;
}
.session_time .from_time, .session_time .to_time, .session_time .total_hours {
    float: left;
    width: 45%;
    margin-right: 5px;
    margin-bottom: 10px;
}
.session_time input {
    float: left;
    width: 100%;
    border: none;
    font-size: 11px;
}
.session_time label {
    float: left;
    margin-right: 4px;
}

.session_time .total_hours label {
    float: left;
    margin-right: 4px;
    width: 75px;
}
.total_hours span {
    font-size: 11px !important;
    width: auto !important;
    color: #aaa !important;
}
.select_children {
    float: right;
    width: 30%;
}
.select_children input[type="text"] {
    width: 30%;
    text-align: center;
    float: left;
}
.select_children span.minus {
    border: 1px solid;
    padding: 2px 10px 4px;
    float: left;
    line-height: 21px;
    margin-right: 10px;
    background-color: #eee;
    cursor: pointer;
}
.select_children span.plus {
    border: 1px solid;
    padding: 2px 10px 4px;
    float: left;
    line-height: 21px;
    margin-left: 10px;
    background-color: #eee;
    cursor: pointer;
}
.modalCalendarInfo {
    margin-top: 50px;
}
#display_nanny_availibility div:first-child {
	margin-top: 0px;
}
td.profile-img div {
    background-size: cover;
    width: 50px;
    height: 50px;
    border-radius: 5px;
    background-position: center;
}

td.profile-img-100 div {
    background-size: cover;
    width: 100px;
    height: 100px;
    border-radius: 5px;
    background-position: center;
}

.times-meta span.date, .times-meta span.time, .times-meta span.price_hours {
    background-color: #ccc;
    padding: 5px 7px;
    border-radius: 10px;
    margin-right: 4px;
    font-size: 10px;
    display: inline-block;
}
.times-meta span.session_status {
    background-color: #ccc;
    padding: 5px 10px;
    border-radius: 10px;
    margin-right: 10px;
    font-size: 12px;
}
span.session_status.Completed {
    background-color: #008000;
    color: #fff;
}
span.session_status.Pending {
    background-color: #ffa500;
    color: #fff;
}
span.session_status.Cancelled {
    background-color: #f00;
    color: #fff;
}
button.enter_hour {
    background-color: #444764;
    color: #fff;
    border: none;
    width: 100px;
    height: 35px;
    border-radius: 10px;
    font-size: 12px;
}
tr.session {
    border: 1px solid #ccc;
    border-radius: 12px;
    padding: 10px;
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
td.profile-img {
    padding-right: 10px;
}
.listing-style-cards td.card-img img {
    width: 100%;
    border-radius: 10px;
}
.listing-style-cards td.card-img {
	width: auto;
}
table#completed_session tr.listing-style-cards {
    border: 2px solid #000;
    width: 100%;
    border-radius: 10px;
    margin-top: 10px;
    display: table;
}
table#completed_session tr.listing-style-cards .icons_actions_btn {
    margin-top: 20px;
}
.update_message {
    margin-top: 10px;
}

.scrollbar-custom {
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 10px;
    scrollbar-color: #d8dfe8 #edf0f4 !important;
    scrollbar-width: thin !important;
}
.scrollbar-custom::-webkit-scrollbar {
    width: 5px;
}

.scrollbar-custom::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background-color: #d8dfe8;
}
.scrollbar-custom::-webkit-scrollbar-track {
    border-radius: 20px;
    background-color: #edf0f4;
}
.opacity-low {
    opacity: .3;
}
.filers_header .filterOptions .select2-container {
    width: 250px !important;
}
.row.session_details input#datepicker, .row.session_details input#datepickerTo {
    border-radius: 5px;
    width: 120px;
    float: left;
    font-size: 14px;
    padding: 5px;
    border: 1px solid;
}
.row.session_details input#fromTime, .row.session_details input#totime {
    border-radius: 5px;
    width: 70px;
    margin-left: 10px;
    font-size: 14px;
    padding: 5px;
    border: 1px solid;
}
.row.session_details .field-group {
    margin-top: 5px;
    float: left;
}
.col-md-6.back-button {
    text-align: right;
}
.row.session_details button.btn {
    width: 200px;
}
table#completed_session i.fa.fa-info-circle {
    font-size: 20px;
    color: #555;
    cursor: pointer;
}
div#userDetails img {
    width: 100%;
    border-radius: 5px;
}
.col-inner-row {
    background-color: #4f5969;
    color: #eee;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
    position: relative;
}
div#userDetails h5 {
    margin: 0 0 10px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0px;
}
div#userDetails h6 {
    margin: 0 0 10px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0px;
}
.col-inner-row span.tab {
    background-color: #727986;
    border-radius: 5px;
    padding: 5px 8px;
    margin-right: 10px;
    font-size: 13px;
    margin-bottom: 5px;
}
.col-row-child .info_tags {
    background-color: #e0e1e4;
    color: #000;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 14px;
}
.col-row-child .info_tags p {
    margin: 0;
}
.col-inner-row .about_me {
    line-height: 22px;
    margin: 10px 0;
}
.col-row-child {
    margin-bottom: 10px;
}
.col-inner-row a.g-map {
    position: absolute;
    right: 10px;
    top: 5px;
    background-color: #acb0b8;
    color: #fff;
    border-radius: 5px;
    font-size: 10px;
    padding: 2px 10px;
}
div#completed_session_wrapper {
    margin-top: 1px;
}
.column_header.session_upcoming_header h2 {
    font-size: 26px;
}
.column_header.session_upcoming_header input[type="text"] {
    width: 100%;
}
.sessionDataShowTable div#sessionDataShow_wrapper {
    position: inherit;
}
.sessionDataShowTable div#sessionDataShow_wrapper div#sessionDataShow_filter {
    position: absolute;
    right: 23px;
    top: 20px;
    width: 263px;
}
.sessionDataShowTable div#sessionDataShow_wrapper div#sessionDataShow_filter label {
    width: 100%;
}
.sessionDataShowTable div#sessionDataShow_wrapper div#sessionDataShow_filter input[type="search"] {
    width: 100% !important;
    border-radius: 10px;
    padding: 8px 10px;
    border: 2px solid #eceff4;
    font-size: 14px;
}
.level_input {
    position: absolute;
    top: -29px;
    background-color: #333;
    color: #fff;
    font-size: 13px;
    padding: 4px 10px;
    border-radius: 6px;
    width: 300px;
    text-align: center;
    right: -45px;
}
.level_input span {
    margin: 0 10px;
}
.level_input 
 input[type="radio"] {
    margin-right: 3px;
    position: relative;
    top: 3px;
}
.edit_reply {
    float: right;
}
.edit_reply i.fa.fa-pencil {
    font-size: 13px;
    right: 0;
    position: relative;
    border: 2px solid;
    cursor: pointer;
    padding: 4px;
    color: #aaa;
    border-radius: 5px;
    top: 25px;
}
textarea#admin_comment {
    padding-right: 22px;
}
button#admin_reply {
    margin-top: 10px;
    float: left;
}
div#parent_support_filter, div#parent_support_info, div#parent_support_paginate, div#nanny_support_filter, div#nanny_support_info, div#nanny_support_paginate {
    display: none;
}
.reply_status {
    float: left;
    margin-top: 11px;
    margin-left: 8px;
}
.reply_status i.fa-solid.fa-circle-check {
    background-color: #eee;
    color: #4cb599;
    padding: 10px 12px;
    border-radius: 6px;

}
.reply_status i.fa-solid.fa-circle-check:hover {
    background-color: #4cb599 !important;
    color: #ffffff !important;
}
.user-appointment-data .app-user-img img {
    width: 100%;
}
div#nanny_revenue_wrapper button.dt-button.buttons-excel, div#nanny_revenue_filter { 
	display: none !important;
}
div#service_revenue_wrapper button.dt-button.buttons-excel, div#service_revenue_filter { 
	display: none !important;
}
.parents_detail th {
    text-align: left;
}
span.clear {
    display: block;
}
span.pending {
    color: #F5AF7C;
}
span.completed {
    color: #008000;
}
.button_status {
    text-align: center;
    margin: 20px 0 0;
}
div#upcoming_filter, div#upcoming_info, div#upcoming_paginate, div#completed_filter, div#completed_info, div#completed_paginate {
    display: none;
}
.single_tag.premium_tag.nanny_info, .single_tag.standard_tag.parent_info {
    cursor: pointer;
}
.level_button {
    position: relative;
}
.session-info{min-width: 370px;}
.full-width{
	width: 100%;
}
.half-width-left{
	width: 47%;
}
.half-width-right{
	width: 48%;
}
.no-padding {
    padding: 0px!important;
}
.no-padding-left {
    padding-left: 0px!important;
}
#add_availability {
    font-size: 19px;
    padding: 10px 16px;
    border-radius: 12px;
    background: #4CB599;
    color: #fff;
}
.right-arrow-btw{
    font-size: 30px;
    font-weight: lighter;
}
.mr-top-10 {
    margin-top: 10px;
}
.mr-top-20 {
    margin-top: 20px;
}
.availability_info_section_inner{
	border: 1px solid #ccc;
    border-radius: 12px;
}
.availability_info_section_bottom {
	padding: 0px 5px;
    max-height: 190px;
    overflow-y: auto;
    margin-bottom: 10px;
}
.availability_cards {
    background-color: #ccc;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 13px;
    margin-bottom: 6px;
}
.delete_availability {
    float: right;
    color: #444764;
}
.delete_availability_disabled {
    color: #a19e9e;
}
.delete_availability_disabled:hover {
    color: #a19e9e;
}
.session_count {
    border: 1px solid #444764;
    border-radius: 12px;
    background: #444764;
    color: #fff;
    font-size: 10px;
    padding: 2px 10px;
    margin-right: 10px;
}
.fetch_prev {
    margin-right: 10px;
    color: #444764;
}
.fetch_prev_disabled {
    margin-right: 10px;
    color: #a19e9e;
}
.fetch_prev_disabled:hover {
    color: #a19e9e;
}
.fetch_next {
    margin-left: 10px;
    color: #444764;
}
.datepicker_enddate_div{left: -20px;}
.datepicker_action_div{left: -20px;}
.red-font{color: #c17b78;}
.session-cards{min-height: 183px;}
.session-actions {
    width: 100%;
    text-align: right;
}

/*span.app-user-info {
    float: right;
    margin-left: 10px;
}*/

span.pending_day_con_parent {
    padding-left: 8px;
}

i.fa-solid.fa-triangle-exclamation {
/*    color: red;*/
}

.search-nanny_box.Click-here img {
    border-radius: 10px;
}
.session_staus_span.Completed{
	color:#008000;
}
.session_staus_span.Pending{
	color:#F5AF7C;
}
.session_staus_span.Cancelled{
	color:#E03535;
}
#nanny_revenue .calender-months th, #service_revenue .calender-months th{
	text-align: left!important;
}


.btn-light.rotate-left, .btn-light.rotate-right, .btn-light.flip-horizontal, .btn-light.flip-vertical, .btn-light.reset {
    position: relative;
    background: #fff;
    border-radius: 10px;
    padding: 10px 25px 10px 38px;
    font-size: 12px;
    color: #425b76;
    font-weight: 600;
    border: 2px solid #edf0f4;
    transition: all .2s ease;
    position: relative;
    padding: 25px;
    margin: 0 7px;
}
.btn-light.rotate-left:not(:disabled):not(.disabled):active, .btn-light.rotate-left:not(:disabled):not(.disabled).active .btn-light.rotate-left:hover, .btn-light.rotate-right:not(:disabled):not(.disabled):active, .btn-light.rotate-left:not(:disabled):not(.disabled).active .btn-light.rotate-right:hover, .btn-light.flip-horizontal:not(:disabled):not(.disabled):active, .btn-light.rotate-left:not(:disabled):not(.disabled).active .btn-light.flip-horizontal:hover, .btn-light.flip-vertical:not(:disabled):not(.disabled):active, .btn-light.rotate-left:not(:disabled):not(.disabled).active .btn-light.flip-vertical:hover, .btn-light.reset:not(:disabled):not(.disabled):active, .btn-light.rotate-left:not(:disabled):not(.disabled).active .btn-light.reset:hover, .btn-light.rotate-right:not(:disabled):not(.disabled).active .btn-light.rotate-left:hover, .btn-light.rotate-right:not(:disabled):not(.disabled).active .btn-light.rotate-right:hover, .btn-light.rotate-right:not(:disabled):not(.disabled).active .btn-light.flip-horizontal:hover, .btn-light.rotate-right:not(:disabled):not(.disabled).active .btn-light.flip-vertical:hover, .btn-light.rotate-right:not(:disabled):not(.disabled).active .btn-light.reset:hover, .btn-light.flip-horizontal:not(:disabled):not(.disabled).active .btn-light.rotate-left:hover, .btn-light.flip-horizontal:not(:disabled):not(.disabled).active .btn-light.rotate-right:hover, .btn-light.flip-horizontal:not(:disabled):not(.disabled).active .btn-light.flip-horizontal:hover, .btn-light.flip-horizontal:not(:disabled):not(.disabled).active .btn-light.flip-vertical:hover, .btn-light.flip-horizontal:not(:disabled):not(.disabled).active .btn-light.reset:hover, .btn-light.flip-vertical:not(:disabled):not(.disabled).active .btn-light.rotate-left:hover, .btn-light.flip-vertical:not(:disabled):not(.disabled).active .btn-light.rotate-right:hover, .btn-light.flip-vertical:not(:disabled):not(.disabled).active .btn-light.flip-horizontal:hover, .btn-light.flip-vertical:not(:disabled):not(.disabled).active .btn-light.flip-vertical:hover, .btn-light.flip-vertical:not(:disabled):not(.disabled).active .btn-light.reset:hover, .btn-light.reset:not(:disabled):not(.disabled).active .btn-light.rotate-left:hover, .btn-light.reset:not(:disabled):not(.disabled).active .btn-light.rotate-right:hover, .btn-light.reset:not(:disabled):not(.disabled).active .btn-light.flip-horizontal:hover, .btn-light.reset:not(:disabled):not(.disabled).active .btn-light.flip-vertical:hover, .btn-light.reset:not(:disabled):not(.disabled).active .btn-light.reset:hover {
    background-color: #fff;
    color: #425b76;
    border: 2px solid #425b76;
    box-shadow: none;
}
.btn-light.rotate-left:focus, .btn-light.rotate-right:focus, .btn-light.flip-horizontal:focus, .btn-light.flip-vertical:focus, .btn-light.reset:focus {
    box-shadow: none;
}
.btn-light.rotate-left::before, .btn-light.rotate-right::before, .btn-light.flip-horizontal::before, .btn-light.flip-vertical::before, .btn-light.reset::before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%,  -50%);
    width: 40px;
    height: 40px;
}
.btn-light.rotate-left:hover, .btn-light.rotate-right:hover, .btn-light.flip-horizontal:hover, .btn-light.flip-vertical:hover, .btn-light.reset:hover {
    border: 2px solid #425b76;
}
.btn-light.rotate-left::before {
    background: url(../images/rotate-ccw.svg) center center no-repeat;
}
.btn-light.rotate-right::before {
    background: url(../images/rotate-cw.svg) center center no-repeat;
}
.btn-light.rotate-left::before {
    background: #fff url(../images/rotate-ccw.svg) center center no-repeat;
}
.btn-light.flip-horizontal::before {
    background: #fff url(../images/flip-hz.svg) center center no-repeat;
}
.btn-light.flip-vertical::before {
    background: #fff url(../images/flip-vr.svg) center center no-repeat;
}
.btn-light.reset::before {
    background: #fff url(../images/reset.svg) center center no-repeat;
}