	/* =============== Media Queries ================ */
	@media screen and (max-width: 1200px) and (min-width: 1024px){

		.header-container {
			background-size: 100px auto !important;
			background-position: right -9px center !important;
		}
	}

	@media screen and (max-width:1200px) {
		body {
		padding-top: 0px !important;
	}
	app-header .site-header {
		height: 75px;
		position: sticky;
		z-index: 1100;
		top: 0px;
	}
	alt-header header.site-header {
		position: sticky;
		height: 30px;
		top: 0px;
		z-index: 1101;
	}
	alt-header + app-header .site-header {
		top: 30px !important;
	}
	alt-header + app-header .site-header .navigation,
	alt-header + app-header .site-header .userinfoBlock {
		top: 80px;
	}
		.site-header-inner{
			padding-left:44.5px;
			padding-right:44.5px;
		}
		.layout-main{
			padding-top:0px;
		}
		.main-container{
			padding-left:24.5px;
			padding-right:24.5px;
		}
		.layout-right-sidebar .main-container{
			display:block;
		}
		.header-container{
			margin-left:0px;
			margin-right:67px;
		}
		.layout-right-sidebar .contents{
			padding:8px 0 0 0px;
			width:100%;
			display:block;
		}
		.layout-right-sidebar .container-inner{
			padding-right:20px;
			padding-left:20px;
		}
		.right-sidebar{
			display:none;
		}
		.header-right{
			right:17.5px;
			top:14px;
			width:auto;
			margin:0px;
		}
		.header-right-inner{
			box-shadow:none;
			padding:0px;
			background:none;
			height:auto;
		}
		.header-right-inner .profile-block{
			padding-top:23px;
			padding-left:10px;
			width:70px;
			height:75px;
			padding-right:15px;
			position:absolute;
			top:-15px;
			right:12.5px;
		}
		.header-right-inner .profile-img{
			width:30px;
			height:30px;
			cursor:pointer;
		}
		.profile-img .initial {
		width:30px;
		height:30px;
		font-size: 14px;
		line-height: 30px;
	}

		.profile-img img{
			height:100%;
			width:100%;
		}
		.header-right-inner .crown{
			width:20px;
			height:20px;
			top:28px;
			right:15px;
			margin:0px;
		}
		.header-right-inner .crown img{
			width:20px;
			height:20px;
		}
		.header-right-inner .profile-block .crown.material-icons{
			padding-top:0px;
			font-size:12px;
			text-align:center;
		}
		.options-block{
			display:none;
		}
		.show-open .header-right-inner .profile-block{
			background:#fff;
			/*box-shadow: 0 -16px 16px 0 rgba(0, 0, 0, 0.18);*/
		}
		.more-options{
			position:absolute;
			right:12.5px;
			top:61px;
			width:240px;
			-webkit-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			z-index:-1;
		}
		.more-options li a{
			font-size:14px;
			padding-top:15px;
			padding-bottom:14px;
			height:45px;
		}
		.title-row{
			padding-right:1px;
		}
		.card-4{
			width:33.3333%
		}
		.title-row .dropdown-block .text-dropdown{
			width:93px;
		}
		.popup-section{
			left:45px;
		}
		.search-card-block{
			margin:0px -44px 7px -45px;
		}
		.title-live .main-title{
			width: 83%;
		}
		.title-live .dropdown-block {
			width: 17%;
		}
		.userinfoBlock {
		position: fixed;
		z-index: -1;
		bottom: 0;
		top: 75px;
		width: 240px;
		right: -240px;
		background-color: #fff;
		padding-top: 0px;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
		-webkit-box-shadow: -5px 9px 10px 0 rgba(0, 0, 0, 0.18);
		box-shadow: -5px 9px 10px 0 rgba(0, 0, 0, 0.18);
		overflow: auto;
	}
	.userinfoBlock.open {
		right: 0px;
	}
	.mobile-only {
		display: block;
		z-index:11;
	}
	.desktop-only, .last_login_info {
		display: none;
	}
	.site-logo.desktop-only {
		display:block;
	}
	.goto-old {
		display: inline-block;
		left:inherit;
		right:8px;
		width:115px;
		bottom:-90px;
	}
	.notification-bar{
	width:92.2%;
	top:16px;
	left:3.9%;
	z-index:1200;

	}
	}
	@media screen and (max-width:1023px) {
		.header-container {
			background-size: 100px auto !important;
			background-position: right 150px center !important;
		}
		.button-mobile-menu,
		.mobile-only {
			display:inline-block;
		}
		body { padding-top: 0px !important;}
		.bar-navigation li.nav-mobile{
			display:block;
		}
		.button-mobile-menu {
			position: relative;
			float: left;
			padding:0px;
			margin-right:10px;
			background-color: transparent;
			background-image: none;
			border:none;
			margin-left:-3px;
		}
		.button-mobile-menu .md24{
			color:#494949;
			margin-right:6px;
		}
		.desktop-only {
			display: none;
		}
		.show-module .module-true{
			display:none;
		}
		.menu-open .module-true{
			display:block;
		}
		app-header .site-header{
			height:75px;
			/*position:fixed !important;
			z-index:1100;
			top: 0px;	*/
		}
		.back_home .fa-chevron-left{
			margin-right:10px;
			font-size:inherit;
		}
		.site-header-inner {
			padding:0 34px;
			box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.12);
		}
		.header-container{
			padding-top:30px;
			margin-left:0px;
			margin-right:0;
		}
		/*.layout-main{
			padding-top:75px;
		}*/

		.main-container{
			padding-left:34px;
			padding-right:34px;
		}
		.layout-right-sidebar .container-inner{
			padding-right:0px;
			padding-left:0px;
		}
		.contents{
			padding-top:15px;
			padding-right:0px;
			padding-left:0px;
			width:100%;
		}
		.content-inner, .container-inner{
			padding:0px;
		}
		.title-row{
			border-bottom:none;
			padding-right:0px;
		}
		.title-row .main-title{
			width:100%;
			margin:0px;
		}
		.title-row .dropdown-block .text-dropdown{
			width:97px;
		}
		.right-sidebar{
			display:none;
		}
		.creat-job-btn-outer{
			background-color:#eaeaea;
			float:none;
			position:absolute;
			top:0px;
			padding:40px 0;
			text-align:center;
			width:100%;
		}
		.menu-open .navigation{
			left:0px;
		}
		.navigation{
			position:fixed;
			z-index:-1;
			bottom:0;
			top:75px;
			width:240px;
			left:-260px;
			background-color:#fff;
			padding-top:0px;
			-webkit-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
			-webkit-box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.18);
			box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.18);
			overflow: auto;
		}
		.bar-navigation li.open > a, .bar-navigation li.alt-dropdown:hover > a, .bar-navigation li.open > a:focus, .bar-navigation li.open > a:active, .bar-navigation li.open > a.active {
			background: none;
			box-shadow: none;
		}
		.bar-navigation li a{
			font-family:'DIN bold';
			text-transform:uppercase;
			font-size:12px;
			line-height:17px;
			padding:10px 15px;
			display:block;
			color:#777777;
			float:none;
		}
		.bar-navigation li a .fl-left{
			float:none;
		}
		.navigation .bar-navigation > li > a:hover,
		.navigation .bar-navigation > li > a:focus {
			background-color:transparent;
			color:#777777;
		}
		.navigation > .bar-navigation .active > a,
		.navigation > .bar-navigation .active > a:hover,
		.navigation > .bar-navigation .active > a:focus {
			background-color:transparent;
			color:#777777;
			box-shadow:none;
			font-family:'DIN Bold';
		}
		.bar-navigation .open .mdi-chevron-down:before{
			content: "\F143";
		}
		.navigation .dropdown-menu{
			position:inherit;
			width:100%;
			box-shadow:0 0 0;
			border:none;
			float:none;
			background-color:transparent;
		}
		.navigation .dropdown-menu li{
			float:none;
		}
		.navigation .dropdown-menu li a{
			padding:14px 0px 14px 49px;
			font-family:'DIN Regular';
		}
		.bar-navigation li.open a,
		.bar-navigation li.open a:focus ,
		.bar-navigation li.open a:active,
		.bar-navigation li.open a.active{
			background-color:#f5f5f5;
			color:#494949;
			-webkit-box-shadow:0px 0px 0px;
					box-shadow:0px 0px 0px;
		}
		.navigation .dropdown-menu{
			border-radius:0px;
			background-color:#f5f5f5;
			-webkit-box-shadow:0px 0px 0px;
					box-shadow:0px 0px 0px;
		}
		.navigation .bar-navigation .dropdown-menu li:hover a,
		.navigation .bar-navigation .dropdown-menu li:focus a ,
		.navigation .bar-navigation .dropdown-menu li:active a ,
		.navigation .bar-navigation .dropdown-menu li.active a{
			background-color:#f5f5f5;
			color:#494949;
		}
		.navigation .dropdown-menu li:last-child a{
			border-radius:0px;
		}
		.navigation .menu-icon{
			margin-right:15px;
			width:18px;
			float:left;
			display:inline-block;
			height: 15px;
			line-height: 15px;
			color:#aeaeae;
		}
		.navigation .mdi-chevron-down{
			float:right;
			margin-top:3px;
		}
		.bar-navigation{
			float:none;
		}
		.bar-navigation li{
			display:block;
			float:none;
		}
		.nav-mobile .search-form{
			height:45px;
			border-radius:5px;
			background-color:#f5f5f5;
			padding:5px 19px;
			margin-left:15px;
			margin-right:15px;
			margin-top:20px;
			margin-bottom:7px;
		}
		.nav-mobile .form-control{
			border:0px;
			float:left;
			width:150px;
			padding:0px;
			height:35px;
		}
		.nav-mobile .search-form .search-btn{
			float:right;
			font-size:20px;
			margin:8px 0 0 0;
		}
		.nav-mobile .notification{
			position:inherit;
			margin-left:2px;
			float:right;
		}
		.notification-block{
			display:none;
		}
		.title-row .dropdown-block{
			width:23%;
		}

		.card-flip-block .profile-block{
			float:none;
			margin-top:0px;
			margin-left:2px;
			width:110px;
			position:relative;
		}
		.card-flip-block .profile-img{
			width:110px;
			height:110px;
		}
		.jobs-listing .row{
			margin-left:-20px;
			margin-right:-20px;
		}
	/* responsive mobile menu modules */
	.navigation .alt-dropdown:hover .alt-dropdown-menu, .alt-dropdown .alt-sub-menu li:hover > .alt-side-menu {
		position:relative;
		display: block;
		top:inherit;
		left:inherit;
		margin:0px;
		width: 100%;
	}
	.alt-side-menu, .alt-side-menu .alt-side-menu, .alt-dropdown-menu {
		display: block;
		max-height: 0px;
		overflow: hidden;
		position:relative;
		border-radius:0px;
	}
	.alt-dropdown .alt-sub-menu li > .alt-side-menu, .alt-side-menu, .alt-side-menu, .alt-dropdown-menu {
		display: block;
		margin: inherit;
		box-shadow: inherit;
		top: inherit;
		width: 100%;
		right: inherit;
		left: inherit;
		z-index: inherit;
		margin: inherit;
	}
	.navigation .alt-dropdown .alt-dropdown-menu.open {
		background:#f5f5f5;
	}
	.alt-sub-menu:hover, .alt-sub-menu:hover .alt-side-menu {
		background:#eee;
	}
	.navigation .alt-dropdown-menu .alt-sub-menu .alt-side-menu {
		background: #eee;
		color:#777;
	}
	.alt-dropdown:hover > a:after {
		display:none;
	}
	.submenu_title .icon-20 {
		position: absolute;
		left: 15px;
		background-size: auto 16px !important;
	}
	.navigation .alt-dropdown .alt-dropdown-menu.open, .alt-dropdown .alt-sub-menu li:hover > .alt-side-menu {
		max-height:100%;
	}
	/* mobile responsive menu css end */

	.mobile-profile-img {
		cursor: pointer;
	}

	.show-open .header-right-inner .profile-block {
		box-shadow: inherit;
	}
	.alt-dropdown-menu .alt-sub-menu li a {
		padding: 8px 15px;
	}
	.alt-dropdown-menu, .alt-side-menu, .alt-more-side-submenu {
		padding:0px;
	}
	.notification {
		position: inherit;
	}
	.task-view {
		left: 0px;
		right: 0px;
		bottom: 0px;
		top: 56px;
		padding: 0px;
		border-radius: inherit;
		position: fixed;
		border: 0px;
		z-index: -1;
		box-shadow: inherit;
		background: #e3e3e3;
		overflow: auto;
	}
	.task-view:before, .task-view:after {
		content: "";
		display: none;
	}
	.task-view ul {
		width:inherit !important;
		max-height: inherit;
		margin: 15px;
		padding: 0px;
		background: #fff;
		overflow: auto;
	}
	.footer {
		height:auto !important;
	}
	.footer .copyright {
		padding: 10px !important;
		width: 100% !important;
		float: inherit !important;
		text-align: center !important;
	}
	.playstoreOuter {
		width: 100% !important;
		float:left !important;
		margin: 0px 0px 10px !important;
		text-align: center !important;
	}
	.wish-dialog {
		width: 300px;
		min-height: 280px;
		margin-left: -150px;
		margin-top: -140px;
	}
	.email-msg {
		min-height: 100px;
		max-height: 200px;
	}




		/*============== all jobs ================  */
		.layout-right-sidebar .contents{
			padding:16px 0 0 0px;
		}
		.section-filter{
			margin-bottom:8px;
			/* margin-left:-34px;
			margin-right:-34px; */
		}
		.section-filter .main-title{
			padding:0 0 0 34px;
			margin-bottom:12px;
			border-bottom:none;
		}
		.filter-cell{
			height:45px;
			width:50%;
			display:block;
			text-align:center;
			padding-top:14px;
			margin-bottom:0px;
			cursor:pointer;
			border-right:solid 2px #e9e9e9;
			background-color:#fff;
			letter-spacing: 0.5px;
			vertical-align:top;
		}
		.filter-cell .icon-filter{
			display:inline-block;
		}
		.filter-cell .fa-2x{
			margin-left:5px;
		}
		.filter-cell .text-filter{
			vertical-align:top;
			line-height:14px;
			padding-top:2px;
			display:inline-block;
		}
		.filter-cell .text-filter.mobile-only{
			color:#a8407f;
		}
		.mobile-applied{
			padding-left:19px;
			padding-bottom:15px;
			padding-top:15px;
			display:block;
			border-bottom:solid 2px #e3e3e3;
		}
		.section-filter-inner{
			padding:0px;
		}
		.filter-open .dropdown-block{
			display:block!important;
		}
		.section-filter .filter-by-block,
		.section-filter .sort-by-block{
			width:100%;
			position:relative;
		}

		.filter-by-block .dropdown-block{
			top:45px;
			border-top:solid 1px #e3e3e3;
		}
		.section-filter .dropdown-block{
			position:absolute;
			width:100%;
			left:0px;
			background-color:#fff;
			z-index:100;
			display:none;
		}
		.filter-by-block .dropdown-style{
			top:0px;
			left:inherit;
			right:0px;
			width:60%;
		}
		.sort-by-block .dropdown-style{
			top:0px;
			left:inherit;
			right:0px;
			width:100%;
			position:relative;
		}
		.dropdown-7 .mdi{
			display:inline-block;
		}
		.section-filter .dropdown{
			width:100%;
			margin:0px;
			position:static;
			float:none;
		}
		.section-filter .dropdown-button .text-dropdown{
			padding-right:0px;
		}
		.section-filter .dropdown-button{
			float:none;
			display:block;
			border-radius:0px;
			padding:10px 0 11px 19px;
			background-color:#f5f5f5;
			border:none;
			width:40%;
			color: #777777;
			text-transform:capitalize;
		}
		.section-filter.mobile-filter .dropdown-button{ width: 100%;}
		.section-filter .dropdown-style li a{
			padding-top: 10px;
			padding-bottom:11px;
			width:auto;
			float:none;
		}
		.sub-dropdown-7{
			position:inherit;
			padding-left:35px;
			width:auto;
		}
		.dropdown-7 .sub-dropdown-7 li{
			padding-top:6px;
			padding-bottom:9px;
		}
		.section-filter .dropdown-button .mdi-chevron-down{
			display:none;
		}
		.section-filter .dropdown-block .active .dropdown-button{
			color: #777777;
			border:none;
			background-color:#fff;
			font-family: 'DIN Bold';
		}
		.section-filter .dropdown-block .open .dropdown-button{
			font-family: 'DIN Bold';
			/* background-color:transparent; */
			border-radius:0;
			-webkit-box-shadow: 0 0 0;
					box-shadow: 0 0 0;
		}
		.section-filter .open .dropdown-style{
			box-shadow:0 0px 0px;
			border-radius:0px;
			padding-top:0px;
			background-color:#fff;
		}
	.dropdown-8 .search-block{
			background-color:#f5f5f5;
		}
		.dropdown-8 .vertical-scrollbox{
			height:auto;
		}
		.dropdown-8 li .text-nowrap-grad:before{
			background-color: #fff;
			background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff, #fff);
			background: linear-gradient(left, rgba(255, 255, 255, 0), #fff,  #fff);
		}
		.add-new-fillter{
			margin:0px;
			background-color:#f5f5f5;
			width:40%;
		}
		.add-new-fillter .arrow-doted,
		.add-new-fillter .arrow-doted-cover{
			display:none;
		}
		.arrow-doted-inner .fa{
			font-size:12px;
			padding-right:5px;
		}
		.applied-filters-block{
			padding:0px;
			display:none;
		}
		.sort-by-block .filter-cell{
			border-right:none;
			position: absolute;
			top: -48px;
			right: 0px;
		}
		.dropdown-2 .radio{
			padding-left:24px;
		}
		.sort-by-block .dropdown-block{
			display:none;
		}
		.sort-by-block .dropdown{
			border-top:solid 1px #e3e3e3;
			float:none;
		}
		.section-filter .sort-by-block .dropdown-button{
			background-color:transparent;
		}
		.sort-by-block .dropdown .dropdown-button{
			width:100%;
			float:none;
			border:none;
		}
		.sort-by-block .divider{
			display:none;
		}
		.section-filter .dropdown-calendar{
			width:50%;
			border-radius:0px;
			padding:17px 0 15px 30px;
			background-color:#f5f5f5;
			border:0px;
		}
		.sort-by-block  .dropdown-2{
			display:block;
		}
		.section-filter .sort-by-block .dropdown-2{
			box-shadow:0 0px 0px;
			border-radius:0px;
			padding-top:10px;
			background-color:#fff;
		}
		.cal-icon{
			float:left;
		}
		.dropdown-calendar:last-child{
			border:none;
		}
		.filter-by-block, .sort-by-block ,.applied-filters-block{
			margin-bottom:0px;
		}
		.toggle-jobs{
			display:none;
		}
		.card-bulk-actions .dropdown .dropdown-button{
			width:100%;
		}
		.search-block-section .card-block-inner,
		.card-bulk-actions .card-block-inner{
			margin-bottom:0px;
			border-radius:0px;
		}
		.select-all-btn-inner{
			background-color:#f5f5f5;
			border-color:#f5f5f5;
		}
		.margin-r5{
			margin-right:0px;
		}
		.card-block{
			width:50%;
		}
		.card-pagination{
			padding-left:10px;
		}
		.row {
			margin-left:-0px;
			margin-right:-0px;
		}
		/* =============== Job details Page ================ */
		.filtered-top-block{
			width:100%;
			padding-top:30px;
		}
		.filtered-top-inner{
			width:100%;
			float:none;
		}
		.section-job-details{
			padding:50px 10px 0px 10px;
		}
		.job-details-inner{
			width:100%;
			float:none;
			padding-right:0px;
		}
		.job-details-inner .job-details-left,
		.job-details-inner .job-details-right{
			width:100%;
			float:left;
		}
		.job-details-inner .job-details-left {
			border-right:none;
		}
		.job-details-btn{
			width:100%;
			padding-top:10px;
		}
		.job-stages .table-data-ul li{
			width:20%;
			float:left;
			display:block;
			border-bottom:1px solid #e3e3e3;
			border-right-width:1px;
		}
		.job-stages{
			margin:10px;
		}
		.job-details-right .table-data{
			width:inherit;
			float:inherit;
			border-top-width:2px;
			padding:inherit;
		}
		.job-details-right .table-data-ul li.last-border{
			border-right:none;
		}
		.genie-chat-btn,
		.top-btn{
			right:15px;
		}
		.module-calendar .module-true{
			display:none;
		}
		.sort-by-block .section-calendar{
			left:0px;
		}
		.section-filter .calendar-active{
			box-shadow: 0 0 0;
		}
		.dropdown-calendar .section-calendar{
			width:360px;
			top:49px;
			border-radius:0px;
		}
		.dropdown-calendar .section-calendar{
			box-shadow:0 0px 0px;
			padding-bottom:8px;
		}
		.dropdown-calendar .section-calendar .table{
			width:100%;
		}
		.dropdown-calendar .section-calendar .prev{
			padding-left:5px!important;
		}
		.dropdown-calendar .section-calendar .next{
			padding-right:5px!important;
		}
		.dropdown-calendar .section-calendar .table tr td.active{
			font-family:'DIN Bold';
			color:#494949;
		}
		.dropdown-calendar .section-calendar .dow{
			padding-bottom:2px!important;
		}
		.dropdown-calendar .section-calendar .table tr th{
		padding:6px 5px 2px 5px;
		}
		.dropdown-calendar .section-calendar .table tr td{
		padding:13px 10px;
		}
		/*============== popup ================  */
		.popup-section{
			z-index:10000;
			max-width:700px;
			left:50%;
			margin-left:-350px;
		}
		.popup-top{
			padding-bottom:5px;
		}
		.open-text{
			width:200px;
		}
		.popup-row .delete-icon{
			margin-left:0px;
		}
		.popup-top .listing-inline{
			float:left;
			width:70%;
		}
		.popup-title-row{
			padding-bottom:6px;
		}
		.popup-title-row .title{
			font-size:18px;
		}
		.popup-top-description{
			padding-top:5px;
			border-top:solid 2px #e3e3e3;
		}
		.popup-openings{
			position:static;
		}
		.popup-cell-1{
			width:100%;
		}
		.popup-cell-2,
		.popup-cell-3,
		.popup-cell-4{
			width:33.33%
		}
		.popup-cell-1 .popup-cell-inner{
			margin:0 0 10px 0;
		}
		.popup-cell-2 .popup-cell-inner{
			width:98%;
		}
		.popup-add-filter .label-text{
			width:172px;
		}
		.search-card-block{
			margin:-16px -34px 7px -34px;
		}
		.title-live{
			margin-bottom:15px;
		}
		.live-feed-block .chats-accordion-summary{
			width:95%;
			padding-right:0px;
		}
		.live-feed-summary{
			width:100%;
		}
		.time-bock{
			float:left;
		}
		/*********** create candidate1 ****************/
		.section_halfPluse, .section_halfLess {
			width:100%; padding:0px;
		}
		.title-row .main-title2{
			margin-right:0px;
		}
		.title-row.title-row2 {
			border-bottom:none;
		}
		.scrollOuterPadding {
			display:none;
		}
		.item_list > li .form-group {
			margin-bottom:0px;
		}
		.item_list > li .form-group .form-control, .item_list > li .form-group .dropdown-11 {
			margin-bottom:15px;
		}
		#slider-range {
			margin-bottom:30px;
		}
		.last_login_info {
			display: none;
		}
		.site-logo.desktop-only {
			display:block;
			height:50px;
			margin-top:-18px;
		}
		.logo_outer {
			width: 125px;
			height: 50px;
			vertical-align: middle;
			display: table-cell;
		}
		.logo_outer img {
			max-width: 125px;
			max-height: 50px;
			vertical-align: middle;
		}
		.desktopmenu-only {
		display:none;
	}
	.mobilemenu-only {
		display:block;
	}
	.header-right {
		right: 72px !important;
		top: 12px !important;
	}
	.switch-app-holder {
		float: right;
		width: 40px;
		height: 75px;
		max-height: 75px;
		margin-right:0px;
		padding: 26px 10px;
	}
	.switch-apps-dropdown {
		left: inherit;
		right: 0px;
		width: 232px;
		border-top-left-radius: 6px;
		box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
		border-top-left-radius: 6px;
		border-top-right-radius: 0px;
		padding: 20px 20px 10px 20px;
	}
	.switch-apps-dropdown::after {
		left: inherit;
		right: 0px;
		width: 40px;
	}

	.grid-wrapper li:nth-child(1) .grid-content li label,
	.grid-wrapper li .grid-content li label{
		visibility: visible;
		min-height:28px;
		height: auto;
	}

	.m-50{
		width: 50% !important;
	}
	.m-100{
		width: 100% !important;
	}
	.panel-title{max-width: 100%;}
	.progressOuter.mobile-scrollbar{padding: 0;}
	.progressOuter.mobile-scrollbar::-webkit-scrollbar { display: none; }
	.progressOuter.mobile-scrollbar .dot-progressbar{
		white-space:nowrap;
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-overflow-scrolling:touch;
		width:850px;
	}
	.delete_draft_row{
		display: inline-block;
		vertical-align: middle;
		padding-left: 5px;
	}
	.delete_draft_row .margin_L10 {
		margin-left: 5px;
	}
	.delete_draft_row a{margin-left: 0px !important;}


	.pagination-text,
	.pagination-num{
		float: none;
		display: inline-block;
		vertical-align: middle;
	}
	.card-pagination.clearfix.flex-inline{display: block;}
	.altone-tables .mobile-data-th{color: #9b9b9b;}
	.progressOuter{overflow-x: auto;}

	/* start exit module mobile appview css */
	::-webkit-scrollbar {display: none;}
	.exit-module-theme .select-view ul::-webkit-scrollbar{display: none;}
	.exit-module-theme .mobileview-hide{display: none !important;}
	.exit-module-theme .mobileview-show{display: block !important;}

	.exit-module-theme{
		position: relative;
		display: block;
		margin-top: -15px;
		margin-left: -15px;
		margin-right: -15px;
		background: #fff;
		padding: 15px;
		min-height: 100%;
	}
	app-resignation-status-list .exit-module-theme{padding: 15px;}
	.exit-module-theme .main-container{padding-left:0px !important; padding-right: 0px !important;}
	.exit-module-theme .tab-row.custom-tab-row .head-title,
	.exit-module-theme .tab-row.back-with-tab.h-auto .head-title{
		margin: 7px 0 7px;
		color:#1C1C28;
	}


	.exit-module-theme .panel,
	.exit-module-theme .section-filter-inner{
		background:#F7F7FA;
		border-radius: 12px;
		box-shadow: none;
	}
	.exit-module-theme .panel .panel-heading,
	.exit-module-theme .section-filter-inner .filter-by-block .filter-cell{
		padding: 0px 15px;
		height: 40px !important;
		display: flex;
		align-items: center;
		background: #EE6D74 !important;
		border-bottom: 1px solid #E4E4EB !important;
		color: #fff;
		border-top-left-radius: 12px;
		border-top-right-radius: 12px;
	}
	.exit-module-theme .filter-cell .filter-mobile{filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7472%) hue-rotate(183deg) brightness(102%) contrast(97%);}
	.exit-module-theme .panel .panel-heading .panel-title{color: #fff !important;}
	.exit-module-theme .column-4>li {
		width: 100%;
	}
	.exit-module-theme .search-block {
		background-color: #f7f7f7;
		overflow: hidden;
		border-radius: 6px !important;
		box-shadow: 0px .6px 2px 1px #28293D14;
	}
	.exit-module-theme .panel.panel-open .panel-body .search-block {background-color: #fff;}
	.exit-module-theme .panel.panel-open .panel-body .search-block .input-group-btn .btn{background: #fff !important;}
	.exit-module-theme .panel.panel-open .panel-body .search-block .input-group-btn .btn .mdi-magnify{      top: 5px;}
	.exit-module-theme .alt-modal{
		left: 0;
		right: 0;
		top: 0;
		transform: translate(0);
		max-width: 100%;
		border-radius: 0px;
		height: 100% !important;
	}
	.exit-module-theme .alt-modal-body,
	.exit-module-theme .alt-modal-body.noscroll{
		max-height: calc(100% - 100px);
		overflow: auto !important;
		height: 100%;
	}
	.exit-module-theme .alt-modal-body .search-block-filter .input-group.search-block.gray input.search-input{ padding-left: 40px;}
	.exit-module-theme .alt-modal-body .search-block-filter .input-group.search-block.gray .input-group-btn{
		position: absolute;
		left: 10px;
		top: 0;
	}

	.exit-module-theme .modal-footer,
	.exit-module-theme .mobileview-footer { 
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		display: flex;
		padding: 10px 0;
		border: 0;
		margin-bottom: 0px !important;
		padding: 10px 20px;
		background: #fff;
		box-shadow: 0px -1px 2px 0px #00000026;
		z-index: 1;
	}
	.exit-module-theme .mobileview-footer.clearfix::before {display: none; }
	.exit-module-theme .mobileview-footer{
		position: relative !important;
		margin-left: -15px;
		margin-right: -15px;
	}

	.exit-module-theme .date-range-container{padding: 10px; width: 100% !important;}


	.exit-module-theme .fields-label,
	.exit-module-theme .fields-group>li>label,
	.exit-module-theme .fields-group li .fields-label,
	.exit-module-theme .default-table.mobile-card .tr .td .mobile-data-th,
	.exit-module-theme .altone-tables .mobile-data-th,
	.exit-module-theme .date-picker .fields-label{
		color: #8F90A6;
		font-family: 'DIN Bold';
		font-size: 10px;
		letter-spacing: .2px;
		margin-bottom: 2px;
		text-transform: uppercase;
	}



	.exit-module-theme .fields-group>li .tool-tp-con .word-wrap,
	.exit-module-theme .fields-group>li .tool-tp-left .word-wrap,
	.exit-module-theme .fields-group>li .tool-tp-right .word-wrap,
	.exit-module-theme .fields-group>li .tool-tp-top .word-wrap,
	.exit-module-theme .fields-group>li .tool-tp-bottom .word-wrap,
	.exit-module-theme .fields-group>li .tool-tp-con .word-break,
	.exit-module-theme .fields-group>li .tool-tp-con>div,
	.exit-module-theme .fields-group>li .tool-tp-con .isdCode,
	.exit-module-theme .fields-group>li .tool-tp-con .contact,
	.exit-module-theme .fields-output,
	.exit-module-theme .custom-mobile-table.mobile-table table tr td,
	.exit-module-theme .custom-default-table.default-table.mobile-card .tr .td{
		font-size: 14px;
		color: #031842;
		font-family: 'DIN Regular' !important;
		
	}
	.exit-module-theme .fields-group>li .tool-tp-con .isdCode{border-bottom: 0px !important;}
	.exit-module-theme .fields-output{ min-height: auto !important;}

	.exit-module-theme .custom-mobile-table.mobile-table table tr td .din-Medium{font-family: 'DIN Regular' !important;}

	.exit-module-theme .select-dropdown .dropdown-button,
	.exit-module-theme .formfield-control,
	.exit-module-theme .formfield-control.datepicker-field .mat-form-field,
	.exit-module-theme .multiselect-dropdown .dropdown-btn,
	.exit-module-theme .section-filter.mobile-filter .dropdown .dropdown-wrapper,
	.exit-module-theme .section-filter.mobile-filter .dropdown-button,
	.exit-module-theme app-date-filter .date-range-container .date-picker mat-form-field.formfield-control{
		border: 0px !important;
		border-bottom: 1px solid #E4E4EB !important;
		border-radius: 0;
		padding: 0 0 4px !important;
		font-size: 14px !important;
		line-height: 18px;
		color: #031842 !important;
		height: auto;
		background-color: transparent !important;
		min-height: 22px;
		border-radius: 0 !important;
	}
	.exit-module-theme .formfield-control.datepicker-field{
		border-bottom: 0px !important;
		padding-bottom: 0px !important;
	}
	.exit-module-theme .dropdown-button.disabled-dropdown{border-bottom: 0px !important;}

	.exit-module-theme .formfield-control.datepicker-field .mat-form-field.mat-form-field-disabled{border-bottom: 0px !important;}
	
	.exit-module-theme .formfield-control.datepicker-field button:after,
	.exit-module-theme .formfield-control.datepicker-field .mat-form-field button::after{
			content: "" !important;
			display: inline-block;
			top: 4px !important;
			width: 16px;
			height: 16px;
			background: url(../images/svg-small/calendar_icn.svg) no-repeat center / 16px auto;
	}
	.exit-module-theme .formfield-control.datepicker-field .mat-form-field.mat-form-field-disabled button[disabled]::after{display: none !important;}

	.exit-module-theme .dropdown-button .text-dropdown{color: #031842 !important; font-size: 14px;}
	.exit-module-theme .section-filter.mobile-filter .dropdown-block{margin-left:0 !important;}
	.exit-module-theme .section-filter.mobile-filter .dropdown .dropdown-wrapper .filter-btn{
		padding: 0;
		background: transparent;
		border-radius: 0;
	}
	.exit-module-theme .section-filter.mobile-filter .dropdown .dropdown-wrapper .filter-btn .text-dropdown{color: #1C1C28 !important;}
	.exit-module-theme .section-filter.mobile-filter .dropdown.mobileview-btn{ width: 50% !important;}
	.exit-module-theme .filters-wrap{
		border-bottom: 0px;
		margin: 0 20px;
		padding-top: 15px;
		padding-bottom: 10px;
	}
	.exit-module-theme .formfield-control .text-dropdown{text-transform: capitalize !important; padding-top: 0px !important;}
	.exit-module-theme input[type="text"].formfield-control{color: #031842 !important;}
	.exit-module-theme input[type="text"][disabled]{opacity: 1 !important;}
	.exit-module-theme textarea[disabled]{border-bottom: 0px !important;}
	.exit-module-theme .customdropdown {
		width: 30px;
	}
	.exit-module-theme .fields-group>li .pnumber .formfield-control.contact{
		margin-left: -20px;
    	padding-left: 20px !important;
	}
	.exit-module-theme .customdropdown .dropdown-1{width: 155px !important;}
	.exit-module-theme .customdropdown .new-dropdown-style .dropdown-button .mdi,
	.exit-module-theme .formfield-control.arrow-dropdown .mdi,
	.exit-module-theme .filter-btn .mdi,
	.exit-module-theme .dropdown-toggle.formfield-control .mdi{
		position: absolute;
		right: -5px !important;
		top: 3px !important;
		color: #2A5EE3;
		background: transparent !important;
		font-size: 24px;
	}
	.exit-module-theme .customdropdown .new-dropdown-style .dropdown-button .mdi{right: 0px !important;}
	.exit-module-theme .new-dropdown-style .dropdown-button .mdi{
		right: -5px !important;
		top: 3px !important;
		color: #2A5EE3;
		background: transparent !important;
	}
	.exit-module-theme .open>.dropdown-button .mdi-chevron-down:before{color: #2A5EE3;}
	.exit-module-theme button[disabled], 
	.exit-module-theme input[disabled] {
		cursor: not-allowed !important;
		border: 0px !important;
	}
	.exit-module-theme .formfield-control~input[disabled]{ border-bottom: 0px !important;}
	.exit-module-theme .dropdown-style li:hover a,
	.exit-module-theme .select-view li.active a{background: #f7f7f7;    font-family: 'DIN Regular' !important;}
	.exit-module-theme input.mat-input-element {
		margin-top: 0 !important;
		color: #031842 !important;
	}
	.exit-module-theme .mat-form-field,
	.exit-module-theme .mat-form-field-flex,
	.exit-module-theme .mat-input-element{height: auto !important;}

	.exit-module-theme .select-dropdown.new-dropdown-style.open .dropdown-button,
	.exit-module-theme .open > .dropdown-toggle.formfield-control{
		border: 0px !important;
		background: transparent !important;
		box-shadow: none !important;
		}

	.exit-module-theme .dropdown-style,
	.exit-module-them .section-filter .open .dropdown-style
	.exit-module-theme .custom-dropdown-menu{
		border-radius: 0 0 8px 8px !important;
		overflow: hidden;
		box-shadow: 0px 3px 3px 1px #11111130;
		background: #fff;
		min-width: 100%;
		padding: 0;
	}
	.exit-module-theme .custom-dropdown-menu .filter-options{gap: 0;}
	.exit-module-theme .month-year-container .month-grid .month-cell label{font-weight: 100;font-family: 'DIN Regular'; font-size: 14px;color: #031842 !important; margin-bottom: 0px;border-bottom: 1px solid #E4E4EB; padding: 10px 0;}
	.exit-module-theme .custom-dropdown-menu .filter-options  .check-radio-inline{
		font-weight: 100;
        font-family: 'DIN Regular';
        font-size: 14px;
        color: #031842 !important;
        margin-bottom: 0px;
		margin-right: 0;
        border-bottom: 1px solid #E4E4EB;
        padding: 8px 20px 8px 40px;
	}
	.exit-module-theme .custom-dropdown-menu .filter-options  .check-radio-inline.radio+.radio{margin-top: 0px !important;}
	.exit-module-theme .custom-dropdown-menu .filter-options  .check-radio-inline label{margin-bottom: 0px;}
	.exit-module-theme .custom-dropdown-menu .filter-options .check-radio-inline input{ width: calc(100% - 20px);}
	.exit-module-theme .custom-dropdown-menu .filter-options .check-radio-inline:first-child{padding-top:0px !important;}
	.exit-module-theme .year-grid{ width: 100% !important;}
	.exit-module-theme .year-grid,
	.exit-module-theme .date-range-container{padding: 20px !important;border-radius: 0 0 8px 8px !important;}
	.exit-module-theme .month-year-container .year-nav .current-year,
	.exit-module-theme .year-grid .year-header{font-size: 14px;color: #031842 !important;}

	.exit-module-theme .month-year-container{width: 100% !important; padding: 20px; border-radius: 0 0 8px 8px !important;}

	.exit-module-theme .month-year-container .month-grid .month-cell label{border-bottom: 0px !important; padding: 0px;}
	.exit-module-theme .month-year-container .month-grid .month-cell input[type="checkbox"],
	.exit-module-theme .custom-dropdown-menu .filter-options label.radio-option input[type=radio]{margin:0!important;}
	.exit-module-theme .new-dropdown-style .dropdown-inner{ padding-top: 0px !important;}
	.exit-module-theme .new-dropdown-style .input-group.search-block{background: transparent !important; box-shadow: none;}
	.exit-module-theme .year-options{max-height: 170px;}

	.exit-module-theme .year-options .year-button{padding: 5px 10px !important;font-size: 14px !important; color: #031842 !important;}

	.exit-module-theme .new-dropdown-style .input-group.search-block input,
	.exit-module-theme .search-block-filter .search-block.gray{
		background: #F2F2F5 !important;
		border-radius: 6px !important;
		height: 28px;
		border: 0px !important;
		box-shadow: 0px .6px 2px 1px #28293D14;
		font-size: 13px !important;
		padding-left: 40px !important;
	}
	.exit-module-theme .search-block-filter .search-block.gray{padding-left: 0px !important;}
	.exit-module-theme .select-view .input-group.search-block .mdi-magnify,
	.exit-module-theme .dropdown-style .input-group.search-block .mdi-magnify {
		top: 1px !important;
		right: auto !important;
		left: 10px;
		font-size: 22px;
		color: #8F90A6;
	}
	.exit-module-theme .dropdown-style li a{
		color: #031842;
		font-size: 14px;
	}
	.exit-module-theme .select-view ul {
		max-height: 170px;
	}

	.exit-module-theme .dropdown-style li a {
		border-bottom: 1px solid #E4E4EB;
	}
	.exit-module-theme .dropdown-style li:last-child a {border-bottom: 0px !important;}


	.exit-module-theme .mobileview-footer{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 20px !important;
	}
	.exit-module-theme .modal-footer.mobileview-footer{margin-top: 0 !important;padding: 10px 30px;}
	.exit-module-theme .year-actions{ margin-top: 0px !important;}
	.exit-module-theme .btn {
		height: 40px;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		font-size: 14px;
		line-height: 16px;
		width: 100%;
		border-radius: 8px;
		text-transform: capitalize;
	}
	.exit-module-theme .mobileview-footer{
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(48%, 1fr));
		gap: 10px;
	}
	.exit-module-theme .mobileview-footer .btn:nth-last-child(1):nth-child(odd) {
		grid-column: span 2; /* Last odd button full row lega */
	  }
	.exit-module-theme .search-block>.search-input{ height: 32px;}

	.exit-module-theme .btn .mdi{ margin-top: 5px;}
	.exit-module-theme .btn+.btn{margin-left: 0;}
	.exit-module-theme .altone-tables .tr,
	.exit-module-theme .default-table.mobile-card .tr,
	.exit-module-theme .mobile-table table tr {border-radius: 8px;padding: 10px; box-shadow: none; background: #F7F7FA;border: 0px;}
	.exit-module-theme .default-table.mobile-card .tr .td,
	.exit-module-theme .custom-mobile-table.mobile-table table tr td{box-shadow: none; color:#031842;}

	.exit-module-theme .altone-tables .tr .td,
	.exit-module-theme .default-table .tr .td{padding: 7px 10px 15px;box-shadow: none; font-size: 14px;color: #031842;}

	.exit-module-theme .sec-block-table-inner .search-block-filter{margin-bottom: 10px;}
	.exit-module-theme .sec-block-table-inner .search-block-filter input[type="text"].formfield-control{
		border: 0px !important;
		margin-bottom: 0px !important;
		padding: 0px 10px !important;
		height: 100%;
		background: #f7f7f7;
	}

	.exit-module-theme .section-filter.mobile-filter .dropdown,
	.exit-module-theme .section-filter.mobile-filter .dropdown .dropdown-wrapper{ width: 100% !important; }
	.exit-module-theme .section-filter.mobile-filter .dropdown-filter-block{padding: 15px;}
	.exit-module-theme .section-filter.mobile-filter .dropdown-filter-block .dropdown{margin: 0 0 15px !important; padding: 5px;}

	.exit-module-theme .link{color: #2A5EE3 !important;}
	.exit-module-theme .apply{color: #2A5EE3 !important;font-family: "Inter-Bold" !important;}
	.exit-module-theme .clear-all:hover,
    .exit-module-theme .apply:hover {
        color: #1d4ed8;
        font-family: 'DIN Bold';
        text-decoration: none !important;
    }
	.exit-module-theme .clear-all{color: #031842 !important;}
	.exit-module-theme .apply{font-size: 14px !important;}
	.exit-module-theme .radio label::before{border: 2px solid #c7c9d9;}
	.exit-module-theme .radio input[type="radio"]:checked+label::before{border-color: #2A5EE3 !important;}
	.exit-module-theme .radio input[type="radio"]:checked+label::after{background-color: #2A5EE3 !important;}
	.exit-module-theme .pagination-list{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.exit-module-theme .pagination-list .ngx-pagination{
		display: inline-flex;
		white-space: nowrap;
		align-items: center;
	}
	.exit-module-theme .ngx-pagination a,
	.exit-module-theme .ngx-pagination button{padding: 0 !important;}
	.exit-module-theme .pagination-list .ngx-pagination li{padding: 0 5px;}
	.exit-module-theme .pagination-list .ngx-pagination li.pagination-previous a,
	.exit-module-theme .pagination-list .ngx-pagination li.pagination-next a,
	.exit-module-theme .pagination-list .ngx-pagination li span{
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 28px;
		height: 28px;
		border-radius: 4px;
		float: left;
		background: #F7F7FA;
		color: #031842;
		border: 0px;
		cursor: pointer;
	}
	.exit-module-theme .pagination-list .ngx-pagination li.pagination-previous span,
	.exit-module-theme .pagination-list .ngx-pagination li.pagination-previous a{
		text-indent: -9999px;
		background: #F7F7FA url(../images/svg-small/pagi-left-arrow.svg) no-repeat center / 9px auto !important;
	}

	.exit-module-theme .pagination-list .ngx-pagination li{padding: 0 5px;}
	.exit-module-theme .pagination-list .ngx-pagination li.pagination-next span,
	.exit-module-theme .pagination-list .ngx-pagination li.pagination-next a{
		text-indent: -9999px;
		background: #F7F7FA url(../images/svg-small/pagi-right-arrow.svg) no-repeat center / 9px auto !important;
	}
	.exit-module-theme .pagination-list .ngx-pagination li.pagination-previous a::before,
	.exit-module-theme .pagination-list .ngx-pagination li.pagination-previous.disabled::before,
	.exit-module-theme .pagination-list .ngx-pagination li.pagination-next a::after,
	.exit-module-theme .pagination-list .ngx-pagination li.pagination-next.disabled::after {
	display: none;
		
	}

	.exit-module-theme .pagination-list .ngx-pagination .current{
		background-color: transparent;
	}
	.exit-module-theme .pagination-list .ngx-pagination .current span{
		background-color: #031842;
		color: #fff;
	}
	.exit-module-theme .custom-dropdown-menu{width: 100%;padding: 15px 0;border-radius: 0 0 8px 8px;}
	.exit-module-theme .search-block .input-group-btn .btn{height: 32px;}
	.exit-module-theme .sec-block-table-inner .search-block-filter input.search-input{
		background: #F7F7FA!important;
		border-radius: 6px 0 0 6px !important;
		height: 32px;
		border: 0px !important;
		/* box-shadow: 0px 0 2px 1px #28293D14; */
		font-size: 13px !important;
	}
	.exit-module-theme .sec-block-table-inner .search-block-filter .input-group-btn .btn{height: 34px !important;margin-top: -1px;}
	.exit-module-theme .sec-block-table-inner .search-block-filter .input-group-btn .material-icons{margin-top: 5px;}


	.exit-module-theme .title-row,
	.tab-row{border-bottom: 0px !important;}

	.exit-module-theme app-otsingle-select[ng-reflect-is-disabled="true"] .formfield-control{border-bottom: 0px !important;}
	.exit-module-theme app-otsingle-select[ng-reflect-is-disabled="true"] .formfield-control .text-dropdown{color: #031842 !important;}
	.exit-module-theme app-otsingle-select[ng-reflect-is-disabled="true"] .dropdown-toggle.formfield-control .mdi{display: none;}

	.exit-module-theme .fields-group.mb-0{margin-bottom: 0px !important;}

	.exit-module-theme .panel+.panel{margin-top: 20px;}
	.exit-module-theme app-employee-info .panel{margin-bottom: 20px;}

	.exit-module-theme .mat-form-field-appearance-legacy .mat-form-field-label{ line-height: normal !important;}

	.exit-module-theme  .tab-bar.tab-bar-custom > ul{border-bottom: 1px solid #E4E4EB;}
	.exit-module-theme .tab-bar ul li a{background: transparent;color: #031842;font-family: 'DIN Regular';border-right: 0px !important;}
	.exit-module-theme .tab-bar ul li.active a{
		color: #031842;
		border-right: 0px !important;
		border-bottom: 3px solid #031842;
		font-family: 'DIN Bold';
	}
	.exit-module-theme .new-dropdown-style .slimscroll-wrapper{ height: auto !important;}
	.exit-module-theme .dropdown-inner ul{max-height: 170px;}
	app-exit-tasks .exit-module-theme,
	app-mapp-page .exit-module-theme{
		margin-top: -55px !important;
		padding-top: 40px !important;
	}
	app-mapp-page .exit-module-theme{
		padding-top: 53px !important;
	}
	app-exit-tasks .exit-module-theme:before,
	app-mapp-page .exit-module-theme:before{
		content: "";
		position: absolute;
		top: 42px;
		left: 0;
		right: 0;
		height: 5px;
		background: #fff !important;
		z-index: 1;
	}
	.mat-datepicker-content{border-radius: 12px !important;}
	.mat-calendar-table-header-divider::after{display: none !important;}
	.mat-calendar-table-header th{ padding: 0 !important; margin: 0px !important; font-size: 12px;}
	.mat-calendar-controls{border-bottom: 1px solid rgba(0, 0, 0, .12);padding: 0 0 5px;margin: 0 calc(33% / 7 - 16px) 10px !important;}
	.mat-datepicker-content .mat-calendar{height: auto !important;}
	.mat-calendar-table-header th{color: rgba(0, 0, 0, .38);}

	.title-row{ position: relative; z-index: 1;}

	.exit-module-theme .checkbox label::before{width: 16px;height: 16px;
		background: transparent; border-radius: 3px;border: 2px solid #C7C9D9;
	} 
	.exit-module-theme .check-radio-inline label,
	.exit-module-theme .radio label{color: #1C1C28 !important;}
	.exit-module-theme .checkbox label::after{
		left: 0px;
        width: 16px;
        height: 16px;
        top: -1px !important;
	}
	.exit-module-theme .checkbox input[type="checkbox"]:checked+label::before {
			background-color: #2A5EE3 !important;
			border-color: #2A5EE3 !important;
		}
	.exit-module-theme .radio label::before {width: 16px;height: 16px;}
	.exit-module-theme .radio label::after {width: 8px;height: 8px;}

	.exit-module-theme .check-radio-inline label,
	.exit-module-theme .radio label{padding-left: 10px !important;}

	.exit-module-theme .search-block .input-group-btn .btn {
		background: #F7F7FA!important;
		padding: 0 18px;
	}
	.exit-module-theme .checkbox label.fields-label{font-family: 'DIN Regular';}
	.exit-module-theme .search-block .input-group-btn .btn .mdi-magnify {
		left: 5px;
		top: 7px;
	}
	.exit-module-theme .search-block .input-group-btn .btn .mdi{margin-top: 0px;}
	.exit-module-theme .mdi-magnify{
		width: 20px;
		height: 20px;
		display: block;
		background: url(../images/svg-small/search_icn.svg) 0 0 no-repeat !important;
		position: absolute;
		left: 0;
		top: 3px;
	}
	.exit-module-theme .alt-modal-body .search-block .input-group-btn .btn .mdi-magnify {
        left: 0;
        top: 7px;
    }
	.exit-module-theme .mdi-magnify:before{display: none;}
	.exit-module-theme .fields-group li textarea.formfield-control {margin-bottom: 5px;}


	.exit-module-theme .new-dropdown-style .input-group.search-block .mdi-magnify {
        top: 4px !important;}

.exit-module-theme .fields-group>li .tool-tp-con.top .checkbox label.fields-label{padding-left: 30px;}

.exit-module-theme .notification-bar{width: 340px;min-height: 63px;
	height: auto;top: auto;bottom: 30px;display: flex;align-items: center; box-shadow: none;}
.exit-module-theme .notification-bar{padding: 12px;line-height: normal;}
.exit-module-theme .notification-bar .material-icons{padding-left: 0px !important;}
.exit-module-theme .notification-bar .notification-text-outer{ flex: 1;padding: 0 15px !important;}
.exit-module-theme .notification-bar .material-icons.close{position: relative;padding: 0;top: 0;right: 0;color: #031842 !important;}
.exit-module-theme .notification-bar .notification-text{color:#1C1C28;}
.exit-module-theme .notification-bar.warning{border: 0px !important;background: #FCE7E7;}
.exit-module-theme .notification-bar.warning .successful-icon{
	width: 20px;
	height: 20px;
	display: inline-block;
	background: url(../images/svg-small/warning-status-icn.svg) no-repeat center / 18px auto;
	font-family: 'DIN Regular' !important;
	text-indent: -9999px;
}
.exit-module-theme .notification-bar.successful{border: 0px !important;background: #E6F6EF;}
.exit-module-theme .notification-bar.successful .material-icons{color: #05A660;}

.exit-module-theme .file-btn input{width: 100%;}
.exit-module-theme .btn.file-btn{height: 40px;width: 40px;}
.exit-module-theme .attached-path .mdi-close{
	position: relative;
	margin: 0 0 0 10px;
	top: 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	background: url(../images/svg-small/delete_icn.svg) 0 0 no-repeat;
}
.exit-module-theme .attached-path .mdi-close::before{display: none;}
.exit-module-theme .title{ font-size: 14px;}

.exit-module-theme .exit-module-theme-tab{display: flex; align-items: center;}
.exit-module-theme .exit-module-theme-tab.tab-row-table .btn-cell{
	display: table-cell;
    padding-left: 10px;
    vertical-align: middle;
}

.exit-module-theme .exit-module-theme-tab .mob-btn-wrapper .btn-30 {
    padding: 0px !important;
    text-align: center;
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.exit-module-theme .filter-cell .icon-filter{margin-top: 5px;}
.exit-module-theme .exit-module-theme-tab .mob-btn-wrapper .btn.btn-30 .mdi{margin-top: 0px !important;}
.exit-module-theme .mat-calendar-body-selected {
    background-color: #2A5EE3;}
.exit-module-theme .load-more-section .btn{
	width: auto !important;
	background: #2A5EE31A !important;
	border-color: transparent !important;
	color: #2A5EE3 !important;
	padding: 7px 40px 7px 12px !important;
	box-shadow: none !important;
}
.exit-module-theme .load-more-section .btn::before{
	position: absolute;
	right: 10px;
	content: "";
	width: 18px;
	height: 18px;
	display: block;
	background: url(../images/svg-small/refresh-icon.svg) no-repeat center / 16px auto;
}

	/* end mobile appview css  */

	}
	@media screen and (max-width: 992px) {
		.chart-block{
			display: block;
		}
		.piechart-amount-block{
			margin-right: 0 !important;
		}
		.bar-chart-block{
		float: none !important;
		width: 100% !important;
		margin: 0 auto !important;
		text-align: center;
		display: inline-block !important;
		}
		.max-width-500{ max-width:100%;}
		.section-filter.mobile-filter .dropdown.add-new-fillter{ margin-top: 10px !important;}
		.add-new-fillter.popup-new-fillter{margin-top: 5px;}
		.modal-footer {
			padding: 10px 20px;
		}

		.default-table.mobile-card .max-width-130.text-ellipsis{ white-space: normal;}
		.default-table.mobile-card .max-width-130 {
			max-width: inherit !important;
			word-break: break-word;
		}
	}

	@media screen and (max-width: 767px) {
	.header-container { background:none !important; }
	app-header .site-header{
			height:56px;
		}
		body {
		padding-top: 0px !important;
		}
		/*.layout-main:first-child{
			padding-top:56px;
		}*/
		.navigation, .userinfoBlock {
			top: 56px;
			padding: 10px 0;
		}
		.site-header-inner{
			height:56px;
			padding-left:15px;
			padding-right:15px;
		}
		.header-container{
			padding-top:22px;
		}
		.main-container{
			padding-left:15px;
			padding-right:15px;
			width:auto;
		}
		.header-right-inner .crown{
			top:20px;
		}
		.section-filter .main-title{
			padding:0 0 0 15px;
		}
		.section-card{
			margin-left:-15px;
			margin-right:-15px;
		}
		.card-block{
			width:100%;
		}
		.card-block-inner{
			margin:15px;
		}
		.title-row {
			border-bottom: solid 2px #c3c3c3;
			margin-bottom: 0px;
		}
		.title-row .main-title{
			width:100%;
			padding-top:0px;
			border:none;
		}
		.title-row .dropdown-block{
			width:100%;
			margin-bottom:10px;
		}
		.title-row .dropdown-block .dropdown{
			margin:0;
			width:100%;
		}
		.title-row .dropdown-button{
			width:100%;
		}
		.header-right-inner .profile-block{
			padding-top:15px;
			padding-left:10px;
			width:70px;
			height:56px;
			padding-right:15px;
			top:-15px;
			right:-15px;
		}
		.show-open .more-options{
			right:0;
		}
		.more-options{
			position:fixed;
			top:55px;
			right:-240px;
			display:block;
		}
		.search-block-section .card-block-inner{
			margin:0 0 10px 0;
		}
		.card-bulk-actions .card-block-inner{
			margin:0;
		}
		.card-bulk-actions{
			float:none;
		}
		.section-filter{
			/* margin-left:-10px;
			margin-right:-10px; */
		}
		.jobs-listing .row{
			margin-left:0;
			margin-right:0;
		}

		/*================login====================*/
		.login-page{
			width:300px;
			padding-top:56px;
		}
		.section-login-inner{
			background:url(../images/svg/login_shape_mobile.svg) 0 0 no-repeat;
			width:300px;
			height:490px;
		}
		.section-login{
			padding:37px 45px 45px 45px;
			width:100%;
		}
		.section-logo{
			min-height:80px;
			margin-bottom:10px;
		}
		.login-page .form-flied{
			margin-bottom:10px;
		}
		.login-page .remember-row{
			margin-top:16px;
			margin-bottom:19px;
		}
		.have-text{
			display:block;
		}
		.remember-row .link{
			width:63px;
			margin-top:0px;
		}
		.logo-ps{
			width:50px;
			padding:15px 0 14px 0;
			margin-right:20px;
		}
		.logo-ps img{
			width:50px;
			height:58px;
		}
		.logo-client{
			width:130px;
			padding:8px 0 14px 15px;
			min-height:80px;
		}
		.logo-client img{
			width:130px;
			height:53px;
		}
		.copy-right span{
			display:block;
		}
		.login-page .social-block,
		.login-page .or-text{
			display:none;
		}
		.login-section-footer{
			padding-top:10px;
		}
		.login-account{
			margin-top:20px;
			margin-bottom:0px;
		}
		.login-footer-logo{
			margin-bottom:11px;
		}
		.forgot-details{
			padding-top:15px;
			padding-bottom:15px;
		}
		.section-genie{
			right:5px;
		}

		/*============== popup ================  */
		.popup-section{
			z-index:10000;
			max-width:330px;
			left:50%;
			margin-left:-165px;
		}
		.popup-cell-inner .desktop-only{
			display:none;
		}
		.open-text{
			width:76px;
		}
		.popup-cell-2 .dropdown-calendar{
			padding-right:5px;
		}
		.popup-cell-2 .dropdown-calendar .input-item{
			width:74%;
		}
		.popup-cell-2 .popup-cell-inner{
			width:96%;
		}
		.popup-row .delete-icon{
			margin-left:0px;
		}
		.popup-inner{
			max-height:280px;
		}
		.popup-add-filter .popup-cell-3{
			width:100%;
		}
		.popup-add-filter .label-text{
			width:260px;
		}
		.mrg-lf-20{
			margin:-10px 15px 0 15px;
		}
		.filter-one .sort-by-block .filter-cell{
			position:relative;
			width:100%;
			top:0px;
		}
		.filter-one .sort-by-block .dropdown-block{
			top:45px;
		}
		.search-card-block{
			margin:-15px -15px 7px -15px;
		}
		.live-feed-block .chats-accordion-summary{
			width:86%;
		}
		.title-live{
			margin-bottom:10px;
		}
		.item_list > li .form-group {
			margin-bottom:0px;
		}
		.item_list > li .form-group .form-control, .item_list > li .form-group .dropdown-11 {
			margin-bottom:15px;
		}
		#slider-range {
			margin-bottom:30px;
		}
		.title_right_fields {
			position: relative;
			margin: 10px 0 0 0;
			padding:0px;
			width: 100%;
		}
		.startDateEndDate {
			margin-bottom: 15px;
		}
		.startDateEndDate {
			width: 100% !important;
		}

		.DashboardIcons {
		display: inline-block !important;
		top:auto;
		text-align: center;
		right: 0px;
		left: 0px;
		bottom: 0px;
		border-radius: 0px;
		box-shadow:inherit;
		}
		.dashboard_icon_holder {
			display:inline-block;
			text-align:center;
			box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
			border-top-right-radius: 6px;
			border-top-left-radius: 6px;
		}
		.DashboardIcons .DashboardIconsBlocks {
			display:block;
			float:left;
		}
		.DashboardIcons .DashboardIconsBlocks:first-child {
		border-top-left-radius: 6px;
		border-top-right-radius: 0px;
		}
	.DashboardIcons .DashboardIconsBlocks:last-child {
		border-bottom-right-radius: 0px;
		border-top-right-radius: 6px;
	}
	.DashboardIcons .DashboardIconsBlocks + .DashboardIconsBlocks {
		border-top: solid 1px #931d64;
		border-left: solid 1px #931d64;
	}
	.card_zoomed {
		top: 20px;
		left: 0px;
		right: 0px;
		bottom: 20px;
	}
	.goto-old {
		display:none;
	}
	.switch-app-holder {
		float: right;
		width: 40px;
		height: 56px;
		max-height: 56px;
		margin-right:50px !important;
		padding: 18px 10px;
	}
	.header-right { right:20px !important; top: 12px !important; }
	.header-right-inner .profile-block {
		width: 60px !important;
		padding-right: 0px !important;
		padding-left: 8px !important;
	}
	.header-right-inner .crown {
		top: 28px;
		right: 10px !important;
		margin: 0px;
	}
	.switch-apps-dropdown {
		left:inherit;
		right:0px;
		width: 232px;
		border-top-left-radius: 6px;
		box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.18);
		border-top-left-radius: 6px;
		border-top-right-radius: 0px;
		padding: 20px 20px 10px 20px;
	}
	.switch-apps-dropdown::after {
		left:inherit;
		right:0px;
		width: 40px;
	}
	.notification-bar{
	width:92.2%;
	top:30px;
	left:3.9%;
	z-index:1200;
	transform: none;
	}

	.exit-module-theme
	.exit-module-theme .column-6>li,
	.exit-module-theme .column-5>li,
	.exit-module-theme .column-4>li {
		width: 100%;
	}


	}
	@media screen and (max-width: 413px) {
		.site-width {
			max-width:100%;
		}
	.chart_title_text {
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display: inherit;
		max-width: 200px;
		display: inline-block;
	}
		.profile-block{
			margin-left:5px;
		}



	}

