@media screen and (max-width:1799px) {
	.CASES .clone tr, .DASHBOARD .clone tr {
		background: #fff;
	}

		.CASES .clone tr.discrepancy, .DASHBOARD .clone tr.discrepancy {
			background: #fce8eb;
		}
}

@media screen and (max-width:1699px) {
	.responsiveTable .tableScroller.viewChecks_EDU {
		width: 100%;
		overflow-x: auto;
	}

		.responsiveTable .tableScroller.viewChecks_EDU table {
			width: 1600px;
		}

	.responsiveTable .tableScroller.viewChecks_EMP {
		width: 100%;
		overflow-x: auto;
	}

		.responsiveTable .tableScroller.viewChecks_EMP table {
			width: 1600px;
		}

	.responsiveTable .tableScroller.viewChecks_REF {
		width: 100%;
		overflow-x: auto;
	}

		.responsiveTable .tableScroller.viewChecks_REF table {
			width: 1600px;
		}

	.responsiveTable .tableScroller.viewClients {
		width: 100%;
		overflow-x: auto;
	}

		.responsiveTable .tableScroller.viewClients table {
			width: 1600px;
		}
}

@media screen and (max-width:1629px) {
	.responsiveTable .tableScroller.viewCompliance {
		width: 100%;
		overflow-x: auto;
	}

		.responsiveTable .tableScroller.viewCompliance table {
			width: 1500px;
		}

	.CLIENTS .clone tr {
		background: #fff;
	}

	.searchFilter span {
		margin-right: 5px;
		width: calc(50% - 5px);
		margin-bottom: 5px;
	}

		.searchFilter span:nth-child(even) {
			margin-right: 0;
			margin-left: 5px;
		}

	.searchFilter .btn {
		width: auto;
		margin: 0 5px 5px 0 !important;
	}

	.searchFilter .selectField {
		width: calc(50% - 5px);
	}

	.searchFilter .date {
		width: calc(50% - 5px);
	}

	.responsiveTable .tableScroller.viewEdu {
		width: 100%;
		overflow-x: auto;
	}

		.responsiveTable .tableScroller.viewEdu table {
			width: 1500px;
		}

	.responsiveTable .tableScroller.viewChecks_QUA {
		width: 100%;
		overflow-x: auto;
	}

		.responsiveTable .tableScroller.viewChecks_QUA table {
			width: 1500px;
		}

	.responsiveTable .tableScroller.viewCandidates {
		width: 100%;
		overflow-x: auto;
	}

		.responsiveTable .tableScroller.viewCandidates table {
			width: 1500px;
		}

	.CANDIDATES .clone tr {
		background: #fff;
	}
}

@media screen and (max-width:1499px) {
	.accordionContent ul li {
		width: calc(50% - 22px);
	}

	.formFields .formCol4 {
		width: calc(33.3333% - 20px);
	}

	.responsiveTable .tableScroller.pocScroll {
		width: 100%;
		overflow-x: auto;
	}

		.responsiveTable .tableScroller.pocScroll table {
			width: 1400px;
		}

	.dashboardCol2 li {
		width: calc(100% - 385px);
	}

		.dashboardCol2 li.TODOLIST {
			width: 305px;
		}
}

@media screen and (max-width:1399px) {
	.responsiveTable .tableScroller.uploadDocs {
		width: 100%;
		overflow-x: auto;
	}

		.responsiveTable .tableScroller.uploadDocs table {
			width: 1300px;
		}
}

@media screen and (max-width:1279px) {
	.dashboardCol4 li {
		width: calc(50% - 22px);
	}

	.formFields .formCol4 {
		width: calc(50% - 20px);
	}

	.formFields .formCol3 {
		width: calc(50% - 20px);
	}

	.formFields .formCol2 {
		width: calc(100% - 20px);
	}

	.CLIENT_PORTAL .clientDashboard ul li {
		width: calc(50% - 70px);
	}
}

@media screen and (max-width:1199px) {
	.responsiveTable .tableScroller {
		width: 100% !important;
		overflow-x: hidden !important;
	}

		.responsiveTable .tableScroller table {
			width: 100% !important;
		}

	.responsiveTable {
		margin-top: 0;
	}

		.responsiveTable .container {
			padding-bottom: 0;
		}

		.responsiveTable table {
			margin: 0;
			border-radius: 5px;
		}

			.responsiveTable table thead {
				border: none;
				clip: rect(0 0 0 0);
				height: 1px;
				margin: -1px;
				overflow: hidden;
				padding: 0;
				position: absolute;
				width: 1px;
			}

			.responsiveTable table tr {
				display: block;
				border-bottom: none;
				border-radius: 5px;
				margin: 10px 0 20px 0;
				background: #eeeeee;
			}

				.responsiveTable table tr.total {
					background: none;
					margin: 0 0 5px 0;
				}

			.responsiveTable table tbody tr td, .responsiveTable table tbody tr th {
				border-top: none;
				display: block;
				text-align: right !important;
				padding: 5px 10px;
			}

				.responsiveTable table tbody tr td span, .responsiveTable table tbody tr th span {
					display: inline-block;
				}

				.responsiveTable table tbody tr td .field, .responsiveTable table tbody tr td .pBar {
					display: block;
				}

				.responsiveTable table tbody tr td .field {
					margin-top: 22.5px;
				}

				.responsiveTable table td::before, .responsiveTable table tbody tr th::before {
					content: attr(data-label);
					float: left;
					font-weight: 600;
					color: #262626;
				}

				.responsiveTable table tbody tr td:last-child {
					paddding-bottom: 0;
				}

			.responsiveTable table tbody tr:last-child td {
				border-bottom: none;
			}

			.responsiveTable table .checkBoxStyle {
				text-align: right !important;
				display: inline-block;
				padding-bottom: 10px;
				margin: 15px 15px 0 0;
			}
		/**.responsiveTable .viewAll{position:relative;right:0;top:0;text-align:right;display:block;}**/
		.responsiveTable input[type="text"]:disabled {
			border: 1px solid #f0f0f0;
		}

		.responsiveTable input[type="text"] {
			display: block;
		}

		.responsiveTable table thead tr th.noPadding,
		.responsiveTable table tbody tr td.noPadding {
			padding: 5px 10px;
		}

		.responsiveTable table tbody tr td .staffIcon a {
			display: block;
		}

			.responsiveTable table tbody tr td .staffIcon a:before {
				content: '';
				padding-right: 0;
			}

		.responsiveTable table tbody tr td .switch {
			left: -35px;
		}

		.responsiveTable table tbody tr td .latestSubmission {
			display: inline-block;
		}

			.responsiveTable table tbody tr td .latestSubmission:before {
				content: url("../images/submission-icon.svg");
				width: 15px;
				padding-right: 0;
				display: inline-block;
				vertical-align: middle;
			}

		.responsiveTable table tbody tr th {
			border-bottom: none;
			background: none !important;
		}

		.responsiveTable table tbody tr.discrepancy {
			background: rgba(229,28,56,0.1);
		}

		.responsiveTable table tbody tr .header_td {
			width: calc(100% - 20px);
			display: block;
			background: #e51c38;
			color: #ffffff;
			text-align: left !important;
		}

	.REQUEST_EDU .responsiveTable table tr td input[type="text"]:disabled {
		background: none;
		border: 1px solid #dddddd;
	}

	.REQUEST_EDU .responsiveTable table tr td .radioGrp {
		width: 100%;
	}

		.REQUEST_EDU .responsiveTable table tr td .radioGrp li {
			width: auto;
			display: inline-block !important;
			margin-right: 10px;
		}

	.REQUEST_EDU .responsiveTable table tr td {
		text-align: left !important;
	}

		.REQUEST_EDU .responsiveTable table tr td::before {
			width: 100%;
		}

	.REQUEST_EDU .responsiveTable.YES_NO table tr td::before {
		width: 50px;
		margin-right: 10px;
	}

	.REQUEST_EDU .responsiveTable.YES_NO table tbody tr td .field {
		margin-top: 0;
	}

	.clone {
		display: none;
	}

	.pagination {
		margin: 0 0 10px 0;
	}

		.pagination .page {
			display: block;
			text-align: center;
			width: 100%;
		}

		.pagination .pageNum {
			display: block;
			text-align: center;
			width: 100%;
			margin: 15px 0;
		}

		.pagination ul li span {
			margin: 0;
		}

		.pagination ul li a {
			margin: 0;
		}

	.backBtn.add {
		margin-top: 0;
	}

	.slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #dddddd;
		border: 1px solid #dddddd;
		-webkit-transition: .4s;
		transition: .4s;
	}

	.tab_btns ul {
		width: calc(100% + 5px);
		font-size: 0;
	}

		.tab_btns ul li {
			display: inline-block;
			vertical-align: top;
			width: calc(50% - 5px);
			margin: 0 5px 5px 0;
		}

			.tab_btns ul li a {
				border-radius: 5px;
			}

	.dashboardCol2 {
		width: 100%;
	}

		.dashboardCol2 li {
			width: 100%;
			margin-right: 0;
		}

			.dashboardCol2 li.TODOLIST {
				width: 100%;
				margin-right: 0;
			}

				.dashboardCol2 li.TODOLIST .calendarPlacement {
					width: 100%;
					max-width: 380px;
					margin: 0 0 10px 0;
				}
}

@media screen and (max-width:1099px) {
	.CANDIDATE_PORTAL .btnRgt {
		text-align: center;
	}

		.CANDIDATE_PORTAL .btnRgt .progressStatus p {
			text-align: center;
		}

		.CANDIDATE_PORTAL .btnRgt .progressStatus {
			margin: 10px auto 25px auto;
		}

		.CANDIDATE_PORTAL .btnRgt .btns {
			width: 100%;
		}
}

@media screen and (max-width:999px) {
	.dashboardCol2 {
		width: 100%;
	}

		.dashboardCol2 li {
			width: calc(100% - 2px);
			margin: 0 0 20px 0;
		}

	.searchFilter span {
		margin-right: 0;
		width: 100%;
		margin-bottom: 5px;
	}

		.searchFilter span:nth-child(even) {
			margin-left: 0;
		}

	.searchFilter .selectField {
		width: 100%;
	}

	.searchFilter .date {
		width: 100%;
	}

		.searchFilter .date.extendWidth {
			width: 100%;
		}

	.searchFilter .btn {
		width: auto;
		margin-right: 5px;
	}

	.header .userDetails ul li.module {
		display: none;
	}

	.detailPage .boxContainer li {
		width: calc(100% - 32px);
		padding: 15px;
		text-align: center;
	}

		.detailPage .boxContainer li span {
			display: block;
		}

		.detailPage .boxContainer li .description, .detailPage .boxContainer.payment li .description {
			width: 100%;
			text-align: center;
			margin-bottom: 10px;
		}

		.detailPage .boxContainer li .amount {
			width: 100%;
			margin-bottom: 10px;
		}

		.detailPage .boxContainer li .action, .detailPage .boxContainer.payment li .action {
			width: 100%;
			margin-bottom: 10px;
		}

			.detailPage .boxContainer.payment li .action .cancelBtn {
				display: inline-block;
				width: auto !important;
				padding: 10px 20px;
			}

	.LOGIN .wrapper {
		background: url("../images/login-bg.jpg")no-repeat center center #ffffff;
		background-size: cover;
	}

	.radioGrp.col4 li {
		width: calc(50% - 10px);
	}

	.quickBtns {
		position: relative;
		top: 0;
		right: 0;
		margin-bottom: 10px;
	}

		.quickBtns span {
			margin-left: 0;
			margin-right: 5px;
			margin-bottom: 10px;
		}
}

@media screen and (max-width:899px) {
	.CANDIDATE_PORTAL .formFields {
		width: 100%;
		font-size: 14px;
		line-height: 18px;
	}

		.CANDIDATE_PORTAL .formFields .fieldName {
			width: 100%;
		}

		.CANDIDATE_PORTAL .formFields .formCol4 {
			width: 100%;
			margin: 0 0 10px 0;
		}

		.CANDIDATE_PORTAL .formFields .formCol3 {
			width: 100%;
			margin: 0 0 10px 0;
		}

		.CANDIDATE_PORTAL .formFields .formCol2 {
			width: 100%;
			margin: 0 0 10px 0;
		}

		.CANDIDATE_PORTAL .formFields .formCol {
			width: 100%;
			margin: 0 0 10px 0;
		}

		.CANDIDATE_PORTAL .formFields .hideMobile .fieldName {
			display: none;
		}

	.CANDIDATE_PORTAL .col2Form {
		width: 100%;
	}

		.CANDIDATE_PORTAL .col2Form .col2 {
			width: 100%;
			margin: 0 0 10px 0;
		}

	.CANDIDATE_PORTAL .radioGrp li {
		display: block;
		margin: 10px 0;
	}

	.CANDIDATE_PORTAL .radioGrp.col4 li,
	.CANDIDATE_PORTAL .radioGrp.col5 li {
		width: calc(100% - 10px);
	}
}

@media screen and (max-width:800px) {
	.header {
		padding: 10.5px 15px;
		width: calc(100% - 30px);
		position: relative;
	}

	.page-wrapper .footer {
		position: relative;
	}

	.page-wrapper .footer {
		padding: 15px;
		width: calc(100% - 30px);
	}

	.commonPage {
		padding: 25px 15px;
		width: calc(100% - 30px);
	}

	.formFields {
		width: 100%;
		font-size: 14px;
		line-height: 18px;
	}

		.formFields .fieldName {
			width: 100%;
		}

		.formFields .formCol4 {
			width: 100%;
			margin: 0 0 10px 0;
		}

		.formFields .formCol3 {
			width: 100%;
			margin: 0 0 10px 0;
		}

		.formFields .formCol2 {
			width: 100%;
			margin: 0 0 10px 0;
		}

		.formFields .formCol {
			width: 100%;
			margin: 0 0 10px 0;
		}

		.formFields .hideMobile .fieldName {
			display: none;
		}

	.col2Form {
		width: 100%;
	}

		.col2Form .col2 {
			width: 100%;
			margin: 0 0 10px 0;
		}

	.radioGrp li {
		display: block;
		margin: 10px 0;
	}

	.radioGrp.col4 li {
		width: calc(100% - 10px);
	}

	.detailPage .boxContainer li {
		width: calc(100% - 42px);
		padding: 20px;
		text-align: right;
	}

		.detailPage .boxContainer li span {
			display: inline-block
		}

		.detailPage .boxContainer li .description {
			width: calc(100% - 360px);
			text-align: left;
			margin-bottom: 0;
		}

		.detailPage .boxContainer li .amount {
			width: 150px;
			margin-bottom: 0;
		}

		.detailPage .boxContainer li .action {
			width: 210px;
			margin-bottom: 0;
		}

	.detailPage .boxContainer.payment li .description {
		width: calc(100% - 240px);
		text-align: left;
		margin-bottom: 0;
	}

	.detailPage .boxContainer.payment li .action {
		width: 240px;
		margin-bottom: 0;
	}

	.popup_widen .normalTable {
		width: 100%;
		overflow-x: auto;
	}

		.popup_widen .normalTable table {
			width: 820px;
		}

		.popup_widen .normalTable.totalPrice {
			overflow-x: hidden;
			margin-top: 10px;
		}

			.popup_widen .normalTable.totalPrice table {
				width: 100% !important;
			}

				.popup_widen .normalTable.totalPrice table td:last-child {
					text-align: right;
				}

	/**Candidate Portal**/
	.CANDIDATE_PORTAL .page-wrapper .sidebar-wrapper {
		width: 294px;
		left: 0;
	}

	.CANDIDATE_PORTAL .page-wrapper .page-content {
		padding-left: 294px !important;
		width: calc(100% - 294px) !important;
		margin-left: 0 !important;
	}

	.CANDIDATE_PORTAL .cornerImg {
		left: 294px;
	}

	.sidebar-wrapper .sidebar-steps .steps .iconText .text {
		font-size: 14px;
		line-height: 18px;
	}

	.CANDIDATE_PORTAL header .portalLogo {
		width: 294px;
	}

		.CANDIDATE_PORTAL header .portalLogo img {
			width: 230px;
			margin: 20px 0 0 15px
		}

	.CANDIDATE_PORTAL header .accountName {
		width: calc(100% - 334px);
		padding-right: 40px;
		padding-top: 20px;
		height: 60px;
		font-size: 14px;
	}

	/**Client Portal**/
	.CLIENT_PORTAL .commonPage h1 {
		margin: 15px 0 30px 0;
	}

	.CLIENT_PORTAL .mainMenuBtn {
		display: inline-block;
	}

	.CLIENT_PORTAL .commonPage {
		padding: 30px 15px 30px 15px;
		width: calc(100% - 30px);
	}
}

@media screen and (max-width:759px) {
	.CANDIDATE_PORTAL .cornerImg {
		display: none;
	}

	.CANDIDATE_PORTAL .page-wrapper .sidebar-wrapper {
		width: 100%;
		height: auto;
		max-height: none;
		position: relative;
	}

	.CANDIDATE_PORTAL .sidebar-content {
		max-height: none !important;
		height: auto !important;
		overflow-y: none !important;
		margin-top: -30px;
	}

	.CANDIDATE_PORTAL .page-wrapper .page-content {
		padding-left: 0 !important;
		width: 100% !important;
		margin-left: 0 !important;
	}

	.sidebar-wrapper .sidebar-steps .steps .iconText .text {
		font-size: 14px;
		line-height: 18px;
	}

	.CANDIDATE_PORTAL header .portalLogo {
		width: 100%;
		height: auto;
	}

		.CANDIDATE_PORTAL header .portalLogo img {
			width: 200px;
			margin: 15px 0 0 15px;
		}

	.CANDIDATE_PORTAL header .accountName {
		width: calc(100% - 30px);
		padding: 5px 15px 10px 15px;
		height: auto;
		text-align: left;
		border-bottom-right-radius: 120px;
	}

	.sidebar-wrapper .sidebar-steps {
		width: calc(100% - 20px);
		margin: 80px 0 30px 20px;
	}

	.CANDIDATE_PORTAL .commonPage {
		padding: 30px 20px 30px 20px;
		width: calc(100% - 40px);
	}

	.sidebar-wrapper .sidebar-steps .steps .verticalLine {
		height: 40px;
	}
}

@media screen and (max-width:699px) {
	.dashboardCol4 {
		width: 100%;
	}

		.dashboardCol4 li {
			width: calc(100% - 2px);
			margin: 0 0 20px 0;
		}

	.accordionContent ul {
		width: 100%;
	}

		.accordionContent ul li {
			width: calc(100% - 2px);
			margin-right: 0;
		}

	.rightBtn {
		position: relative;
		display: block;
		top: 0;
		margin-top: 15px;
	}

	.detailPage .boxContainer li {
		width: calc(100% - 32px);
		padding: 15px;
		text-align: center;
	}

		.detailPage .boxContainer li span {
			display: block;
		}

		.detailPage .boxContainer li .description, .detailPage .boxContainer.payment li .description {
			width: 100%;
			text-align: center;
			margin-bottom: 10px;
		}

		.detailPage .boxContainer li .amount {
			width: 100%;
			margin-bottom: 10px;
		}

		.detailPage .boxContainer li .action, .detailPage .boxContainer.payment li .action {
			width: 100%;
			margin-bottom: 10px;
		}

	.CLIENT_PORTAL .clientDashboard ul {
		width: 100%;
	}

		.CLIENT_PORTAL .clientDashboard ul li {
			width: calc(100% - 40px);
			margin: 0 0 20px 0;
			padding: 20px;
		}
}

@media screen and (max-width:599px) {
	.header .companyLogo .logoImg {
		width: calc(100% - 54px);
		margin: 0 10px;
	}

		.header .companyLogo .logoImg .systemName {
			display: block;
			margin-left: 0;
			padding-left: 0;
			border-left: none;
			font-size: 24px;
			line-height: 24px;
		}

	.mthYrFields .mthField.COL3 {
		margin-right: 2.5px;
		width: calc(50% - 2.5px);
		margin-bottom: 5px;
	}

	.mthYrFields .yrField.COL3 {
		margin-left: 2.5px;
		width: calc(50% - 2.5px);
		margin-right: 0;
		margin-bottom: 5px;
	}

	.mthYrFields .commentField.COL3 {
		width: 100%;
		margin-right: 0;
	}
}

@media screen and (max-width:499px) {
	.responsiveTable .viewAll {
		position: relative;
		right: auto;
		top: 0;
		margin-bottom: 20px;
		display: inline-block;
		border: 1px solid #e51c38;
		padding: 5px 10px;
	}

	.mthYrFields .mthField {
		margin-right: 2.5px;
		width: calc(50% - 2.5px);
	}

	.mthYrFields .yrField {
		margin-left: 2.5px;
		width: calc(50% - 2.5px);
	}

	.tab_btns ul li {
		display: block;
		width: calc(100% - 5px);
	}
}

@media screen and (max-width:389px) {
	.header .companyLogo .logoImg img {
		width: 155px;
	}
}

@media screen and (max-height:729px) {
	.RESET .wrapper {
		height: auto;
		padding-top: 20px;
	}

	.RESET .footer {
		position: relative;
		padding: 15px 0;
	}
}

@media screen and (max-height:649px) {
	.LOGIN .wrapper {
		height: auto;
		padding-top: 20px;
	}

	.LOGIN .footer {
		position: relative;
		padding: 15px 0;
	}
}

@media screen and (orientation:landscape) and (max-height:599px) {
	?????? .LOGIN_CLIENT .wrapper {
		height: auto;
	}

	?????? .LOGIN_CLIENT .footer {
		position: relative;
		padding-bottom: 0;
		text-align: center;
	}

	?????? .LOGIN_CLIENT.NTAD .wrapper {
		height: 100vh;
	}

	?????? .LOGIN_CLIENT.NTAD .footer {
		text-align: left;
		position: absolute;
		padding: 25px 0;
	}
}

@media screen and (orientation:portrait) and (max-height:669px) {
	?????? .LOGIN_CLIENT .wrapper {
		height: auto;
	}

	?????? .LOGIN_CLIENT .footer {
		position: relative;
		padding-bottom: 0;
		text-align: center;
	}

	?????? .LOGIN_CLIENT.NTAD .wrapper {
		height: 100vh;
	}

	?????? .LOGIN_CLIENT.NTAD .footer {
		text-align: left;
		position: absolute;
		padding: 25px 0;
	}
}

@media screen and (orientation:landscape) and (max-height:299px) {
	?????? .LOGIN_CLIENT.NTAD .wrapper {
		height: auto;
	}

	?????? .LOGIN_CLIENT.NTAD .footer {
		position: relative;
		padding-bottom: 0;
		text-align: center;
	}
}

@media screen and (orientation:portrait) and (max-height:399px) {
	?????? .LOGIN_CLIENT.NTAD .wrapper {
		height: auto;
	}

	?????? .LOGIN_CLIENT.NTAD .footer {
		position: relative;
		padding-bottom: 0;
		text-align: center;
	}
}


/*FOR PRINT ONLY*/
@media print {
	* {
		color-adjust: exact;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		margin: 0;
		padding: 0;
	}
}