/*!

 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)

 * Copyright 2013-2019 Start Bootstrap

 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)

 */



@font-face {

    font-family:roboto;

    src: url(../fonts/calibri.ttf);

}

body {

  margin:0px;

  padding:0px;

  height:100%;

}

*

{

	font-family:roboto;

}

h1, h2 , h3 , h4, h5, h6, p, a, li, label, button

{

	text-decoration:none;

	font-family:roboto !important;

	text-transform:capitalize;

}

ul, li

{

	list-style:none;

	margin:0px;

	padding:0px;

}

.mainContainer

{

	width:100%;

	float:left;

	position:relative;

	min-height:100vh;

}

fieldset

{

	border:none;

	width:98%;

	margin:0px;

	padding:0px;

	float:left;

	position:relative;

}

.clearCheck

{

	left: 0px;



top: 0px;



position: absolute;



width: 48px;

height:40px;

cursor:pointer;

opacity: 0;

z-index:999999l;

}

.center

{

	width:95%;

	margin:auto;

}

.barCenter

{

	width:90%;

}

.roww

{

	width:100%;

	float:left;

	position:relative;

}

.left

{

	float:left;

	position:relative;

}

.right

{

	float:right;

	position:relative;

}

.barBtn

{

	display:none;

}

.sideBar {

  min-height: 100vh;

  left:0px;

  top:0px;

  position:fixed;

  -webkit-transition: margin .25s ease-out;

  -moz-transition: margin .25s ease-out;

  -o-transition: margin .25s ease-out;

  transition: margin .25s ease-out;

  background:#2e2f30 !important;

  width:20% !important;

}



.sidebarHeader {



  width:100%;

  float:left;

  position:relative;

  background:#252728;



  line-height:40px !important;

  padding:10px 0px 10px 0px;

}

.sidebarHeading

{

  width:50%;

  font-size: 1.8em;

  font-weight:500px;

  color:#fff;

  margin:0px;





}

.icon

{

	width:20%;

	text-align:center;

}

.icon i

{

	color:#CCC;

	cursor:pointer;

}

.icon:hover i

{

	color:#fff;

}

.search-container

{

	width:100%;

  float:left;

  position:relative;

}

.search

{





}

.search i

{

	color:#646567;

	font-size:18px;

	left:16px;

	position:absolute;

	top:33px;

}

.search-box {

	width:80%;



	background:#252728;

	border-radius:50px;

	height:33px;

	line-height:33px;

	margin:25px 0px 0px 10px;

	color:#fff;

	border:none;

	padding-left:28px;

}

.search-box:focus {

	outline:none;

}

.close-icon {

	border:1px solid transparent;

	background-color: transparent;

	display: inline-block;

	vertical-align: middle;

  outline: none;

  cursor: pointer;

}

.close-icon:after {

	content: "X";

	display: block;





	position: absolute;

	z-index:1;

	right: 21px;

	top: 29px;

	bottom: 0;



	padding: 2px;

	border-radius: 50%;

	text-align: center;

	color: white;

	font-weight: normal;

	font-size: 17px;

	z-index:9999;

	cursor: pointer;

}

.search-box:not(:valid) ~ .close-icon {

	display: none;

}









.filterHeading

{

	margin:15px 0px 10px 0px;

	color:#86888b;

	font-size:1.1em;

	font-weight:400px;

}

.clear

{

	display: none;

}

#clear

{

	color:#000;

	cursor:pointer;



}

#clear2

{

	color:#000;

	cursor:pointer;



}

.filters ul

{

	width:100%;

	margin:0px;

	padding:0px;

	list-style:none;

	float:left;

	position:relative;

}

.filters ul li

{

	list-style:none;

	width:100%;

	float:left;

	position:relative;

	margin:0px;

	padding:0px;

	border-bottom:1px solid #535557;



	font-size:1.1em;

	height:30px;

	line-height:30px;

	color:#d4d5d6;

}

.city, .totalJob

{

	padding:0px;

	margin:0px;

	color:#fff;

	color:#d4d5d6;

	cursor:pointer;

}



/* Customize the label (the container) */

.label {

  display: block;

  position: relative;

  padding-left: 28px;

  margin-bottom: 12px;

  cursor: pointer;

  font-size: 16px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  font-family:roboto;

  text-transform:capitalize;

}



/* Hide the browser's default checkbox */

.label input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

  left:0px;

}



/* Create a custom checkbox */

.checkmark {

  position: absolute;

  top: 7px;

  left: 0;

  height: 13px;

  width: 13px;

  border-radius:2px;

  background-color: #535557;

}



/* On mouse-over, add a grey background color */

.label:hover input ~ .checkmark {

  background-color: #ccc;

}



/* When the checkbox is checked, add a blue background */

.label input:checked ~ .checkmark {

  background-color: #2196F3;

}

input:checked .label

{

	color:red;

}









.power

{

	color:#86888b;;

	font-weight:400;

	margin-top:30px;

}

.bull

{

	margin-top: -20px;



}

/* Create the checkmark/indicator (hidden when not checked) */



.mainSection

{

	width:80%;

  background:#f4f4f4;

  margin-left:20%;



}

header

{



	height:60px;

	line-height:60px;

  background:radial-gradient(circle, rgba(68,68,68,1) 0%, rgba(48,48,48,1) 100%);

	/* background:#d52027; */

	text-align:left;

	color:#fff;

}

section

{



}

.logo

{

	line-height:60px;

	height:60px;

	margin:0px;

}

.logo img

{

	width:50px;

	height:50px;

	vertical-align:middle;

}

/*********job Tab**************/

.openJobs

{

	font-size:18px;

	color:#cecece;



	margin:15px 0px 10px 0px;

}

.jobTab

{

	background:#fff;

	max-height:102px;

	overflow:hidden;

	padding:10px 0px 15px 0px;

	margin-top:20px;

	-webkit-box-shadow: 0px 0px 4px 0px #7D7D7D;

box-shadow: 0px 0px 4px 0px #7D7D7D;

	width:99%;

	margin-left:5px;

}

.jobHeading

{

	width:40%;

}

.jobTags

{

	color:#939597;

	width:20%;

	text-align:center;

	margin-top:10px;

}

.jobTitle

{



	text-align:left;

	font-size:28px;

	color:#5198DE;

	margin-bottom:0px;

}

.jobDep

{

	font-size:14px;

	font-weight:bold;

	margin:0px 0px 10px 0px;

	color:#333;

}

.jobDes

{

	color:#333;

}

.jobDes p

{

	margin-top:-52px;

	line-height:90px;

}

.jobDes p:first-line {





}

.arrow

{

	right:12px;

	position:absolute;

	top:48px;

	font-size:17px;

	color:#5198DE;

}

.viewBtn

{

	width:100%;

	left:0px;

	bottom:0px;

	position:absolute;

	text-align:center;

	padding:5px 0px 5px 0px;

	color:#333;

	font-weight:bold;

}

.viewBtn:hover

{

	transition: background-color 1s ease;

	background-color:#06F;

	color:#fff;



}

.item {



  float: left;

}

.isotope

{

	min-height:80vh !important;

}

.isotope-item {

  z-index: 2;

}



.isotope-hidden.isotope-item {

  pointer-events: none;

  z-index: 1;

}



/**** Isotope CSS3 transitions ****/



.isotope,

.isotope .isotope-item {

  -webkit-transition-duration: 0.8s;

     -moz-transition-duration: 0.8s;

          transition-duration: 0.8s;

}



.isotope {

  -webkit-transition-property: height, width;

     -moz-transition-property: height, width;

          transition-property: height, width;

}



.isotope .isotope-item {

  -webkit-transition-property: -webkit-transform, opacity;

     -moz-transition-property:    -moz-transform, opacity;

          transition-property:         transform, opacity;

}



/**** disabling Isotope CSS3 transitions ****/



.isotope.no-transition,

.isotope.no-transition .isotope-item,

.isotope .isotope-item.no-transition {

  -webkit-transition-duration: 0s;

     -moz-transition-duration: 0s;

          transition-duration: 0s;

}



/*************job view******************/

.backSidebar

{

	width:5% !important;

	text-align:center;

	height:100vh;

	line-height:100vh;

}

.backSidebar i

{

	color:#fff;

	vertical-align:middle;

}

.jobViewSection

{

	margin-left:5%;

	width:95%

}

.detailSection

{

	width:67%;

	background:#fff;

	padding-bottom:30px;

	margin:20px 0px 0px 20px;

}

.applySection

{

	width:28%;

	background:#fff;

	padding-bottom:20px;

	margin:20px 20px 0px 0px;

}



.applyHeading

{

	padding:10px 0px 10px 0px;

}

.applyHeading .applyTags

{

	margin:0px;

	color:#CCC;

}

.applyHeading .added

{

	margin-top:20px;

}



.applyHeading .jn

{

	color:#5198DE;

	margin-top:10px;

	font-weight:500;



}

.applyHeading .jt

{

	color:#adafb0;

	margin-bottom:10px;



	font-size:17px;

}

.applyHeading .jl

{

color:#6c6f71;

font-weight:600;

font-size:16px;

margin-bottom:10px;

}

.formHeading

{

	background:#5198DE;;

	padding:10px 0px 10px 0px;

	margin-bottom:20px;

}

.formHeading .formTags

{

	color:#fff;

	font-family:roboto;

	letter-spacing:1px;

}

.fjn

{

	font-size: 20px;



margin:10px 0px 0px 0px;



white-space: nowrap;



overflow: hidden;



text-overflow: ellipsis;

}

.fjc

{

	display: block;



color: #a7cbee !important;



font-size: 17px;

font-family:roboto !important;

font-weight: 700;

margin-top:2px;

margin-bottom: 15px;

}

.fjl

{

	color:#3D5668 !important;

	margin-top:10px;

	font-size:14px;

	font-weight:400px;

}

.desTitle

{

	width:55%;

	margin-top:20px;



}

.desTitle h3

{

	font-weight:600;

}



.details

{

	text-align:left;

	font-size:14px;

}

.details p

{

	width:99%;

	float:left;

	position:relative;

}

.details ul

{

width:99%;

float:left;

position:relative;

}

.details ul li

{

	width:99%;

float:left;

position:relative;

	list-style:disc;

	margin-left:15px;

}

.print

{

	width:35%;

	margin:20px auto;

	text-align:center;



}

.print i

{

	margin:20px 14px 0px 30px;

	color:#6b6d71;

}

.print a

{

	color:#6b6d71;

}



.shareList

{

	width:170px;

	left:-95px;

	top:19px;

	position:absolute;

	text-align:left;

	display:none;



}

.shareList li

{

	width:25px;

	display:inline-block;

	margin-right:12px;

}

.shareList li a

{



}

.shareList li i

{

	color:#5198DE;

	font-size:22px;

	margin:0px;

}

.shareBtn

{

	border:none;

	background:none;

	color:#6b6d71;

	font-size:15px;

}



.jd

{



	margin:10px 0px 20px 30px;



}

.jd li

{

	list-style:disc;

}

/*******form modal*********/

/* Full-width input fields */

.textField {

  width: 99%;

  height:30px;

  line-height:30px;

  margin:7px 0px 25px 0px;

  display: inline-block;

  border: none;

  border-bottom:1px solid #cecece;

  box-sizing: border-box;

  padding-left:10px;

  transition: border-bottom 0.2s ease-in-out;

  color:#999;

  font-size:12px;

}

.textField:focus

{

	border-bottom:1px solid #7AA5BC;

	transition: border-bottom 0.2s ease-in-out;

}

.require

{

	width:2px;

	float:left;

	position:relative;

	color:red;

}

/* Set a style for all buttons */

.formBtns

{

	margin-top:35px;

}

.applyBtn, .applyNow, .cancelbtn  {

  background-color: #ACC72E;

  color: white;

  height:40px;

  line-height:40px;

  border: none;

  cursor: pointer;

  width: 46%;

  font-weight:bold;

  font-size:20px;

  border-radius:2px;

}

.applyBtn

{

background:#ACC72E;

font-weight:500;

text-transform:uppercase;

}



button:hover {

  opacity: 0.8;

}



/* Extra styles for the cancel button */

.cancelbtn {

  background-color: #fff;

  color:#cecece;

}



/* Center the image and position the close button */





.formContainer {

  padding: 16px 0px px 0px;

  height:550px;

}



span.psw {

  float: right;

  padding-top: 16px;

}



/* The Modal (background) */

.modal {

  display: none; /* Hidden by default */

  position: fixed; /* Stay in place */

  z-index: 1; /* Sit on top */

  left: 0;

  top: 0;

  width: 100%; /* Full width */

  height: 100vh; /* Full height */

  overflow: auto; /* Enable scroll if needed */

  background-color: rgb(0,0,0); /* Fallback color */

  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */

  padding-top: 60px;

}



/* Modal Content/Box */

.modal-content {

  background-color: #fefefe;

  margin: 0% auto 5% auto; /* 5% from the top, 15% from the bottom and centered */

  border: 1px solid #888;

  width: 30%; /* Could be more or less, depending on screen size */

}



/* The Close Button (x) */

.close {

  position: absolute;

  right: 25px;

  top: 0;

  color: #000;

  font-size: 35px;

  font-weight: bold;

}



.close:hover,

.close:focus {

  color: red;

  cursor: pointer;

}



/* Add Zoom Animation */

.animate {

  -webkit-animation: animatezoom 0.6s;

  animation: animatezoom 0.6s

}



@-webkit-keyframes animatezoom {

  from {-webkit-transform: scale(0)}

  to {-webkit-transform: scale(1)}

}



@keyframes animatezoom {

  from {transform: scale(0)}

  to {transform: scale(1)}

}

.upload-btn-wrapper {

  position: relative;

  overflow: hidden;

  display: inline-block;

  width:100%;



}





.upload-btn-wrapper input[type=file] {

  font-size: 100px;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 0;

}



.uploadBtn

{

	width:100%;

	background:none;

	border:none;

	height:40px;

	line-height:40px;

	text-align:center;

	color:#06F;

	border:1px solid #06F;

	margin-top:10px;

}

.tooltip {

  position: relative;

  display: inline-block;

  color:#5198DE;



}



.tooltip .tooltiptext {

  visibility: hidden;

  width: 150px;

  background-color: #fff;

  color: #000;

  text-align: center;

  border-radius: 6px;

  padding: 5px 0;

  font-size:12px;



  /* Position the tooltip */

  position: absolute;

  z-index: 1;

}



.tooltip:hover .tooltiptext {

  visibility: visible;



}



/* Change styles for span and cancel button on extra small screens */

@media only screen and (max-width:768px){

	.mainSection

	{

		width:100%;

		float:left;

		margin-left:0px;

	}

	.w3-button

	{

		vertical-align:middle !important;

		background:none;

		border:none;

		color:#fff;

	}

	.clsBtn

	{

		display:block !important;

	}

	.barBtn

	{

		width:45%;

		float:left;

		position:relative;

		text-align:left;

		display:block;

	}

	.logo

	{

		width:50%;

		text-align:left;

		float:left;

		position:relative;

	}

	.sideBar {

	  width:265px !important;

	  z-index:9999 !important;

	  animation: animateleft 0.4s;

	}

	.jobTab

	{

		width:98%;

	}

	.jobHeading

	{

		width:100%;

		margin:0px;

	}

	.jobTags

	{



		width:46%;

		text-align:left;

		float:left;

		position:relative;

		margin:0px;

		line-height:5px;





	}

	.jobDes, .jobDate, .viewBtn

	{

		display:none;

	}

	.jobTitle

	{

		line-height:10px;

	}

	.jobDep

	{

		margin-top:5px;

	}

	.arrow

	{

		top:25px;

	}

	.backSidebar

	{

		display:none;

	}

	.applySection

	{

		width:100%;

	}

	.related

	{

		display: none;



	}

	.detailSection

	{

		width:100%;

	}

	.left, .right

	{

		float:left !important;



	}

	.detailSection

	{

		margin:0px;

		margin-top:10px;

	}

	.desTitle

	{

		display:none;

	}

	.print

	{

		width:100%;

		margin:0px;

	}

	.shareList

	{

		left: 2px;



top: 46px;

z-index:999999;

	}

	.details p

	{

		text-align:justify;

	}

	.modal-content

	{

		width:90%;

	}

	.formContainer

	{

		min-height:550px;

	}

}



@media screen and (max-width: 300px) {

  span.psw {

     display: block;

     float: none;

  }

  .cancelbtn {

     width: 100%;

  }

}



@media (min-width: 768px) {

  #sidebar-wrapper {

    margin-left: 0;

  }



  #page-content-wrapper {

    min-width: 0;

    width: 100%;

  }



  #wrapper.toggled #sidebar-wrapper {

    margin-left: -15rem;

  }

}