body {
	box-sizing: border-box;
	line-height: 1.2em;
	height: 100vh;
	color: #6c757d;
	background-color: #fafbfe;
	margin: 0px;
	padding: 0px;
}

img {
	max-width: 100%;
}

ul, body, html, ul, li, p, span, b, h2, h1 {
	font-family: 'Cairo';
	font-size: 0.9rem;
}

body[dir=rtl] {
	direction: rtl;
	text-align: start;
}

.nav-bar-holder, .main-content-holder {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

a, a:hover {
	text-decoration: none;
	color: initial;
}

button:active, button:focus, .btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show>.btn.dropdown-toggle:focus, input, input:active, input:focus, select, select:active, select:focus, textarea:focus, select, textarea:active, textarea:focus {
	outline: none;
	box-shadow: none !important;
}

.main-login-page {
	display: flex;
	height: 100vh;
	align-items: center;
	text-align: center;
}

.main-container {
	position: relative;
	height: 100vh;
}

body[dir=ltr] .nav-bar-holder {
	left: 0px;
}

body[dir=rtl] .nav-bar-holder {
	right: 0px;
}

.nav-bar-x {
	height: 100%;
}

.nav-bar-holder {
	position: fixed;
	top: 0xp;
	width: 50px;
	height: 100%;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	z-index: 10;
	background-color: #313a46;
	z-index: 100;
}

body.active_nav .nav-bar-holder {
	width: 250px;
}

body.main-nav>li>a span {
	display: none;
}

.main-nav {
	margin: 0xp;
	padding: 0px;
}

.main-nav>li {
	display: block;
	margin-bottom: 10px;
}

.main-nav>li>a {
	display: block;
	color: #bccee4;
	padding: 10px 5px;
	font-size: 10pt;
}

.main-nav>li>a.active {
	/*
	background: rgb(7,42,125);
*/
	color: #fff;
}

.main-nav>li>a i {
	display: inline-block;
	color: #bccee4;
	font-size: 10pt;
	margin: 0px 5px;
	vertical-align: middle;
}

.main-nav>li>a span {
	display: none;
	vertical-align: middle;
	color: #bccee4;
}

.main-nav>li>a.active i, .main-nav>li>a.active span {
	color: #fff;
}

.topper-nave-togle-cc {
	text-align: end;
}

.topper-nave-togle-cc>button {
	display: inline-block;
	background-color: #2a323c;
	color: #bccee4;
	padding: 4px 20px;
	border: 0px;
	font-size: 16pt;
}

body.disable_nav .topper-nave-togle-cc>button {
	padding: 12px 16px;
	margin-bottom: 15px;
}

body.disable_nav .main-nav>li>a {
	text-align: center;
}

body.disable_nav .main-nav>li>a>b {
	display: none;
}

.main-content-holder {
	display: block;
	height: calc(100vh);
	position: relative;
	overflow-y: scroll;
	padding-top: 70px;
	z-index: 11;
}

body[dir=ltr].active_nav .main-content-holder {
	margin-left: 250px;
}

body[dir=rtl].active_nav .main-content-holder {
	margin-right: 250px;
}

body[dir=ltr].disable_nav .main-content-holder {
	margin-left: 50px;
}

body[dir=rtl].disable_nav .main-content-holder {
	margin-right: 50px;
}

.fixed-bar-topper {
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(222deg, rgba(255, 255, 255, 1) 0%, rgba(242, 246, 255, 1) 100%);
	background: -webkit-linear-gradient(222deg, rgba(255, 255, 255, 1) 0%, rgba(242, 246, 255, 1) 100%);
	background: linear-gradient(222deg, rgba(255, 255, 255, 1) 0%, rgba(242, 246, 255, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f2f6ff", GradientType=1);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
	position: absolute;
	top: 0px;
	right: 0px;
	left: 0px;
	width: 100%;
	padding: 7px 10px;
}

.main-nav>li>a>b {
	display: inline-block;
	font-size: 12pt;
	padding: 3px;
	color: #d1d1d1;
}

body[dir=ltr] .main-nav>li>a>b {
	float: right;
}

body[dir=rtl] .main-nav>li>a>b {
	float: left;
}

ul.drop-down {
	padding: 10px;
	background-color: #505f72;
	display: none;
}

ul.drop-down>li {
	display: block;
}

body[dir=ltr] ul.drop-down {
	border-left: 2px #333 solid;
}

body[dir=rtl] ul.drop-down {
	border-right: 2px #333 solid;
}

ul.drop-down>li>a {
	display: block;
}

ul.drop-down>li>a {
	display: block;
	color: #baedfc;
	padding: 10px 5px;
	font-size: 10pt;
}

ul.drop-down>li>a.active+ul.drop-down>li>a {
	background: rgb(7, 42, 125);
}

ul.drop-down>li>a i {
	display: inline-block;
	color: #bccee4;
	font-size: 10pt;
	margin: 0px 5px;
	vertical-align: middle;
}

ul.drop-down>li>a span {
	display: none;
	vertical-align: middle;
	color: #bccee4;
}

body.disable_nav ul.drop-down {
	padding: 2px;
}

body.disable_nav ul.drop-down {
	text-align: center;
	font-size: 11pt;
}

.main-nav a {
	cursor: pointer;
}

.datatabels {
	width: 100%;
}

.datatabels td {
	vertical-align: middle;
	text-align: start;
}

.datatabels td.text-center {
	text-align: center;
}

td {
	vertical-align: middle !important;
	text-align: start;
}

#codeigniter_profiler {
	padding: 15px 50px !important;
}

@media all and (max-width: 600px) {
	.col-12 {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	.col-12:first-child {
		margin-top: 0px;
	}

	.col-12:last-child {
		margin-bottom: 0px;
	}
}







































/*///////// checkbox /////////  */
.toggler {
	display: inline-block;
	padding-top: 4px;
}

.toggler input {
	display: none;
}

.toggler>label {
	display: block;
	position: relative;
	width: 50px;
	height: 25px;
	border: 1px solid #d6d6d6;
	border-radius: 36px;
	background: #e4e8e8;
	cursor: pointer;
	display: inline-block;
	vertical-align: top;
	margin: 0px 5px;
}

.toggler>span {
	display: inline-block;
	vertical-align: middle;
	padding-top: 8px;
	font-size: 13pt;
}

.toggler label::after {
	display: block;
	border-radius: 100%;
	background-color: #d7062a;
	content: '';
	-webkit-animation-name: toggler-size;
	animation-name: toggler-size;
	-webkit-animation-duration: .15s;
	animation-duration: .15s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	-webkit-animation-direction: forwards;
	animation-direction: forwards;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-play-state: running;
	animation-play-state: running;
}

.toggler label::after,
.toggler label .toggler-on,
.toggler label .toggler-off {
	position: absolute;
	top: 50%;
	left: 25%;
	width: 20px;
	height: 20px;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	-webkit-transition: left .15s ease-in-out, background-color .2s ease-out, width .15s ease-in-out, height .15s ease-in-out, opacity .15s ease-in-out;
	transition: left .15s ease-in-out, background-color .2s ease-out, width .15s ease-in-out, height .15s ease-in-out, opacity .15s ease-in-out;
}

.toggler input:checked+label::after,
.toggler input:checked+label .toggler-on,
.toggler input:checked+label .toggler-off {
	left: 75%;
}

.toggler input:checked+label::after {
	background-color: #50ac5d;
	-webkit-animation-name: toggler-size2;
	animation-name: toggler-size2;
}

.toggler .toggler-on,
.toggler .toggler-off {
	opacity: 1;
	z-index: 2;
}

.toggler input:checked+label .toggler-off,
.toggler input:not(:checked)+label .toggler-on {
	width: 0;
	height: 0;
	opacity: 0;
}

.toggler .path {
	fill: none;
	stroke: #fefefe;
	stroke-width: 7px;
	stroke-linecap: round;
	stroke-miterlimit: 10;
}

.inlines>.form-group>br {
	display: none;
}

.inlines>.form-group>.toggler {
	margin: 0px 10px;
}

body[dir=rtl] .inlines>.form-group>.toggler:first-child {
	margin-right: 0px;
}

body[dir=ltr] .inlines>.form-group>.toggler:first-child {
	margin-left: 0px;
}

.uploader>label>input {
	display: none;
}

.uploader>label {
	display: block;
	margin-bottom: 10px;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: .45rem 1.5rem;
	font-size: .9rem;
	line-height: 1.5;
	border-radius: 5.35rem;
	display: inline-block;
	box-shadow: 0 2px 6px 0 rgba(114, 124, 245, .5);
	color: #fff;
	background-color: #727cf5;
	border-color: #727cf5;
	cursor: pointer;
	margin-top: 10px;
}

.uploader>label>span {
	display: inline-block;
}

.loading-upload {
	display: none;
	position: fixed;
	z-index: 99999;
	bottom: 10px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255, 0.9);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	width: 300px;
	padding: 10px;
	text-align: center;
}

body[dir=rtl] .loading-upload {
	left: 30px;
}

body[dir=rtl] .dt-buttons {
	float: left;
}

body[dir=ltr] .dt-buttons {
	float: right;
}

body[dir=ltr] .loading-upload {
	right: 30px;
}

.loading-upload .spinner-border {
	margin-bottom: 10px;
}

.row>div {
	margin-bottom: 10px !important;
}

[dir=rtl] .input-group-addon:not(:last-child) {
	border-right: 1px solid rgba(0, 0, 0, .15);
	border-left: 0;
}

[dir=rtl] .input-group .form-control:not(:last-child),
[dir=rtl] .input-group-addon:not(:last-child),
[dir=rtl] .input-group-btn:not(:first-child)>.btn-group:not(:last-child)>.btn,
[dir=rtl] .input-group-btn:not(:first-child)>.btn:not(:last-child):not(.dropdown-toggle),
[dir=rtl] .input-group-btn:not(:last-child)>.btn,
[dir=rtl] .input-group-btn:not(:last-child)>.btn-group>.btn,
[dir=rtl] .input-group-btn:not(:last-child)>.dropdown-toggle {
	border-bottom-right-radius: .25rem;
	border-top-right-radius: .25rem;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

[dir=rtl] .input-group .form-control:not(:first-child),
[dir=rtl] .input-group-addon:not(:first-child),
[dir=rtl] .input-group-btn:not(:first-child)>.btn,
[dir=rtl] .input-group-btn:not(:first-child)>.btn-group>.btn,
[dir=rtl] .input-group-btn:not(:first-child)>.dropdown-toggle,
[dir=rtl] .input-group-btn:not(:last-child)>.btn-group:not(:first-child)>.btn,
[dir=rtl] .input-group-btn:not(:last-child)>.btn:not(:first-child) {
	border-bottom-right-radius: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: .25rem;
	border-top-left-radius: .25rem;
}

[dir=rtl] .form-control+.input-group-addon:not(:first-child) {
	border-left: 1px solid rgba(0, 0, 0, .15);
	border-right: 0;
}

[dir=rtl] .input-group .form-control:not(:first-child):not(:last-child),
[dir=rtl] .input-group .input-group-addon:not(:first-child):not(:last-child) {
	border-radius: 0;
}

[dir=rtl] .list-group-horizontal .list-group-item:first-child {
	border-radius: 0px .25rem .25rem 0px;
}

[dir=rtl] .list-group-horizontal .list-group-item:last-child {
	border-radius: .25rem 0px 0px .25rem;
}

.form-group label .fad.fa-certificate, .form-cnontents label .fad.fa-certificate {
	display: inline-block;
	vertical-align: middle;
	margin: 0px 5px;
	color: #f44747;
	font-size: 8pt;
}

.vertical-conteter-center {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.max-width-box-600 {
	max-width: 600px;
}

.vertical-conteter-center-holder {
	min-height: 100vh;
}

.row>div.vertical-conteter-center-holder {
	margin-bottom: 0px !important;
}

.margincenter {
	margin-right: auto;
	margin-left: auto;
}

.shide {
	display: none;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

body[dir=ltr].float-right {
	float: left;
}

body[dir=ltr].float-left {
	float: right;
}

.form-group>label {
	display: block;
	margin-bottom: 10px;
	font-size: 11pt;
}

.form-group {
	margin-bottom: 25px;
	;
}

.dt-buttons {
	float: right;
}

body[ dir=rtl] .dt-buttons {
	float: left;
}

.dynamic_select-holder select {
	margin-bottom: 15px;
}

.block_radio .toggler {
	display: block;
}













































.loader-holder {
	position: fixed;
	z-index: 10000000000;
	right: 0px;
	top: 0px;
	background-color: rgba(0, 0, 0, 0.816);
	text-align: center;
	width: 100%;
	height: 100%;
	display: none;
}

@-webkit-keyframes toggler-size {

	0%,
	100% {
		width: 26px;
		height: 26px;
	}

	50% {
		width: 20px;
		height: 20px;
	}
}

@keyframes toggler-size {

	0%,
	100% {
		width: 26px;
		height: 26px;
	}

	50% {
		width: 20px;
		height: 20px;
	}
}

@-webkit-keyframes toggler-size2 {

	0%,
	100% {
		width: 26px;
		height: 26px;
	}

	50% {
		width: 20px;
		height: 20px;
	}
}

@keyframes toggler-size2 {

	0%,
	100% {
		width: 26px;
		height: 26px;
	}

	50% {
		width: 20px;
		height: 20px;
	}
}

.loader {
	text-align: center;
	vertical-align: middle;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	display: flex;
	background: transparent;
	padding: 150px 0px;
	margin-right: auto;
	margin-left: auto;
	max-width: 300px;
	direction: ltr !important;
}

.loader span {
	display: block;
	width: 20px;
	height: 20px;
	background: #eee;
	border-radius: 50%;
	margin: 0 5px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
}

.loader span:nth-child(2) {
	background: #f07e6e;
}

.loader span:nth-child(3) {
	background: #84cdfa;
}

.loader span:nth-child(4) {
	background: #5ad1cd;
}

.loader span:not(:last-child) {
	animation: animate 1.5s linear infinite;
}

@keyframes animate {
	0% {
		transform: translateX(0);
	}

	100% {
		transform: translateX(30px);
	}
}

.loader span:last-child {
	animation: jump 1.5s ease-in-out infinite;
}

@keyframes jump {
	0% {
		transform: translate(0, 0);
	}

	10% {
		transform: translate(10px, -10px);
	}

	20% {
		transform: translate(20px, 10px);
	}

	30% {
		transform: translate(30px, -50px);
	}

	70% {
		transform: translate(-150px, -50px);
	}

	80% {
		transform: translate(-140px, 10px);
	}

	90% {
		transform: translate(-130px, -10px);
	}

	100% {
		transform: translate(-120px, 0);
	}
}

.map-content-container {
	position: relative;
	z-index: 5;
	height: 400px;
	width: 100%;
	margin-bottom: 25px;
	border-radius: 40px;
}

.main-padd-map-cc {
	position: relative;
	z-index: 5;
	height: 100%;
	width: 100%;
}

.mapxasdasdx {
	height: 100%;
	width: 100%;
	right: 0px;
	top: 0px;
	position: absolute;
	z-index: 1;
}

.mapppxxx_locator {
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 20px;
	position: absolute;
	z-index: 4;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	left: 10px;
	bottom: 10px;
	border: 0px;
}

.mapppxxx_locator img {
	width: 70%;
	height: auto;
}

.map-input-seracher {
	width: calc(100% - 90px);
	height: 40px;
	text-align: center;
	line-height: 50px;
	position: absolute;
	z-index: 4;
	background-color: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	left: 11px !important;
	top: 11px !important;
	line-height: 30px;
	border: 0px;
}

.mapxasdasdx .gm-fullscreen-control {
	display: none !important;
}

.main-map-cc-button [accept_map_select] {
	height: 50px;
	text-align: center;
	line-height: 50px;
	position: absolute;
	z-index: 10;
	background-color: #098607;
	color: #fff;
	border-radius: 5px;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
	right: 10px;
	bottom: 10px;
	padding: 0px 20px;
}

.drawrpallete-wrapper {
	z-index: 1 !important;
	position: relative !important;
}

.drawrpallete-wrapper>div {
	z-index: 10000000 !important;
	right: calc(50% - 100px) !important;
	top: calc(50% - 100px) !important;
	position: static !important;
}

.btons-home:hover {
	color: initial;
}

.text-start {
	text-align: start !important;
}

.text-end {
	text-align: end !important;
}

button {
	border-radius: 15px;
	background-color: #1b45d0;
	border: 0px;
	color: #fff;
}

.status_blockss {
	display: inline-block;
	vertical-align: middle;
	border: 2px solid transparent;
	padding: 3px 15px;
	border-radius: 10px;
}

.d_swating {
	border-color: #d4ac1b;
	color: #d4ac1b;
}

.d_sunder_review {
	border-color: #66310b;
	color: #66310b;
}

.d_swating_interview {
	border-color: #450b66;
	color: #450b66;
}

.d_saccepted {
	border-color: #0b661d;
	color: #0b661d;
}

.d_ssent {
	border-color: #660b48;
	color: #660b48;
}

.d_sinterview_fit {
	border-color: #310b66;
	color: #310b66;
}

.d_sinterview_notfit {
	border-color: #0b5566;
	color: #0b5566;
}

.d_sdeclined {
	border-color: #66110b;
	color: #66110b;
}

.select2-container {
	box-sizing: border-box;
	display: block;
	margin: 0;
	position: relative;
	width: 100% !important;
}

.select2-container--default .select2-selection--single{
	padding: 5px 10px;
}

.select2-container .select2-selection--single{
	height: auto !important;
}