@charset "utf-8";
body {
	font-family: 'Circular Air Book';
	color: var(--grey-dark);
	background-color:var(--grey-dark);  outline:none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus{ outline:none;}
.h1, h1 {
	font-size: 65px
}
.h2, h2 {
	font-size: 45px
}
.h3, h3 {
	font-size: 35px
}
.h4, h4 {
	font-size: 26px
}
.h5, h5 {
	font-size:22px
}
.h6, h6 {
	font-size:17px
}
p {
	margin: 0 0 10px
}
h1.small{font-size:25px;}
h3.small{ font-size:30px;}
@font-face {
	font-family: 'Circular Air Book';
	src: url('../fonts/CircularAir-Book.eot');
	src: url('../fonts/CircularAir-Book.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CircularAir-Book.woff') format('woff'),
		url('../fonts/CircularAir-Book.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family:'Frontage-Outline';
	src: url('../fonts/Frontage-Outline_gdi.eot');
	src: url('../fonts/Frontage-Outline_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Frontage-Outline_gdi.woff') format('woff'),
		url('../fonts/Frontage-Outline_gdi.ttf') format('truetype'),
		url('../fonts/Frontage-Outline_gdi.otf') format('opentype'),
		url('../fonts/Frontage-Outline_gdi.svg#Frontage-Outline') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+000D-2122;
}
@font-face {
	font-family:'CircularAir-Bold';
	src: url('../fonts/CircularAir-Bold_gdi.eot');
	src: url('../fonts/CircularAir-Bold_gdi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/CircularAir-Bold_gdi.woff') format('woff'),
		url('../fonts/CircularAir-Bold_gdi.ttf') format('truetype'),
		url('../fonts/CircularAir-Bold_gdi.otf') format('opentype'),
		url('../fonts/CircularAir-Bold_gdi.svg#CircularAir-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
/*	unicode-range: U+0-10FFFF;*/
}
@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rupee_foradianregular';
    src: url('../fonts/rupee_foradian-webfont.eot');
    src: url('../fonts/rupee_foradian-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/rupee_foradian-webfont.woff2') format('woff2'),
         url('../fonts/rupee_foradian-webfont.woff') format('woff'),
         url('../fonts/rupee_foradian-webfont.ttf') format('truetype'),
         url('../fonts/rupee_foradian-webfont.svg#rupee_foradianregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
::-webkit-input-placeholder {
    color: var(--grey-light) !important;
}
:-moz-placeholder {
    color: var(--grey-light) !important;
}
::-moz-placeholder {
    color:var(--grey-light) !important;
}
:-ms-input-placeholder {
    color: var(--grey-light) !important;
}
.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}


:root {
  --blue:#FB4B26;
  --dark-blue:#EC3610;
  --blue-bg:#FFECE9;
  --blue-light:#80b1ff;
  --black:#333333;
  --grey-dark:#777777;
  --grey-light:#BBBBBB;
  --grey-light-more:#F2F2F2;
  --green:#03dc80;
  --green-dark:#03BB6D;
  --bg:#f8f8f8;
  --white:#ffffff;
  --yellow:#ffc415;
  --yellow-bg:#FFF2D0;
  --yellow-border:#FFE08A;
  --red:#f72d1c;  
  --red-light:#FC6F51;  
  --red-bg:#FEDBD4;  
  
}
/*Display none class*/
.navsmall{display: none;}
/*Display none class*/
.navbar-fixed-top {
  border: 0;
}
.sidebar {
  display: block; width:20%; top:0px;
}
.side-menu{ position:relative; z-index:99999;}
.main h2 span{ font-size:16px; color:var(--grey-dark); display:block; padding:5px 0 0 0; line-height:22px;}
.navbar-inverse{ background:#ffffff;}
.navbar-fixed-top{box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);}
/* Sidebar navigation */
.nav-sidebar {
  margin-right: -24px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  color:var(--grey-dark); font-size:16px;  -webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
  padding:10px 15px 10px; border-left:solid 5px var(--grey-dark); transition: all .7s ease 0s;
}
.nav-sidebar > a:hover{ background-color: var(--bg) !important;  border-left:solid 5px none; color:var(--green);}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
 background-color:var(--bg) !important; border-left:solid 5px none; color:var(--green);
}
.nav > li > a:focus, .nav > li > a:hover{background-color:var(--bg); outline:none;}
.nav-sidebar span{ font-size:10px; color:#9fa5ab; font-family: 'montserratbold'; padding:0 0 10px 22px; display:inline-block;}
.nav-sidebar > li > a i{ width:22px; height:22px;/* background:url(../dashborad-images/menu-icon.svg) left top no-repeat;*/ display:block; float:left; margin:-1px 18px 0 0; font-size:22px; font-style:normal; text-align:center; font-family:'Font Awesome 5 Light'; color:var(--grey-light);}
.nav-sidebar > li > a:hover i{transition: all .7s ease 0s; color:var(--green);}
.nav-sidebar > li > a i.menu-icon1{ background-position:left top;}
.nav-sidebar > li > a i.menu-icon2{ background-position:left -570px;}
.nav-sidebar > li > a i.menu-icon3{ background-position:left -72px;}
.nav-sidebar > li > a i.menu-icon4{ background-position:left -106px;}
.nav-sidebar > li > a i.menu-icon5{ background-position:-1px -141px;}
.nav-sidebar > li > a i.menu-icon6{ background-position:left -179px;}
.nav-sidebar > li > a i.menu-icon7{ background-position:left -214px;}
.nav-sidebar > li > a i.menu-icon8{ background-position:left -609px;}
.nav-sidebar > li > a i.menu-icon9{ background-position:left -289px;}
.nav-sidebar > li > a i.menu-icon10{ background-position:-1px -327px;}
.nav-sidebar > li > a i.menu-icon11{ background-position:-2px -357px;}
.nav-sidebar > li > a i.menu-icon12{ background-position:left -400px;}
.nav-sidebar > li > a i.menu-icon13{ background-position:left -533px;}
.nav-sidebar > li > a i.menu-icon14{ background-position:left -490px;}
.nav-sidebar > li > a i.menu-icon15{ background-position:left -39px;}
.nav-sidebar > li > a em{ background:var(--red); height:16px; display:inline-block; padding:0 5px; font-style:normal;font-size:10px; margin-left:5px; line-height:16px; text-transform:uppercase; color:#ffffff;}
.nav-sidebar > li.active a i{font-family:'Font Awesome 5 Solid'; color:var(--green);}
.nav-sidebar > li > a span{ padding:0px; display:inline-block; font-size:12px; font-weight:normal; font-family: 'Circular Air Book';}
.nav-sidebar > li > a:hover{color:var(--green);background:var(--bg);}
.nav-sidebar > li > a:hover em{ color:#fff;}
.nav-sidebar > .active > a em, .nav-sidebar > .active > a:hover em, .nav-sidebar > .active > a:focus em{color:#fff;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover{ background-color:#f9f9f9;}
.jj-info{ width:100%; border-radius:3px; background:var(--red); border:solid 2px var(--red); padding:0 0px 0 0px; height:45px; color:#fff; font-family:'CircularAir-Bold'; font-size:16px; line-height:41px; margin-bottom:10px;
-webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;}
.jj-info.focus, .jj-info:focus {color: #fff; background-color:var(--red);  border:solid 2px var(--red); }
.jj-info:hover {color: #fff;background-color: var(--red);  border:solid 2px var(--red); }
.jj-info.active.focus, .jj-info.active:focus, .jj-info.active:hover, .jj-info:active.focus, .jj-info:active:focus, .jj-info:active:hover, .open>.dropdown-toggle.jj-info.focus, .open>.dropdown-toggle.jj-info:focus, .open>.dropdown-toggle.jj-info:hover {color: #fff;background-color: var(--red);  border:solid 2px var(--red); }
.input{ border:solid 1px #969fa8; border-radius:3px; background:none; font-size:12px; color:#acb0b5; margin-bottom:25px;
 float:left;padding-right:50px;}
.input:focus{ border:solid 1px #969fa8;  box-shadow:none;}
.copy-btn{ background:none; margin:0 0 0 -52px; position:relative; float:left;  font-size:12px; color:#acb0b5; border:none; text-transform:uppercase; line-height:33px; border-left:solid 1px #969fa8; padding:0 8px 0 8px;}
.progress{ margin-bottom:8px; width:100%; float:left; border:solid 1px var(--green); height:9px; background:var(--grey-dark);}
.progress-bar{ background:var(--green); box-shadow:none;}
.sidebar p{ font-size:14px; color:#ffffff; line-height:18px;}
.menu-bot{  background:rgba(44,62,80,0.90);
    bottom: 0;
    box-sizing: border-box;
    float: left;
    left: 0;
    margin: 0 0 0 -20px;
    padding: 25px 25px 25px 40px;
    position: fixed;
    width:22.4%;
    z-index: 9;}
.menu-bot ul{ list-style:none; margin:0px; padding:0px;}
.menu-bot ul li{ line-height: normal; float:left; width:50%; padding-bottom:5px;}
.menu-bot ul li a{ font-size:14px; color:#ffffff; font-family:'CircularAir-Bold'; text-transform:uppercase; text-decoration:none;}
.menu-bot ul li a i{ width:auto; margin:2px 5px 0 0; font-style:normal;}
.menu-bot ul li a i.sup-icon1{background-position:left top;}
.menu-bot ul li a i.sup-icon2{background-position:-37px top;}
.menu-bot ul li a i.sup-icon3{background-position:-80px top;}
.menu-bot ul li a i.sup-icon4{background-position:-119px top;}
.navbar-right li a{ font-size:14px; color:#666666 !important; padding:22px; position:relative;}
.navbar-right li a i{ width:20px; height:20px; background: url(../dashborad-images/top-menu-icon.svg) left top no-repeat; display: inline-block; float:left;}
.navbar-right li a i.top-icon1{background-position:left top;}
.navbar-right li a i.top-icon2{background-position:-54px top;}
.navbar-right li a i.top-icon3{background-position:-109px top;}
.navbar-right li a strong{ position:absolute; top:12px; width:20px; height:20px; line-height:19px; background:var(--red); border-radius:100px; right:35px; font-size:11px; color:#fff; font-style:normal; font-family:'CircularAir-Bold'; text-align:center;}
.navbar-right li a i img{ width:100%; border-radius:50px; display:block;}
.navbar-right li a em{ width:11px; height:6px; background:url(../dashborad-images/drop-arrow.svg) left top no-repeat; float:right;
margin:8px 0px 0 8px;}
/*.navbar-right li a:hover i.top-icon1{background-position:left -28px;}
.navbar-right li a:hover i.top-icon2{background-position:-54px -28px;}
.navbar-right li a:hover i.top-icon3{background-position:-109px -28px;}
.navbar-right li a:focus i.top-icon1{background-position:left -28px;}
.navbar-right li a:focus i.top-icon2{background-position:-54px -28px;}
.navbar-right li a:focus i.top-icon3{background-position:-109px -28px;}
.navbar-right li a.active i.top-icon1{background-position:left -28px;}
.navbar-right li a.active i.top-icon2{background-position:-54px -28px;}
.navbar-right li a.active i.top-icon3{background-position:-109px -28px;}*/
.navbar-right li a:hover{ background:#f9f9f9 !important;  }
.navbar-right > li > a:focus{ }
ul.user{float:right; list-style:none; margin:0px; padding:0px;}
.user img{ margin-right:12px; float:left;}
.user a{font-size:17px; color:var(--grey-dark); text-decoration:none; display:block; padding:13px 50px 21px 15px;}
.user a p{ float:left; margin:0px; padding:5px 0 0 0; color:var(--grey-dark);}
.user a span{ display:block; font-size:12px; color:var(--grey-light);}
.user a em{ width:11px; height:6px; float:right; background:url(../dashborad-images/drop-arrow.svg) left top no-repeat; display: inline-block;
margin:-20px -25px 0px;}
.user a:hover{ background:#f9f9f9;}
.new-nav { list-style:none; margin:15px 0 0 101px; padding:0px; float:left; position:relative;}
.nav-search{ width:400px; border:solid 1px #d9d9d9; border-radius:3px; padding:10px 20px 10px 20px; font-size:17px; color:var(--grey-dark); float:left; outline: none;}
.nav-search:focus{
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6)}
.search-btn{ width:18px; height:18px; background:url(../dashborad-images/search.svg) left top no-repeat; display:block; cursor:pointer; border:none; float:left; margin:13px 0 0 -35px; position:relative; z-index:1;}
.my-drop{ width:140px; position: absolute; right:1px; top:1px; background:var(--bg); padding:8px 45px 6px 0; border-left:solid 1px #c8cbcc;}
.my-dropdown{line-height:28px; width:100%; font-size:10px; color:var(--grey-dark); text-transform:uppercase; text-decoration:none; display:inline-block; padding:0 0 0 10px; border:none; background:url(../dashborad-images/dropdown-arrow.svg) right 11px no-repeat;
-webkit-appearance:none;
-moz-appearance:none;
	appearance:none ;}
.my-dropdown:focus{ box-shadow:none;}
.my-dropdown select {
	width:100%
}
.my-drop a{line-height:28px; font-size:10px; color:var(--grey-dark); text-transform:uppercase; text-decoration:none; display:inline-block; padding:0 0 0 10px;}
.my-drop a i{width:7px; height:6px; background:url(../dashborad-images/dropdown-arrow.svg) left top no-repeat; display: inline-block; margin: -1px 0 0 4px;}
/*.new-nav li{ line-height: normal; float:left;}
.new-nav li a{ font-size:14px; color:#ababab; padding:0 8px 0 8px; text-decoration:none;}
.new-nav li a img{ margin-right:5px;}
.new-nav li a span{ font-size:17px; color:#2a2a2a;}
.new-nav li a i{ width:7px; height:4px; background:url(../dashborad-images/my-accout-drop.svg) left top no-repeat; display: inline-block; margin:-15px 0 0 4px; float:right;}*/
.well-list{ background:#fff; margin:20px 0 30px 0; padding:10px 15px 10px 15px; border-radius:3px; box-shadow:0 1px 1px #dfdfdf; width:100%; display:inline-block;}
.well-list ul{ list-style:none; margin:0px; padding:0px;}
.well-list ul li{ line-height:normal; display:inline-block; float:left;}
.well-list ul li a{ font-size:14px; color:var(--grey-light); padding:0 20px 0 0; text-decoration:none;}
.well-list ul li a i{ width:18px; height:25px; background:url(../dashborad-images/well-icon.svg) left top no-repeat; display:block; float:left; margin:2px 5px 0 0;}
.well-list ul li a i.well-icon1{ background-position:left -1px;}
.well-list ul li a i.well-icon2{ background-position:-44px -1px;}
.well-list ul li a i.well-icon3{ background-position:-92px -1px; width:23px;}
.well-list ul li a i.well-icon4{ background-position:-145px -2px;}
.well-list ul li a i.well-icon5{ background-position:-188px -1px;}
.well-list ul li span{ font-size:10px; text-transform:uppercase; color:var(--red); font-family:'CircularAir-Bold'; padding-left:5px; border: 1px solid var(--red); border-radius: 3px; padding: 1px 3px; margin-left:5px;}
.well-list ul li a span img{ margin:-3px 3px 0 0;}
.well-list ul li a em{font-size:10px; font-family:'CircularAir-Bold'; text-transform:uppercase;  border: 1px solid; border-radius: 3px; color: var(--green);font-style: normal; padding: 1px 3px; margin-left:5px;}
.pending{ width:15%; float:left; background:#ffffff; border:solid 1px var(--green); border-radius:10px; margin:8px 2px 0 10px;}
.job-list{background:#ffffff; border:solid 1px var(--grey-light); border-radius:3px; box-sizing:border-box; padding:25px; width:100%; float:left; text-align:left; min-height:auto; position:relative; margin-bottom:30px;}
.job-list h6{margin:0px; text-align:left; font-size:16px; color:var(--grey-dark); display:block; padding:0 0 25px 0;}
ul.status-num{list-style:none; margin:0px; padding:0px;}
.status-num li{ line-height:normal; width:50%; float:left; margin-bottom:10px;}
.status-num li a{ width:100px; height:100px; margin:0 auto; display:flex; text-decoration:none;}
.status-num li a span{ width:100px; border:solid 1px #fff; border-radius:100px;  font-size:35px; color:var(--grey-dark); text-align:center; line-height:30px; padding:20px 0 0 0;   -webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; display:block; height:100px;}
.status-num li a:hover span{border:solid 1px var(--grey-dark); }
.status-num li a.active span{border:solid 1px var(--grey-dark);}
.status-num li a span em{ display:block; font-size:14px; font-style:normal;}
.status-num li a span.bule{ color:var(--blue); border:solid 1px #fff;}
.status-num li a:hover span.bule{ color:var(--blue); border:solid 1px var(--blue);}
.status-num li a.active span.bule{ color:var(--blue); border:solid 1px var(--blue);}
.status-num li a span em.bule{ color:var(--blue);}
.status-num li a span.red{ height:100px; color:var(--red); background:none; border:solid 1px #fff;}
.status-num li a:hover span.red{ color:var(--red); border:solid 1px var(--red);}
.status-num li a.active span.red{ color:var(--red); border:solid 1px var(--red);}
.status-num li a span em.red{ color:var(--red);}
.status-num li a span.green{ color:var(--green); border: solid 1px #fff;}
.status-num li a:hover span.green{ color:var(--green); border:solid 1px var(--green);}
.status-num li a.active span.green{ color:var(--green); border:solid 1px var(--green);}
.status-num li a span em.green{ color:var(--green);}
.my-job p{ font-size:22px; color:var(--grey-dark); line-height:26px; margin:0px; padding:0 0 5px 0;}
.my-job p a{ color:var(--grey-dark); text-decoration:none;}
.my-job ul{ list-style:none; margin:0px 0px 15px 0px; padding:0px; width:100%; float:left;}
.my-job ul li{ line-height: normal; float:left;}
.my-job ul li { font-size:12px; color:#a0a0a0; padding-right:10px; text-decoration:none;}
.my-job ul li  i{ width:18px; height:11px; background:url(../dashborad-images/my-job-icon.svg) left top no-repeat; display:block; float:left; margin:2px 5px 0 0;}
.my-job ul li i.my-icon1{ background-position:left top;}
.my-job ul li i.my-icon2{ background-position:-31px top;}
.job-seek p{ font-size:17px; color:var(--grey-dark); line-height:26px; margin:0px; padding:0 0 0px 0;}
.job-seek ul{ list-style:none; margin:0px 0px 10px 0px; padding:0px; width:100%; float:left;}
.job-seek ul li{ line-height: normal; float:left; font-size:12px; color:#a0a0a0; padding-right:10px; text-decoration:none;}
.job-seek ul li {}
.job-seek ul li  i{ width:12px; height:18px; background:url(../dashborad-images/seeker-icon.svg) left top no-repeat; display:block; float:left; margin:0px 5px 0 0;}
.job-seek ul li  i.se-icon1{ background-position:left top;}
.job-seek ul li  i.se-icon2{ background-position:-30px top;}
.job-seek span{ font-size:10px;  color:var(--grey-light); line-height:21px; display:inline-block; border:solid 1px var(--grey-light); border-radius:3px; padding:0 25px 0 25px; text-transform:uppercase;}
.jj-defalut{ width:100%; border-radius:3px; background:var(--green); border:none; padding:0 0px 0 0px; height:35px; color:#fff !important;font-size:14px; line-height:35px; margin:10px 0 0 0;
-webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;}
.jj-defalut.focus, .jj-defalut:focus {color: #fff; background-color:var(--green); box-shadow:none;}
.jj-defalut:hover {color: #fff;background-color: var(--green); }
.jj-defalut.active.focus, .jj-defalut.active:focus, .jj-defalut.active:hover, .jj-defalut:active.focus, .jj-defalut:active:focus, .jj-defalut:active:hover, .open>.dropdown-toggle.jj-defalut.focus, .open>.dropdown-toggle.jj-defalut:focus, .open>.dropdown-toggle.jj-info:hover {color: #fff;background-color: var(--green);  }
.resume{ width:100%; margin-top:-3px; float:left;}
.resume a{font-size:10px; color:var(--grey-light); text-transform:uppercase; border:solid 1px var(--grey-light); line-height:21px; display:inline-block; border-radius:3px; padding:0 20px 0 20px; text-decoration:none; margin-bottom:10px; margin-top:-1px;}
.resume a:hover{color:var(--grey-light); text-decoration:none;}
.jj-success{border-radius:3px; background:none; padding:0 0px 0 0px; height:35px; color:var(--grey-light);  border:none;  font-size:12px; width:48%; border:solid 1px var(--grey-light); text-transform:uppercase; line-height:35px; margin-top:12px; margin-right:10px; -webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;}
.jj-success.focus, .jj-success:focus {background:var(--blue); border:solid 1px var(--blue); color:#fff; box-shadow:none;}
.jj-success:hover {background:var(--blue); border:solid 1px var(--blue); color:#fff;}
.jj-success.active.focus, .jj-success.active:focus, .jj-success.active:hover, .jj-success:active.focus, .jj-success:active:focus, .jj-success:active:hover, .open>.dropdown-toggle.jj-success.focus, .open>.dropdown-toggle.jj-success:focus, .open>.dropdown-toggle.jj-success:hover {background:var(--blue); border:solid 1px var(--blue); color:#fff;}
.just-margin-righ0{margin-right:0px; }
.individual-list { height:auto; padding-bottom:25px; height:240px; box-sizing:border-box;}
.individual-list span{ font-size:14px; color:var(--grey-light); display:block; padding-bottom:10px;}
.individual-list ul{ list-style:none; margin:0px; padding:0px;}
.individual-list ul li{ font-size:14px; color:var(--grey-dark); padding:0 0 8px 0;}
.individual-list ul li span{ width:auto; display:inline-block; background:var(--green); font-size:10px; color:#ffffff; text-transform:uppercase; padding:0px; border-radius:2px; padding:0 8px 0 8px; line-height:20px; float:right;}
.individual-list ul li i{ width:20px; height:20px; background:url(../dashborad-images/checkbox.svg) left -20px no-repeat; display:block; float:left; margin:0 5px 0 0; display:none;}
.individual-list ul li i.deslect{ background-position:left -40px;}
.individual-list ul li.fade-text{ color:#7c7c7c;}
.footer{ position:absolute; bottom:-00px; width:93%; color: var(--grey-dark);  font-size: 14px; line-height: 27px; padding:20px 15px 10px;
}
.footer i{ width:80%; font-style:normal; float:left;}
.footer a{ color:var(--grey-dark) !important; text-decoration:none;}
.footer a:hover,a:focus{color:var(--grey-dark);}
.footer span{ float:left; colo #fff;}
.pop-inside{ width:100%; background:#fff; border-radius:3px; padding:50px 90px 50px 90px; box-sizing:border-box; position:relative;}
.bio{ width:100%; background:#fff; border-radius:3px; padding:50px; box-sizing:border-box; position:relative;}
.pop-inside h3{margin:0px; padding:0 0 10px 0;}
.pop-inside h4{margin:0px; color:var(--blue); padding-bottom:0px;}
.pop-inside p{ font-size:16px; color:var(--grey-dark); padding:20px 0 0 0; margin:0px;}
.pop-inside span{ font-size:12px; color:var(--grey-dark); display:block; padding-top:5px; float:left;}
.pop-inside span em{color:var(--red); font-style:normal;}
.pop-inside span em a{color:var(--red); text-decoration:underline;}
.pop-inside ul{ list-style:none; margin:0px; padding:0px 0px 0px 0px;}
.pop-inside ul li{ line-height:normal; display:inline-block; font-size:14px; color:var(--grey-dark); margin-right:8px;}
.pop-inside ul li i{ width:14px; height:20px; background:url(../dashborad-images/share-icon.svg) left top no-repeat; display:block; float:left; margin:2px 5px 0 0;}
.pop-inside ul li i.name{background-position:left -21px;}
.pop-inside ul li i.user-location{background-position: left -45px;}
.pop-inside ul li i.office{background-position: left -97px;}
.modal-dialog  { width:1000px; margin:0 auto;}
.admin-dialog  { 
width: 350px;
margin: 30px auto 0 auto; }
.admin-dialog h5{ color:var(--grey-dark);}
.bio span{ float:none;}
.select-plan{ padding:0 10% 45px; position:relative; z-index:9999;}
.pop-close {
    background: #fff6f5 none repeat scroll 0 0;
    border-bottom: 1px solid #f8cbc6;
    border-left: 1px solid #f8cbc6;
    color: var(--red);
    font-size: 12px;
    letter-spacing: 2px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    top: 0;
    width: auto;
}
.pop-close a{ color:var(--red); text-decoration:none; padding:0 25px 0 25px; line-height:44px; display:block;}
.jj-plan{color:#fff; background:none; border: solid 1px var(--red); color:#fff;  font-family: 'Circular Air Book'; font-weight:normal; font-size:16px; margin:0px; width:100%; color:var(--red);}
.jj-plan.focus, .jj-plan:focus {color: #fff; background:var(--red); border: solid 1px var(--red);}
.jj-plan:hover {color: #fff; background:var(--red); border: solid 1px var(--red);}
.jj-plan.active.focus, .jj-plan.active:focus, .jj-plan.active:hover, .jj-plan:active.focus, .jj-plan:active:focus, .jj-plan:active:hover, .open>.dropdown-toggle.jj-plan.focus, .open>.dropdown-toggle.jj-plan:focus, .open>.dropdown-toggle.jj-plan:hover {color: #fff; background:var(--red);border: solid 1px var(--red);}
.plan-list-left:hover .jj-plan {color: #fff; background:var(--red); border: solid 1px var(--red);}
.plan-list-mid:hover .jj-green {color: #fff; background:#32C98B; border: solid 1px #32C98B;}
.plan-list-right:hover .jj-blue {color: #fff; background:#0D7FFD; border: solid 1px #0D7FFD;}
.justmargintop50{margin-top: 50px;}
.jj-green{color:#fff; background:none; border: solid 1px #32c98b; color:#32c98b; height:44px; line-height:44px; font-family: 'Circular Air Book'; font-weight:normal; font-size:16px; margin:0px;}
.jj-green.focus, .jj-green:focus {color: #fff; background:#32c98b; border: solid 1px #32c98b;}
.jj-green:hover {color: #fff; background:#32c98b; border: solid 1px #32c98b;}
.jj-green.active.focus, .jj-green.active:focus, .jj-green.active:hover, .jj-green:active.focus, .jj-green:active:focus, .jj-green:active:hover, .open>.dropdown-toggle.jj-green.focus, .open>.dropdown-toggle.jj-green:focus, .open>.dropdown-toggle.jj-green:hover {color: #fff; background:#32c98b;border: solid 1px #32c98b;}
.jj-blue{color:#fff; background:none; border: solid 1px #0d7ffd; color:#0d7ffd; height:44px; line-height:44px; font-family: 'Circular Air Book'; font-weight:normal; font-size:16px; margin:0px; width:100%;}
.jj-blue.focus, .jj-blue:focus {color: #fff; background:#0d7ffd; border: solid 1px #0d7ffd;}
.jj-blue:hover {color: #fff; background:#0d7ffd; border: solid 1px #0d7ffd;}
.jj-blue.active.focus, .jj-blue.active:focus, .jj-blue.active:hover, .jj-blue:active.focus, .jj-blue:active:focus, .jj-blue:active:hover, .open>.dropdown-toggle.jj-blue.focus, .open>.dropdown-toggle.jj-blue:focus, .open>.dropdown-toggle.jj-blue:hover {color: #fff; background:#0d7ffd;border: solid 1px #0d7ffd;}
.popular{ width:100%; position:absolute; background:url(../dashborad-images/green-up.png) center top no-repeat; margin:-10px 0 0 0; font-size:10px; color:#fff;  font-family: 'montserratbold'; text-transform:uppercase; padding:5px 0 0 0;}
/*=============Dashboard with no jobs Css Start Here=============*/
.total-jobs li{width:100%; border: none; margin-top:45px;}
.total-jobs li a{ width:130px; height:130px;}
.total-jobs li a:hover span{ border:none;}
.total-jobs li a span{ width:100%; font-size:83px; border:none;}
.total-jobs li a span em{ font-size:22px; padding:20px 0 0 0;}
.post{ width:100%; position:absolute; bottom:0px; left:0px; border-top: solid 1px #eeeeee; text-align:center;}
.post a{ font-size:14px; color:var(--blue); line-height:40px; text-decoration:none;}
.my-no-job{ text-align:center;}
.my-no-job p{ color:var(--grey-light); font-size:16px; line-height:normal; padding-top:10px;}
/*=============Dashboard with no jobs End Here=============*/
/*=============Thank You Page Css Start Here=============*/
.thank{ width:84%; float:left; position:fixed !important; height:100%;}
.dash-three-grid{ width:570px; margin:0 auto;}
.thank-content{ width:100%;}
.thank-content h2{}
.thank-content p{ color:var(--grey-light);}
.center-contain{
 position: absolute;
 top: 50%;
 left:50%;
 -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
 width: 100%;
 max-width:1100px;
 min-width: 300px;
 display: inline-block;
 padding: 20px;
 text-align:left;
 zoom: 1;
 z-index:1;
}
.jj-post{border-radius:3px; background:none; padding:0 0px 0 0px; height:35px; color:var(--grey-light);  border:none;  font-size:12px; width:190px; border:solid 1px var(--grey-light); text-transform:uppercase; line-height:35px; margin-top:12px; margin-right:10px;}
.jj-visit{border-radius:3px; background:none; padding:0 0px 0 0px; height:35px; color:var(--grey-light);  border:none;  font-size:12px; width:190px; border:solid 1px var(--grey-light); text-transform:uppercase; line-height:35px; margin-top:12px; margin-right:10px;}
.jj-visit.focus, .jj-visit:focus {background:var(--blue); border:solid 1px var(--blue); color:#fff;}
.jj-visit:hover {background:var(--green); border:solid 1px var(--green); color:#fff;}
.jj-visit.active.focus, .jj-visit.active:focus, .jj-visit.active:hover, .jj-visit:active.focus, .jj-visit:active:focus, .jj-visit:active:hover, .open>.dropdown-toggle.jj-visit.focus, .open>.dropdown-toggle.jj-visit:focus, .open>.dropdown-toggle.jj-visit:hover {background:var(--green); border:solid 1px var(--green); color:#fff;}
/*=============Thank You Page Css Start Here=============*/
/*=============Change Password Page Css Start Here=============*/
.change-section{ background:#fff; float:left; width:100%; border-radius:3px; border:solid 1px #e4e4e4; padding:40px; box-sizing:border-box; margin-top:5px;}
.form-group{ width:100%; float:left; margin-bottom:20px;}
label.control-label{font-size:16px; color:var(--grey-dark); font-weight:normal; line-height:50px; margin:0px;}
.change-input {
    border: 1px solid var(--grey-light);
    border-radius: 3px;
    box-sizing: border-box;
    color: var(--grey-dark);
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    width: 100%;
}
.input-error{ width:100%; font-size:12px; color:var(--red); background:#fff6f5; border:solid 1px #f8cbc6; border-radius:0 0 3px 3px;
padding:5px 10px 5px 10px; box-sizing:border-box; margin:0px 0 0 0; border-top:none;}
.input-success{ width:100%; font-size:12px; color:var(--green); background:#f4fffa; border:solid 1px #ccebde; border-radius:0 0 3px 3px;  padding:5px 10px 5px 10px; box-sizing:border-box; margin:0px 0 0 0; border-top:none; position: relative;}
.input-success span{border-bottom: 2px solid var(--green); bottom: 0; display: block; left: 0; position: absolute; width: 80%;
border-radius:0 0 3px 3px;}
.change-textarea {border: 1px solid var(--grey-light); border-radius: 3px; box-sizing: border-box; color:var(--grey-dark); font-size: 16px;
    height: 50px; padding:20px; width: 100%; line-height:21px;}
.tick{float: right;  height: 20px; margin: -38px 12px 0 0; position: relative;width: 20px;}
.change-input-one{border:solid 1px #c0c3c4;}
.que-icon{ padding-top:13px; font-size:15px; color:var(--grey-dark); padding-left:0px;}
.que-icon p{margin-top:-12px; font-size:12px;}
.que-icon label{font-size:10px; color:var(--grey-dark); text-transform:uppercase; font-weight:normal; margin:0px; padding-top:6px;}
.check-box{margin-right:5px !important; float:left; margin-top:0px !important;}
.fiiled-right{position:relative;}
.fiiled-right p{ font-size:12px; color:var(--grey-dark); margin:0px; padding-top:5px; display:inline-block;}
.fiiled-right p span{ float:right; font-size:12px; text-decoration:underline; padding:0px;}
.fiiled-right p span a{color:var(--grey-dark);}
.fiiled-right p strong{ color:var(--green);}
.fiiled-right p strong a{ color:var(--green);}
.fiiled-right label{ font-size:16px; color:var(--grey-dark); font-weight:normal; padding:15px 15px 0 0; margin:0px;}
.fiiled-right label span{ color:var(--red);}
.fiiled-right label span a{ color:var(--red);}
.fiiled-right span{ font-size:16px; color:var(--grey-dark); padding:0 0 15px 0; display:inline-block;}
.jj-reset-btn{  background:var(--blue); border:1px solid var(--blue); border-radius: 3px; color: #fff; font-family: "CircularAir-Bold";
    font-size: 18px; height: 50px; line-height: 47px; margin-top:0px; padding: 0; transition: background-color 0.3s ease 0s, color 0.3s ease 0s, width 0.3s ease 0s, border-width 0.3s ease 0s, border-color 0.3s ease 0s;
    width: 100%; }
.mce-flow-layout-item.mce-last{ margin-right: 2px;font-size: 10px; padding: 10px 10px 10px 8px;}	
.jj-reset-btn.focus, .jj-reset-btn:focus {color: #fff; background-color: var(--blue);  border-color:var(--blue); box-shadow:none;}
.jj-reset-btn:hover {color: #fff;background-color: var(--blue);  border-color:var(--blue);}
.jj-reset-btn.active.focus, .jj-reset-btn.active:focus, .jj-reset-btn.active:hover, .jj-reset-btn:active.focus, .jj-reset-btn:active:focus, .jj-reset-btn:active:hover, .open>.dropdown-toggle.jj-reset-btn.focus, .open>.dropdown-toggle.jj-reset-btn:focus, .open>.dropdown-toggle.jj-reset-btn:hover {color: #fff;background-color: var(--blue);  border-color:var(--blue);}
.success-message em{ float:right; margin:5px 6px 5px 0;}
.success-message em a{ color:#fff; line-height:36px; font-size:14px; color:#ffffff; font-style:normal; background:var(--green); display:block; padding:0 25px 0 25px; border-radius:3px; text-decoration:none;}
.success-message{background-color: #cbf3db; color: #3c763d;   border: 1px solid transparent; border-radius: 3px; font-size: 16px;
height: 50px;line-height:47px; margin-bottom: 25px; padding:0; margin-top:25px; width:100%; display:inline-block;}
.success-message span {display: inline-block; height: 49px; margin-right: 20px; text-align: center; width: 56px; background: #ace9c7 ;}
.alert-message{background-color: #d8f1fe; color: #31708f;   border: 1px solid transparent;}
.alert-message span {display: inline-block; background: #bbe5fe ;}
.warning-message{background-color: #fbf0c3; color: #8a6d3b;   border: 1px solid transparent;}
.warning-message span {display: inline-block; background: #f8e49b ;}
.error-message{background-color: #fadbd8; color: #a94442;   border: 1px solid transparent;}
.error-message span {display: inline-block; background: #f8ccc9 ;}
.success-differnt{background-color: #dff0d8; border:solid 1px #d6e9c6; color: #447c44; border-radius: 3px; font-size: 16px;
height: 50px;line-height:47px; margin-bottom: 25px; padding:0; margin-top:25px;}
.success-differnt span {display: inline-block; height: 49px; margin-right:0px; text-align: center; width: 56px; border-left:solid 3px #447c45; border-radius:3px 0 0px 3px;}
.alert-differnt{background-color: #d9edf7; color: #31708f; border:solid 1px #bce8f1;}
.alert-differnt span {display: inline-block; border-left:solid 3px #31708f;}
.warning-differnt{background-color: #fcf8e3; color: #8a6d3b; border:solid 1px #faebcc;}
.warning-differnt span {display: inline-block; border-left:solid 3px #8a6d3b;}
.error-differnt{background-color: #f2dede; color: #a94442; border:solid 1px #ebccd1;}
.error-differnt span {display: inline-block; border-left:solid 3px #a94442;}
.close{ margin:13px 15px 0 0;}
.change-area{width:100%; border:solid 1px var(--grey-light); border-radius:3px;  padding:0 20px 0 20px; box-sizing:border-box; height:50px; line-height:40px; font-size:15px; color:var(--grey-dark); background: url(../dashborad-images/drop_arrow.svg) center right no-repeat #fff; position:relative;
-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none ;}
.change-area:focus{ box-shadow:none;}
.change-area select {
	width:100%
}
.change-area-one{border:solid 1px #c0c3c4; background: url(../dashborad-images/drop_arrow_dselect.svg) center right no-repeat #fff;  color:#c0c3c4;}
/*=============Change Password Page Css Start Here=============*/
/*=============Edit Profile Page Css Start Here=============*/
ul.edit-tab{ list-style:none; margin:30px 0px 0px 0px; padding:0px; border:solid 1px var(--grey-dark); border-radius:3px 3px 0px 0px; float:left; border-bottom:none; position:relative; width:100%; border-top:none; border-right:none;}
.edit-tab li{ line-height:normal; float:left;}
.edit-tab li a{ font-size:17px; color:var(--grey-dark); padding:0 40px 0 40px; border-right:solid 1px var(--grey-light); line-height:62px; display:block; text-decoration:none; border-top:solid 1px var(--grey-light);}
.edit-tab li a:hover{ color:var(--red);}
.edit-tab li a i{ width:20px; height:19px; background:url(../dashborad-images/edit-icon.svg) left top no-repeat; display:block; float:left; margin:18px 8px 0 0;}
.edit-tab li a i.edit-icon1{background-position:left top;}
.edit-tab li a i.edit-icon2{background-position:-44px top;}
.edit-tab li a:hover i.edit-icon1{background-position:left -19px;}
.edit-tab li a:hover i.edit-icon2{background-position:-44px -19px;}
.edit-tab li a.active{background:#fff; color:var(--red); border-top:solid 4px var(--red); margin-top:-4px; border-radius:3px 3px 0 0;}
.edit-tab li a.active i.edit-icon1{background-position:left -19px;}
.edit-tab li a.active i.edit-icon2{background-position:-44px -19px;}
.edit-section{ margin:-1px 0px 0px 0px; border:solid 1px var(--grey-light); border-radius:0 3px 3px 3px;}
.cancel{ float:right;}
.cancel a{background:#f9efee; border:solid 1px #f0c3bf; font-size:10px; color:var(--red); line-height:22px; padding:0 10px 0 10px; border-radius:3px; display:block; text-decoration:none; margin:45px 0 0;}
.cancel a:hover{ background:var(--red); color:#fff; border:solid 1px var(--red);}
.edit-input{width:27%; border:solid 1px var(--grey-light);  padding:0 5px 0 40px; box-sizing:border-box; height:50px; line-height:50px; font-size:15px; color:var(--grey-dark); float:left; border-radius:3px 0 0 3px;
background:url(../dashborad-images/india.svg)  14px 17px no-repeat;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {.edit-input{ line-height:normal; min-width:90px;}}
.edit-input-one{ width:73%; border-radius:0 3px 3px 0px; border-left:none; padding:0 20px 0 20px; background:none;}
.flag{width:17px; height:12px; position:absolute; margin:11px 0px 0 18px; z-index:1;}
.edit-area{ padding:0 0 0 40px;}
.ac-type{ width:auto; float:right; margin:22px 0px 0px 0px;}
.ac-type label{font-size:10px; color:var(--grey-light); text-transform:uppercase; font-weight:normal; line-height:20px;}
.ac-type em{ line-height:15px; border:solid 1px var(--grey-light); font-size:10px; color:var(--grey-light); text-transform:uppercase; font-style:normal; margin:0 0 0 10px; display:inline-block; padding:0 8px 0 8px; border-radius:2px;}
/*=============Edit Profile Page Css Start Here=============*/
/*=============Edit Profile Page Css Start Here=============*/
.history{width:100%; float:left;}
.history h5{ margin:0px; padding:0px 0 15px 0;}
.history ul{list-style:none; margin:0px 0 35px 0; padding:0px; display:inline-block;}
.history ul li{line-height:normal; font-size:16px; color:var(--grey-dark); line-height:40px; width:100%; float:left;}
.history ul li label{width:12%; float:left; font-weight:normal; font-size:11px; margin:0px; font-family: "CircularAir-Bold";}
.history ul li span{width:88%; float:left; border-bottom:solid 1px #e5e5e5; padding:8px 0 8px 0; line-height:normal; }
.history ul li span em{ color:var(--red); font-style:normal;}
.loading{ font-size:16px; color:var(--grey-dark);}
.loading:focus{box-shadow:none;}
.loading{ box-shadow:none; cursor:default;}
.loading img{ margin-right:8px;}
.btn.active, .btn:active{ box-shadow:none;}
/*=============Edit Profile Page Css Start Here=============*/
/*=============Edit Profile Business Page Css Start Here=============*/
.edit-bussiness li a i{ width:22px; height:23px; background:url(../dashborad-images/edit-bussiness-icon.svg) left top no-repeat; display:block; float:left; margin:18px 8px 0 0;}
.edit-bussiness li a i.bussines-icon1{background-position:left top;}
.edit-bussiness li a i.bussines-icon2{background-position:-45px top;}
.edit-bussiness li a i.bussines-icon3{background-position:-97px top;}
.edit-bussiness li a i.bussines-icon5{background-position:-216px top;}
.edit-bussiness li a:hover i.bussines-icon1{background-position:left -23px;}
.edit-bussiness li a:hover i.bussines-icon2{background-position:-45px -23px;}
.edit-bussiness li a:hover i.bussines-icon3{background-position:-97px -23px;}
.edit-bussiness li a:hover i.bussines-icon5{background-position:-216px -23px;}
.edit-bussiness li a.active i.bussines-icon1{background-position:left -23px;}
.edit-bussiness li a.active i.bussines-icon2{background-position:-45px -23px;}
.edit-bussiness li a.active i.bussines-icon3{background-position:-97px -23px;}
.edit-bussiness li a.active i.bussines-icon5{background-position:-216px -23px;}
ul.benefit{ list-style:none; margin:0px 0px 0px -8px; padding:0px;}
.benefit li{ line-height:normal; float:left; width:22.9%; margin:0 7px 10px;}
.benefit li a{ font-size:13px; color:var(--grey-dark); background:var(--bg); line-height:30px; display:block; border:solid 1px #e5e5e5;
border-radius:3px; padding:0 15px 0 15px; text-decoration:none; -webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;}
.benefit li a:hover{ color:#fff; border:solid 1px var(--green); background:var(--green);}
.benefit li a i{ width:18px; height:20px; background:url(../dashborad-images/benifit-icon-new.svg) left top no-repeat; display:block; float:left; margin:5px 4px 0 0;}
.benefit li a span{ width:8px; height:6px; display:block; float:right; margin:13px 8px 0 0;}
/*.benefit li a:hover span{ background:url(../dashborad-images/benefit-right.png) left top no-repeat;}*/
.benefit li a i.b-icon1{background-position:left top;}
.benefit li a i.b-icon2{background-position:-44px top;}
.benefit li a i.b-icon3{background-position:1px top;}
.benefit li a i.b-icon4{background-position:-44px -1px;}
.benefit li a i.b-icon5{background-position:-88px top; width:22px;}
.benefit li a i.b-icon6{background-position:-131px -1px;}
.benefit li a i.b-icon7{background-position:1px -40px;}
.benefit li a i.b-icon8{background-position:-44px -38px;}
.benefit li a i.b-icon9{background-position:-91px -38px;}
.benefit li a i.b-icon10{background-position:-129px -40px; width: 22px;}
.benefit li a i.b-icon11{background-position:0px -81px}
.benefit li a i.b-icon12{background-position:-44px -82px;}
.benefit li a i.b-icon13{background-position:-91px -81px;}
.benefit li a i.b-icon14{background-position:-129px -81px;}
.benefit li a i.b-icon15{background-position:left -121px;}
.benefit li a i.b-icon16{background-position:-131px -119px;}
.benefit li a i.b-icon17{background-position:left -154px;}
.benefit li a i.b-icon18{background-position:-44px -154px;}
.benefit li a i.b-icon19{background-position:-91px -154px;}
.benefit li a i.b-icon20{background-position:-131px -154px;}
.benefit li a i.b-icon21{background-position:left -189px;}
.benefit li a i.b-icon22{background-position:-44px -189px;}



.benefit li a:hover i.b-icon1{background-position:left top;}
.benefit li a:hover i.b-icon2{background-position:-44px top;}
.benefit li a:hover i.b-icon3{background-position:1px top;}
.benefit li a:hover i.b-icon4{background-position:-44px -1px;}
.benefit li a:hover i.b-icon5{background-position:-88px top; width:22px;}
.benefit li a:hover i.b-icon6{background-position:-131px -1px;}
.benefit li a:hover i.b-icon7{background-position:1px -40px;}
.benefit li a:hover i.b-icon8{background-position:-44px -38px;}
.benefit li a:hover i.b-icon9{background-position:-91px -38px;}
.benefit li a:hover i.b-icon10{background-position:-129px -40px; width: 22px;}
.benefit li a:hover i.b-icon11{background-position:0px -81px}
.benefit li a:hover i.b-icon12{background-position:-44px -82px;}
.benefit li a:hover i.b-icon13{background-position:-91px -81px;}
.benefit li a:hover i.b-icon14{background-position:-129px -81px;}
.benefit li a:hover i.b-icon15{background-position:left -121px;}
.benefit li a:hover i.b-icon16{background-position:-131px -343px;}
.benefit li a:hover i.b-icon17{background-position:left -378px;}
.benefit li a:hover i.b-icon18{background-position:-44px -378px;}
.benefit li a:hover i.b-icon19{background-position:-91px -378px;}
.benefit li a:hover i.b-icon20{background-position:-131px -378px;}
.benefit li a:hover i.b-icon21{background-position:left -413px;}
.benefit li a:hover i.b-icon22{background-position:-44px -413px;}


.benefit li a.active i.b-icon1{background-position:left top;}
.benefit li a.active i.b-icon2{background-position:-44px top;}
.benefit li a.active i.b-icon3{background-position:1px -160px;}
.benefit li a.active i.b-icon4{background-position:-43px -160px;}
.benefit li a.active i.b-icon5{background-position:-87px -160px; width:22px;}
.benefit li a.active i.b-icon6{background-position:-130px -162px;}
.benefit li a.active i.b-icon7{background-position:left -199px;}
.benefit li a.active i.b-icon8{background-position:-43px -197px;}
.benefit li a.active i.b-icon9{background-position:-91px -197px;}
.benefit li a.active i.b-icon10{background-position:-128px -197px; width: 22px;}
.benefit li a.active i.b-icon11{background-position:left -239px}
.benefit li a.active i.b-icon12{background-position:-46px -239px;}
.benefit li a.active i.b-icon13{background-position:-93px -241px;}
.benefit li a.active i.b-icon14{background-position:-129px -241px;}
.benefit li a.active i.b-icon15{background-position:-2px -280px;}
.benefit li a.active i.b-icon16{background-position:-131px -343px;}
.benefit li a.active i.b-icon17{background-position:left -378px;}
.benefit li a.active i.b-icon18{background-position:-44px -378px;}
.benefit li a.active i.b-icon19{background-position:-91px -378px;}
.benefit li a.active i.b-icon20{background-position:-131px -378px;}
.benefit li a.active i.b-icon21{background-position:left -413px;}
.benefit li a.active i.b-icon22{background-position:-44px -413px;}
/*=============Edit Profile Business Page Css Start Here=============*/
/*=============Buy More Jobs Page Css Start Here=============*/
.plan-list{ width:100%; margin:30px 0 20px 0; float:left;}
.plan-list-left{background:#fff; border:solid 1px #e8e8e8; border-bottom:solid 2px var(--red); box-shadow:none; position:relative; text-align:center;}
.plan-list-mid{ border-bottom:solid 2px #32c98b; box-shadow:0 0 15px #edecec;}
.plan-list-right{border-bottom:solid 2px #0d7efc;}
.red{width:100%; height:195px; background:var(--red); border-radius:3px 3px 0 0px; font-size:80px; line-height:195px; color:#fff;}
.green-plan{ background:#32c98b;}
.blue-plan{ background:#0d7ffd;}
.red sub{ color:#fff; display:inline-block; padding:0px; bottom:0px !important; font-size:40px;}
.red-content{width:100%; padding:0 11% 45px; box-sizing:border-box;}
.red-content span{background:url(../dashborad-images/plan-pricing-bg.png) center top no-repeat; font-size:14px; color:var(--grey-dark); text-transform:uppercase; margin-top:-11px; padding:8px 0px 12px 0px; line-height:normal; display:block;}
.red-content p{ color:var(--grey-dark); line-height:normal; padding:25px 0 0 0; margin:0px;}
.red-content h4{ color:var(--grey-dark); margin:0px; padding:0px 0 0 0;}
.red-content em{ font-size:12px; color:var(--grey-dark); font-style:normal; display:inline-block;}
.jj-pricing-btn{color:#fff; background:var(--red); border:solid 1px var(--red); color:#fff;  font-family: 'Circular Air Book'; font-weight:normal; font-size:18px; margin:0px; width:100%; height:45px; margin-top:25px;}
.jj-pricing-btn.focus, .jj-pricing-btn:focus {color: #fff; background:var(--red); border: solid 1px var(--red);}
.jj-pricing-btn:hover {color: #fff; background:var(--red); border: solid 1px var(--red);}
.jj-pricing-btn.active.focus, .jj-pricing-btn.active:focus, .jj-pricing-btn.active:hover, .jj-pricing-btn:active.focus, .jj-plan:active:focus, .jj-pricing-btn:active:hover, .open>.dropdown-toggle.jj-pricing-btn.focus, .open>.dropdown-toggle.jj-pricing-btn:focus, .open>.dropdown-toggle.jj-pricing-btn:hover {color: #fff; background:var(--red);border: solid 1px var(--red);}
.jj-plan{color:#fff; background:none; border: solid 1px var(--red); color:#fff;  font-family: 'Circular Air Book'; font-weight:normal; font-size:16px; margin:0px; width:100%; color:var(--red);}
.jj-plan.focus, .jj-plan:focus {color: #fff; background:var(--red); border: solid 1px var(--red);}
.jj-plan:hover {color: #fff; background:var(--red); border: solid 1px var(--red);}
.jj-plan.active.focus, .jj-plan.active:focus, .jj-plan.active:hover, .jj-plan:active.focus, .jj-plan:active:focus, .jj-plan:active:hover, .open>.dropdown-toggle.jj-plan.focus, .open>.dropdown-toggle.jj-plan:focus, .open>.dropdown-toggle.jj-plan:hover {color: #fff; background:var(--red);border: solid 1px var(--red);}
.select-plan-btn{width:auto; padding:0 30px 0 30px; line-height:37px; height:38px;}
.select-plan-btn{color:#fff; background:#32c98b ; border: solid 1px #32c98b ; color:#fff;  font-family: 'Circular Air Book'; font-weight:normal; font-size:16px; margin:0px; width:auto; color:#ffff;}
.select-plan-btn.focus, .select-plan-btn:focus {color: #fff; background:#32c98b; border: solid 1px #32c98b;}
.select-plan-btn:hover {color: #fff; background:#32c98b; border: solid 1px #32c98b;}
.select-plan-btn.active.focus, .select-plan-btn.active:focus, .select-plan-btn.active:hover, .select-plan-btn:active.focus, .select-plan-btn:active:focus, .select-plan-btn:active:hover, .open>.dropdown-toggle.jj-plan.focus, .open>.dropdown-toggle.jj-plan:focus, .open>.dropdown-toggle.select-plan-btn:hover {color: #fff; background:#32c98b;border: solid 1px #32c98b;}
.plan-list-left:hover .jj-plan {color: #fff; background:var(--red); border: solid 1px var(--red);}
.plan-list-mid:hover .jj-green {color: #fff; background:#32C98B; border: solid 1px #32C98B;}
.plan-list-right:hover .jj-blue {color: #fff; background:#0D7FFD; border: solid 1px #0D7FFD;}
.jj-blue{color:#fff; background:none; border: solid 1px #0d7ffd; color:#0d7ffd; height:44px; line-height:44px; font-family: 'Circular Air Book'; font-weight:normal; font-size:16px; margin:0px; width:100%;}
.jj-blue.focus, .jj-blue:focus {color: #fff; background:#0d7ffd; border: solid 1px #0d7ffd;}
.jj-blue:hover {color: #fff; background:#0d7ffd; border: solid 1px #0d7ffd;}
.jj-blue.active.focus, .jj-blue.active:focus, .jj-blue.active:hover, .jj-blue:active.focus, .jj-blue:active:focus, .jj-blue:active:hover, .open>.dropdown-toggle.jj-blue.focus, .open>.dropdown-toggle.jj-blue:focus, .open>.dropdown-toggle.jj-blue:hover {color: #fff; background:#0d7ffd;border: solid 1px #0d7ffd;}
.popular{ width:100%; position:absolute; background:url(../dashborad-images/green-up.png) center top no-repeat; margin:-10px 0 0 0; font-size:10px; color:#fff;  font-family: 'montserratbold'; text-transform:uppercase; padding:5px 0 0 0;}
.plan-bottom{ width:655px; margin:0px auto 0 auto;}
.plan-bottom ul{ list-style:none; margin:0px 0px 0px 0px; padding:0px;}
.plan-bottom ul li{line-height: normal; font-size:16px; color:var(--grey-dark); margin-right:30px; display:inline-block; margin-top:20px;}
.plan-bottom ul li i{ width:25px; height:20px; background:url(../dashborad-images/plan-icon.svg) left top no-repeat; display: inline-block; margin:0 3px 0 0; float:left;}
.plan-bottom ul li span{color:var(--red);}
.plan-bottom ul li span a{color:var(--red);}
.plan-bottom ul li i.p-icon2{ background-position:-55px top;}
.plan-bottom ul li a{ color:#32c98b; border:dotted 1px #32c98b; padding:2px; text-decoration:none;}
.plan-bottom ul li input{    border: medium none;
    display: inline-block;    
    height: auto; float:none !important;
    line-height: normal;
    margin: 0;
    padding: 2px 0 0 5px;}
.plan-bottom h3.small{ margin-top:70px; display:inline-block;}
.plan-bottom h3.small a{ color:var(--red); text-decoration:underline;}
.question { list-style:none; margin:0px; padding:0px;}
.question li{ padding:40px 0 40px 0; float:left; -webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; }
.question li p{ font-size:17px; color:var(--grey-dark); line-height:26px; padding:0px 0px 20px 0px;}
.question li h5{ padding-left:10px;}
.question li:hover{ background:#fff; border-radius:3px;}
.question li:hover h5{ color:var(--red);}
ul.step{list-style:none; margin:10px 0px 10px 0px; padding:0px; border:solid 1px #d9d9d9; border-radius:3px; width:100%; display:inline-block;}
.step li{line-height:40px; width:33.3%; float:left;}
.step li{font-size:10px; color:var(--grey-dark); text-transform:uppercase; text-align:center; display:block; border-right: solid 1px #d9d9d9; text-decoration:none; -webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;}
ul.step a{ color:var(--grey-dark); text-decoration:none; display:block;}
.step li a:hover{background:#fff;}
.step li a.active{background:#fff;}
.buy-list ul li { color:var(--grey-dark);  font-size: 14px; padding: 0 20px 0 0;}
.buy-list ul li i{ width:16px; height:16px; background:url(../dashborad-images/buy-list.svg) left top no-repeat; display:block; float:left; margin:0px 5px 0 0;}
.buy-list ul li i.buy-icon1{ background-position:left top;}
.buy-list ul li i.buy-icon2{ background-position:-38px top;}
.buy-list ul li i.buy-icon3{ background-position:-83px top; width:23px;}
.buy-list ul li a{ color:var(--grey-dark);}
/*=============Buy More Jobs Page Css End Here=============*/
/*=============Payment Page Css Start Here=============*/
.secure-payment{ width:100%; padding:30px 0 30px 0; float:left;}
.payment-tab{border:solid 1px #7c8385; border-right:0px; border-radius:3px 0 0px 3px; padding:0px; margin-top:50px;}
.payment-tab ul{ list-style:none; margin:0px; padding:0px;}
.payment-tab ul li{ line-height: normal;}
.payment-tab ul li a{ font-size:16px; color:var(--grey-dark); padding:25px 0 25px 0; display:block; border-bottom:solid 1px #6b7274; text-decoration:none; position:relative;}
.payment-tab ul li a i{ width:24px; height:24px; background:url(../dashborad-images/payment-icon.svg) left top no-repeat; display:block; float:left; margin:2px 10px 0 25px;}
.payment-tab ul li a i.payment-icon1{background-position:left 2px;}
.payment-tab ul li a i.payment-icon2{background-position:left -68px;}
.payment-tab ul li a i.payment-icon3{background-position:left -106px;}
.payment-tab ul li a i.payment-icon4{background-position:left -139px;}
.payment-tab ul li a i.payment-icon5{background-position:left -172px;}
.payment-tab ul li a:hover{ background:#ffffff; border-left: solid 4px #e85747;  left:-4px; border-radius:3px 0 0px 3px;
width:102%}
.payment-tab span{ background:#fff; display:block; padding:28px 15px 28px 20px; font-size:14px; color:var(--grey-dark);}
.payment-tab span img{ float:left; margin:5px 10px 0 0;}
.payment-right{ background: #fff none repeat scroll 0 0; border: 1px solid var(--grey-light); border-radius: 3px; box-shadow: none; box-sizing: border-box; padding: 50px 60px;}
.payment-right h3{ padding:0px 0px 5px 0px; margin:0px;}
.payment-right span{ color:var(--grey-dark); font-size:14px; padding:0 0 0px 0; display:block;}
.payment-right span a{ color:var(--red);}
.payment-right p{ font-size:16px; color:var(--grey-dark); margin:25px 0px 0px 0px;}
.cvv-code{ padding-top:75px; padding-left: 0;}
.alert-input{ width:100%; border:solid 1px var(--grey-light); border-radius:3px; margin-top:18px; padding:0 20px 0 20px; box-sizing:border-box; height:50px; line-height:50px; font-size:15px; color:var(--grey-dark); display:inline-block;}
.alert-area{width:100%; border:solid 1px var(--grey-light); border-radius:3px; margin-top:18px; padding:0 20px 0 20px; box-sizing:border-box; height:50px; line-height:50px; font-size:15px; color:var(--grey-dark); background: url(../dashborad-images/drop_arrow.svg) center right no-repeat #fff; position:relative;
-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none ;}
.alert-area:focus{ box-shadow:none;}
.alert-area select {
	width:100%
}
.alert-area-one{border:solid 1px #c0c3c4; background: url(../dashborad-images/drop_arrow_dselect.svg) center right no-repeat #fff;  color:#c0c3c4;}
.remember{ width:100%; padding:20px 0 5px 0; font-size:16px; color:var(--grey-dark); font-weight:500;}
.remember label{ font-weight:500;}
.remember label a{ color:var(--grey-dark);}
.remember label .jNiceWrapper{ width:18px; height:18px; margin-right:8px;}
.secure{ width:100%; padding:30px 0 0 0; font-size:16px; color:var(--grey-dark);}
.secure img{margin:-11px 3px 0 0;}
.secure span{ list-style:none; margin:0px; padding:0px; float:right;}
.secure span img{margin:-11px 0px 0 0;}
.jj-submit{ width:100%; border-radius:3px; background:var(--green); border:solid 2px var(--green); padding:0 0px 0 0px; height:50px; color:#fff; font-family:'CircularAir-Bold'; font-size:18px; line-height:47px; margin-top:18px;
-webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;}
.jj-submit.focus,.jj-submit:focus {color: #fff; background-color: var(--green);  border:solid 2px var(--green);}
.jj-submit:hover {color: #fff;background-color: var(--green);  border:solid 2px var(--green);}
.jj-submit.active.focus, .jj-submit.active:focus, .jj-submit.active:hover, .jj-submit:active.focus, .jj-submit:active:focus, .jj-submit:active:hover, .open>.dropdown-toggle.jj-submit.focus, .open>.dropdown-toggle.jj-submit:focus, .open>.dropdown-toggle.jj-submit:hover {color: #fff;background-color: var(--green);  border:solid 2px var(--green);}
/*=============Payment Page Css End Here=============*/
a.select_unlock_applicant{ color: #fff !important;}
/*=============Notifications Settings Css Start Here=============*/
.notification-sec{ width:100%; display:inline-block; border:1px solid var(--grey-light); background:#fff; margin:0px; padding:0px 0px 20px 0px;}
.not-heading{width:100%; border-bottom:solid 1px var(--grey-light); float:left;}
.not-heading ul{ list-style:none; margin:0px; padding:0px;}
.not-heading ul li{line-height:30px; font-size:10px; color:var(--grey-dark); text-transform: uppercase; float:left; text-indent:25px; font-family:'CircularAir-Bold';}
.not-heading ul li.not-left{ width:8%;}
.not-heading ul li.not-right{ width:84%;}
.not-content{width:100%; float:left;}
.not-content ul{ list-style:none; margin:0px; padding:0px;}
.not-content ul li{line-height:50px; font-size:16px; color:var(--grey-dark); float:left; text-indent:25px;}
.not-content ul li.check-left{ width:8%;}
.not-content ul li.check-right{ width:80%; border-bottom:solid 1px #e5e5e5; text-indent:inherit;}
.jj-save-btn{ background:var(--blue); border:1px solid var(--blue); width:190px; margin:20px 0 0 0;}
/*=============Notifications Settings Css End Here=============*/
/*=============User Popup Css Start Here=============*/
.user-drop{ width:260px; float:right; position:absolute; right:0px; z-index:99; background:#fff; border-bottom:solid 1px #e2e2e2; border-left:solid 1px #e2e2e2; padding:0px 0 10px 0px; box-sizing:border-box; box-shadow:none; border-radius:0px; border-right:none; border-top:none; margin:0 0 0 0;}
.user-drop ul{ list-style:none; margin:0px; padding:0px;}
.user-drop ul li{ line-height:32px;}
.user-drop ul li a{color:var(--grey-light); font-size:14px; text-decoration:none; padding:0px 0px 0px 25px; -webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;}
.user-drop ul li a i{ width:19px; height:17px; background: url(../dashborad-images/user-icon.svg) left top no-repeat; display:block; float:left; margin:8px 8px 0 0;}
.user-drop ul li a i.user-icon1{background-position:left top;}
.user-drop ul li a i.user-icon2{background-position:left -32px;}
.user-drop ul li a i.user-icon3{background-position:left -66px;}
.user-drop ul li a i.user-icon4{background-position:left -100px;}
.user-drop ul li a i.user-icon5{background-position:left -150px;}
.user-drop ul li a span{ border-top: solid 1px var(--bg); display:block; margin-top:8px; color:var(--red); font-size:14px;}
/*=============User Popup Css End Here=============*/
/*=============Notification-popup Css Start Here=============*/
.main-notification{width:290px; float:right; position:absolute; right:-175px; z-index:99; background:#fff; border:solid 1px #e2e2e2; border-top:none; padding:0px 0 0px 0px; box-sizing:border-box; list-style:none; margin:0px; box-shadow:0 5px 5px rgba(0, 0, 0, 0.176);}
ul.notification-drop{ width:100%; padding:0px; list-style:none;}
.notification-drop li{ line-height: normal; padding:6px 0 6px 0; width:100%; float:left;}
.notification-drop li a{color:var(--grey-light); font-size:14px; text-decoration:none; padding:0px; margin:0px; display:block; -webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;}
.notification-drop li:hover{ background:#f9f9f9;}
.notification-drop li a i{ width:20px; height:22px; background: url(../dashborad-images/notification-icno.svg) left top no-repeat; display:block; float:left; margin:5px 10px 0 25px;}
.notification-drop li a i.notification-icon1{background-position:left top;}
.notification-drop li a i.notification-icon2{background-position:left -47px;}
.notification-drop li a i.notification-icon3{background-position:left -111px;}
.notification-drop li a i.notification-icon4{background-position:left -174px;}
.notification-drop li a i.notification-icon5{background-position:left -222px;}
.notification-drop li a span{ width:75%; float:left;}
.notification-drop li a span em{ font-size:10px; color:var(--grey-light); text-transform:uppercase; font-style:normal; display:block;}
.notification-drop p{ margin:0px;}
.jj-activity {width:100%;}
.jj-activity a{ width:100%; border-radius:0px; border-top: solid 1px #ededed; background:#f4f4f4; border:none; padding:0 0px 0 0px; height:35px; color:var(--grey-dark) !important;font-size:10px !important; line-height:35px; margin:10px 0 0 0; text-transform:uppercase;
-webkit-tap-highlight-color: transparent; padding:0px; float:left; text-align:center; padding:0px !important;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; text-decoration:none;}
.jj-activity a:hover{ background:#f4f4f4 !important;}
/*=============Notification-Popup Css End Here=============*/
/*=============Manage Order Css Start Here=============*/
.manage-sec{ width:100%;}
.manage-sec h4 { margin:0px;}
.manage-sec h4 span{ font-size:10px; color:#fff; background:#e74d3e; padding:3px 5px 2px 5px; border-radius:2px;}
.manage-right{ width:auto; float:right; margin:-27px 0 0 0;}
.manage-right label{  font-weight:normal; color:var(--grey-dark);}
.date{width:155px; margin-left:10px; border:solid 1px var(--grey-light); border-radius:3px;  padding:0 20px 0 10px; box-sizing:border-box; height:32px; line-height:29px; font-size:14px; color:var(--grey-dark); background: url(../dashborad-images/date-arrow.svg) center right no-repeat #fff; position:relative;
-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none ;}
.date:focus{ box-shadow:none;}
.date select {
	width:100%
}
.manage-list{ width:100%; float:left; background: url(../dashborad-images/paid.svg) right bottom no-repeat #fff; border:solid 1px #7e8486; margin:30px 0 0 0; padding:40px 50px 50px 50px; box-sizing:border-box; position:relative;}
.manage-list ul{ list-style:none; margin:0px 0px 0px 0px; padding:0px;}
.manage-list ul li{line-height:normal; font-size:16px; color:var(--grey-dark);}
.manage-list ul li i{ width:5%; float:left; font-style:normal; line-height:40px;}
.manage-list ul li span{ width:95%; float:left; border-bottom:solid 1px #e5e5e5; line-height:40px;}
.manage-list ul li span label{width:25%; float:left; font-weight:normal; word-wrap:break-word; margin-bottom:0px;}
.manage-list ul li span label.right-order{width:70%; float:left; font-weight:normal; word-wrap:break-word;}
.manage-list ul li span em{ color:var(--green); font-style:normal;}
.manage-list ul li span i{ font-style:normal; /*color:var(--blue);*/ width:auto;}
.manage-list ul li span strong {color: var(--blue);font-style: normal; width: auto; font-weight:bold;}
.jj-download{color:#fff; width:390px; height:50px; line-height:46px; background:none; border-color:#e94436; color:#e94436;
 margin-top:30px; font-size:18px;}
.jj-download.focus, .jj-download:focus {color: #fff; background:#e94436; border-color:#e94436;}
.jj-download:hover {color: #fff; background:#e94436; border-color:#e94436;}
.jj-download.active.focus, .jj-download.active:focus, .jj-download.active:hover, .jj-download:active.focus, .jj-download:active:focus, .jj-download:active:hover, .open>.dropdown-toggle.jj-download.focus, .open>.dropdown-toggle.jj-download:focus, .open>.dropdown-toggle.jj-download:hover {color: #fff; background:#e94436; border-color:#e94436;}
.jj-download i{ background:url(../dashborad-images/dowload-btn.svg) no-repeat scroll 15px 10px;
    border-right: 2px solid #e94436;
    display: inline-block;
    float: left;
    height: 50px;
    margin: -2px 0 0;
    position: relative;
    width: 55px;}
.jj-download:hover i{ background:url(../dashborad-images/dowload-btn-ho.svg) 15px 10px no-repeat; border-right:solid 2px #ffffff;}
.jj-download.active i{ background:url(../dashborad-images/dowload-btn-ho.svg) 15px 10px no-repeat; border-right:solid 2px #ffffff;}
.jj-download.active.focus i, .jj-download.active:focus i,  .jj-download:active.focus i, .jj-download:active:focus i, .open>.dropdown-toggle i.jj-download.focus i, .open>.dropdown-togglei .jj-download:focus i, .open>.dropdown-toggle i.jj-download:hover {background:url(../dashborad-images/dowload-btn-ho.png) 15px 10PX no-repeat; border-right:solid 2px #ffffff;}
.number{ width:64px; height:61px; position:absolute; top:-1px; right:-2px; background:url(../dashborad-images/number.svg) left top no-repeat; display:block; font-size:16px; color:#525658; padding:28px 0 0 10px; box-sizing:border-box;}
.clanders{ position:absolute; z-index:99; margin-top:30px;}
/*=============Manage Order Css End Here=============*/
/*=============delete-my-account Css Start Here=============*/
.my-account-sec{ width:100%; background:#fff; border:solid 1px #e4e4e4; border-radius:3px; padding:50px; box-sizing:border-box; margin:0px 0 30px 0;}
.my-account-sec h5{ margin:0px; padding:0 0 15px 0;}
.my-account-sec p{ font-size:16px; color:var(--grey-dark); line-height:23px; margin:0px; padding:0 0 0px 0;}
.jj-close{color:#fff; width:450px; height:50px; line-height:46px; background:none; border-color:#e94436; color:#e94436;
 margin-top:30px; font-size:18px;}
.jj-close.focus, .jj-close:focus {color: #fff; background:#e94436; border-color:#e94436;}
.jj-close:hover {color: #fff; background:#e94436; border-color:#e94436;}
.jj-close.active.focus, .jj-close.active:focus, .jj-close.active:hover, .jj-close:active.focus, .jj-close:active:focus, .jj-close:active:hover, .open>.dropdown-toggle.jj-close.focus, .open>.dropdown-toggle.jj-close:focus, .open>.dropdown-toggle.jj-close:hover {color: #fff; background:#e94436; border-color:#e94436;}
.jj-account-btn{color:#fff; width:auto; margin-left:10px; height:50px; line-height:46px; background:none; border-color:#e94436;
 margin-top:30px; font-size:14px; border:none; color:var(--green); text-decoration:underline; font-family: 'Circular Air Book';}
.jj-account-btn.focus, .jj-account-btn:focus {background:none; border:none; color:var(--green); box-shadow:none; text-decoration:underline;}
.jj-account-btn:hover {background:none; border:none; color:var(--green); text-decoration:underline;}
.jj-account-btn.active.focus, .jj-account-btn.active:focus, .jj-account-btn.active:hover, .jj-account-btn:active.focus, .jj-account-btn:active:focus, .jj-account-btn:active:hover, .open>.dropdown-toggle.jj-account-btn.focus, .open>.dropdown-toggle.jj-account-btn:focus, .open>.dropdown-toggle.jj-account-btn:hover {background:none; border:none; color:var(--green);}
ul.chat-list{list-style:none; margin:15px 0px 0px 0px; padding:0px; display:inline-block;}
.chat-list li{line-height:normal; float:left;}
.chat-list li a{line-height:35px; float:left; border:solid 1px var(--grey-light); display:block; border-radius:3px; margin-right:10px; padding:0 22px 0 21px; font-size:16px; color:var(--grey-dark); text-decoration:none;}
.chat-list li a i{ width:30px; height:21px; background:url(../dashborad-images/chat-icon.svg) left top no-repeat; display:block; float:left; margin:6px 3px 0 0;}
.chat-list li a i.chat-icon1{background-position:left top;}
.chat-list li a i.chat-icon2{background-position:-59px top;}
.chat-list li a i.chat-icon3{background-position:-110px top;}
.chat-list li a:hover{ background:var(--green); border:solid 1px var(--green); color:#fff;}
.chat-list li a:hover i.chat-icon1{background-position:left -21px;}
.chat-list li a:hover i.chat-icon2{background-position:-59px -21px;}
.chat-list li a:hover i.chat-icon3{background-position:-110px -21px;}
.my-account-sec label{ font-weight:normal; width:100%; line-height:17px; font-size:16px; color:var(--grey-dark); padding:8px 0 0px 0; margin:0px;}
.radio-btn{ margin-right:10px !important;}
.my-textarea {border: 1px solid var(--grey-light); border-radius: 3px; box-sizing: border-box; color:var(--grey-dark); font-size: 16px;
    height: 50px; padding:20px; width: 60%; line-height:21px; margin-top:10px; margin-bottom:10px;}
.my-section-bot{ width:100%; padding:15px 0px 15px 0px;}
.my-section-bot p{ font-size:12px; color:var(--grey-dark); width:100%; display:inline-block;}
.my-section-bot p span{ color:var(--red);}
.my-section-bot p span a{ color:var(--red);}
.otp-left{ width:10%;}
.otp-right{ width:25%;}
.jj-otp{color:#fff; width:120px; height:50px; line-height:46px; background:var(--blue); border-color:var(--blue); color:#fff;
 margin-top:0px; font-size:18px; margin-left:12px; font-family: 'Circular Air Book'; margin-bottom:0px;}
.jj-otp.focus, .jj-otp:focus {color: #fff; background:var(--blue); border-color:var(--blue);}
.jj-otp:hover {color: #fff; background:var(--blue); border-color:var(--blue);}
.jj-otp.active.focus, .jj-otp.active:focus, .jj-otp.active:hover, .jj-otp:active.focus, .jj-otp:active:focus, .jj-otp:active:hover, .open>.dropdown-toggle.jj-otp.focus, .open>.dropdown-toggle.jj-otp:focus, .open>.dropdown-toggle.jj-otp:hover {color: #fff; background:var(--blue); border-color:var(--blue);}
.otp-input{ width:15%;}
/*=============delete-my-account Css Start Here=============*/
/*=============Preview Job Css Start Here=============*/
.preview-sec{width:100%; background:var(--bg); padding:100px 0 60px 0;}
.preview-sec h2 {margin:0px;}
.preview-sec h2 span{ font-size:16px; color:#ffffff; display:block; padding:0px 0 0 0; line-height:22px;}
.preview-sec h2 em{ float:right; font-size:10px; margin:-20px 0 0 0;}
.preview-sec h2 em a{font-size:10px; color:var(--red); border:solid 1px var(--red); padding:2px 5px 1px 5px; display:inline-block; border-radius:3px; text-transform:uppercase; font-style:normal; text-decoration:none;}
.preview-step{ width:100%; margin-top:20px; border:solid 1px #d9d9d9; border-radius:3px;  display:inline-block;}
.preview-step ul{ list-style:none; margin:0px; padding:0px;}
.preview-step ul li{line-height:45px; float:left; width:30.5%; text-align:center; border-right:solid 1px #d9d9d9; font-size:10px; color:var(--grey-light); text-align:center; text-transform:uppercase; text-decoration:none;}
.preview-step ul li.left-btn{ width:4%; float:left; border:solid 1px #d9d9d9; border-radius:3px 0 0px 3px; background:url(../dashborad-images/type-gray.svg) center 13px no-repeat; line-height:43px;}
.preview-step ul li.left-btn a{ text-decoration:none; display:block;}
.preview-step ul li.right-btn{ width:4%; float:right; border:solid 1px var(--green); border-radius:0px 3px 3px 0px; background:url(../dashborad-images/like.svg) center 13px no-repeat #fff; line-height:43px;}
.preview-step ul li.right-btn a{ text-decoration:none; display:block;}
.preview-step ul li i{ width:15px; height:15px; display:inline-block; background: url(../dashborad-images/right.svg) left top no-repeat; display:inline-block; margin:13px 6px 0 0; float:left;}
.preview-step ul li a{color:var(--green); text-decoration: none; display:inline-block;}
.preview-step ul li.active{ background:#fff;}
.preview-up{width: 100%; background: #fff; border: solid 1px #d4d4d4;  border-radius: 3px;  margin-top: 20px; padding: 35px;}
.employer-section{width:100%; padding-bottom:100px; margin:-80px 0 0 0;}
.employer-info { margin-top:30px; float:left;}
.employer-info h4{color:var(--grey-dark); margin:0px; padding:0 0 10px 0;}
.employer-info p{ font-size:14px; color:var(--grey-dark); line-height:20px;}
.employer-info ul{ list-style:none; margin:0px; padding:0px;}
.employer-info ul li{ line-height:normal;  width:100%; float:left;}
.employer-info ul li span.info-icon{ width:auto; float:left;}
.employer-info ul li span.info-icon i{ width:18px; height:21px; display:block; float:left; background:url(../dashborad-images/info-icon.svg) left top no-repeat; margin:8px 8px 0 0;}
.employer-info ul li span.info-icon i.in-icon1{ background-position:left top;}
.employer-info ul li span.info-icon i.in-icon2{ background-position:left -34px;}
.employer-info ul li span.info-icon i.in-icon3{ background-position:left -78px;}
.employer-info ul li span.info-icon i.in-icon4{ background-position:left -119px;}
.employer-info ul li span.info-icon i.in-icon5{ background-position:left -154px;}
.employer-info ul li span.info-icon i.in-icon6{ background-position:left -193px;}
.employer-info ul li span.info-icon i.in-icon7{ background-position:left -230px;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.employer-info ul li span.info-icon i.in-icon1{ background-position:left -5px;}
.employer-info ul li span.info-icon i.in-icon2{ background-position:left -40px;}
.employer-info ul li span.info-icon i.in-icon3{ background-position:left -80px;}
.employer-info ul li span.info-icon i.in-icon6{ background-position:left -188px;}
.employer-info ul li span.info-icon i.in-icon7{ background-position:left -226px;}
.jj-verified ul li i.rupee-iocn{background-position: left -2px;}
.jj-verified ul li i.user-iocn{background-position: left -22px;}
.jj-verified ul li i.state-iocn{background-position: left -45px;}
	}
.employer-info ul li span.info-text{ width:89%; float:left; font-size:14px; color:var(--grey-dark); border-bottom:solid 1px #e5e5e5; padding:8px 0;}
.employer-info ul li span.info-text em{ float:right;}
.job-detail-up ul{list-style:none; margin:0px 0px 0px 0px; padding:0px;}
.job-detail-up ul li{ line-height:normal;}
.job-detail-up ul li a{float:left; background:#e5e5e5; height:50px; text-align:center; display:block; width:33.3%; text-decoration:none; margin-bottom:30px;}
.job-detail-up ul li a i{ width:28px; height:25px; background:url(../dashborad-images/job-detail-icon.svg) left top no-repeat; display:flex; margin:11px auto 0 auto;}
.job-detail-up ul li a i.detail-ic1{ background-position:left top;}
.job-detail-up ul li a i.detail-ic2{ background-position:-53px top;}
.job-detail-up ul li a i.detail-ic3{ background-position:-105px top;}
.job-detail-up ul li a:hover i.detail-ic1{ background-position:left -23px;}
.job-detail-up ul li a:hover i.detail-ic2{ background-position:-53px -23px;}
.job-detail-up ul li a:hover i.detail-ic3{ background-position:-105px -24px;}
.job-detail-up ul li a.active i.detail-ic1{ background-position:left -44px;}
.job-detail-up ul li a.active i.detail-ic2{ background-position:-53px -46px;}
.job-detail-up ul li a.active i.detail-ic3{ background-position:-105px -46px;}
.job-detail-up ul li a.active{ background:var(--green);}
.other-option ul{list-style:none; margin:0px; padding:0px;}
.other-option ul li{line-height:normal;  width:100%; float:left; }
.other-option ul li a{width:auto; float:none; color:var(--grey-dark); font-size:14px;}
.other-option ul li a i{width:18px; height:20px; display:block; float:left; background:url(../dashborad-images/other-icon.svg) left top no-repeat; margin:8px 8px 0 0;}
.other-option ul li a span{ width:80%; display:inline-block; padding:8px 0; border-bottom:solid 1px #e5e5e5;}
.other-option ul li a i.other-icon1{ background-position:-2px 3px;}
.other-option ul li a i.other-icon2{ background-position:-38px 3px;}
.other-option ul li a i.other-icon3{ background-position:-75px 1px;}
.other-option ul li a i.other-icon4{ background-position:-110px 2px;}
.other-option ul li a i.other-icon5{ background-position:-144px 0px;}
.other-option ul li a i.other-icon6{ background-position:-181px 2px;}
.other-option ul li a i.other-icon7{ background-position:-38px 3px;}
.other-option ul li a:hover i.other-icon1{ background-position:-2px -18px;}
.other-option ul li a:hover i.other-icon2{ background-position:-38px -18px;}
.other-option ul li a:hover i.other-icon3{ background-position:-75px -20px;}
.other-option ul li a:hover i.other-icon4{ background-position:-110px -19px;}
.other-option ul li a:hover i.other-icon5{ background-position:-144px -21px;}
.other-option ul li a:hover i.other-icon6{ background-position:-181px -19px;}
.other-option ul li a:hover{ color:var(--blue);}
.job-detail-right{ width:100%; padding-left:50px;}
.job-detail-right h2{ margin:0px; padding:0 0 25px 0;}
.employe-detail ul{ list-style:none; margin:0px; padding:0px;}
.employe-detail ul li {width:auto; color:var(--grey-dark); font-size:16px; width:100%; float:left;}
.employe-detail ul li span{font-weight:normal; display:inline-block; width:80%; border-bottom:solid 1px #e5e5e5;}
.employe-detail ul li span label{ font-weight:normal; width:140px; float:left; margin:0px;}
.employe-detail ul li i{width:25px; height:21px; display:block; float:left; background:url(../dashborad-images/em-detail-icon.svg) left top no-repeat; margin:8px 8px 0 0;}
.employe-detail ul li span{ width:80%; display:inline-block; padding:8px 0; border-bottom:solid 1px #e5e5e5;}
.employe-detail ul li i.em-detail-icon1{ background-position:left top;}
.employe-detail ul li i.em-detail-icon2{ background-position:left -44px;}
.employe-detail ul li i.em-detail-icon3{ background-position:left -87px;}
.employe-detail ul li i.em-detail-icon4{ background-position:left -130px;}
.employe-detail ul li i.em-detail-icon5{ background-position:left -165px;}
.employe-detail ul li i.em-detail-icon6{ background-position:left -206px;}
.employe-detail ul li i.em-detail-icon7{ background-position:left -245px;}
.employe-detail ul li i.em-detail-icon8{ background-position:left -286px;}
.jobs-benefits{ width:100%;}
.jobs-benefits span{font-size:16px; color:var(--grey-dark); padding:22px 0 0 0; display:block;}
.jobs-benefits span img{ float:left; margin:0 25px 0 0;}
.jobs-benefits h5{ margin:0px; padding:50px 0 20px 0;}
.jobs-benefits p{ font-size:16px; color:var(--grey-dark);}
.jobs-benefits p span{ font-size:14px; color:var(--grey-dark); padding:0px;}
.jobs-benefits ul{ list-style:disc; margin:0px; padding:0 0 0 15px;}
.jobs-benefits ul li{font-size:16px; color:var(--grey-dark); padding:5px 0 5px 0;}
.benefits{ width:100%;}
.benefits span{font-size:22px; color:var(--grey-dark); padding:25px 0 0 0; display:block;}
.benefits span img{ float:left; margin:0 25px 0 0;}
.benefits h4{ margin:0px; padding:50px 0 25px 0;}
.benefits-list{ margin-bottom:20px;}
.benefits-list i{ width:70px; height:70px; float:left; background:url(../dashborad-images/benefits-icon.svg) left top no-repeat; display:block; margin:0 18px 0 0;}
.benefits-list i.b-icon1{background-position:left top;}
.benefits-list i.b-icon2{background-position:-101px top;}
.benefits-list i.b-icon3{background-position:-201px top;}
.benefits-list i.b-icon4{background-position:left -89px;}
.benefits-list i.b-icon5{background-position:-101px top;}
.benefits-list i.b-icon6{background-position:-201px top;}
.benefits-list i.b-icon7{background-position:left -179px;}
.benefits-list i.b-icon8{background-position:-101px top;}
.benefits-list span{font-size:16px; color:var(--grey-dark);}
.preview-bot{ width:100%; background:var(--green); padding:20px 40px 20px 40px; margin-top:-4px; border-radius:0 0 3px 3px; font-size:14px; color:#ffffff;}
.preview-bot a{ color:#fff; text-decoration:underline; line-height:30px;}
.preview-bot span{ float:right; font-size:22px; display:inline-block; position:relative;}
.preview-bot span a{ color:#fff; text-decoration:none; font-family:'CircularAir-Bold'; cursor:pointer;}
.preview-footer{ width:100%; margin-top:30px;  color: var(--grey-dark);  font-size: 12px; line-height: 27px; float:left;}
.preview-footer a{ color:var(--grey-dark); text-decoration:none; font-size:12px;}
.preview-footer span{ float:right;}
/*=============Preview Job  Css Start Here=============*/
/*******************20-04-2016****************/
/*=============Job Detail New Page Css Start Here=============*/
.job-detail-section{ width:100%; padding:50px 0 10px 0; background:var(--bg);}
.user-detail{width:100%; background:#fff; margin-bottom:10px; position:relative; padding:0 40px 0 0;}
.all-ready{ width:auto; float:left; position:absolute; top:-12px; background:#fff880; border:1px solid #e0dfd3; font-size:11px; color:#8c872b; text-transform:uppercase; line-height:22px; padding:0 15px 0 15px;}
.user-detail h2{ padding:0px; margin:0px; line-height:49px; letter-spacing:-1px;}
.user-detail p{ font-size:16px; padding:18px 0 0 0;}
.user-detail p img{ margin:-4px 3px 0 0;}
.user-detail p span{float:right;}
.user-detail p span a{ color:var(--grey-dark);  text-decoration:none; font-size:10px; text-transform:uppercase; border:solid 1px var(--grey-dark); line-height:20px; padding:0 14px 0 14px; display:inline-block; border-radius:3px; margin:2px 0 0 0;  -webkit-tap-highlight-color: transparent;  -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;}
.user-detail p span a:hover{ background:var(--green); border:solid 1px var(--green); color:#fff;}
.user-detail-deselect{ width:auto; float:right;position:absolute; right:10px; top:10px;}
.user-detail-deselect a{ width:24px; height:23px; background:url(../dashborad-images/star-deslect.svg) left top no-repeat; display:inline-block;}
.user-detail-deselect a:hover{ background-position:left bottom;}
.user-detail-info{ margin:50px 0 0 0;}
.user-detail-info ul{ list-style:none; margin:0px; padding:0px;}
.user-detail-info ul li {width:auto; color:var(--grey-dark); font-size:14px; width:100%; float:left;}
.user-detail-info ul li span{font-weight:normal; display:inline-block; width:80%;}
.user-detail-info ul li span label{ font-weight:normal; width:100px; float:left; color:#9d9fa0; margin:0px; padding:8px 0 12px;}
.user-detail-info ul li span em {float: left; font-style: normal;  color:var(--grey-dark); width: 145px; border-bottom:solid 1px var(--grey-dark); padding:8px 0 12px;}
.user-detail-info ul li i{width:25px; height:21px; display:block; float:left; background:url(../dashborad-images/user-detail-info-icon.svg) left top no-repeat; margin:8px 8px 0 0;}
.user-detail-info ul li span{ width:80%; display:inline-block;}
.user-detail-info ul li i.us-detail-icon1{ background-position:left top;}
.user-detail-info ul li i.us-detail-icon2{ background-position:left -44px;}
.user-detail-info ul li i.us-detail-icon3{ background-position:left -87px;}
.user-detail-info ul li i.us-detail-icon4{ background-position:left -130px;}
.user-detail-info ul li i.us-detail-icon5{ background-position:left -165px;}
.user-detail-info ul li i.us-detail-icon6{ background-position:left -206px;}
.user-detail-info ul li i.us-detail-icon7{ background-position:left -245px;}
.user-detail-info ul li i.us-detail-icon8{ background-position:left -286px;}
.benifit-user h3.small{ margin:0px; padding:0 0 20px 0;}
.benifit-user {margin-top:20px;}
.benifit-user i{ width:56px; height:56px; float:left; background: url(../dashborad-images/user-benifits-icon.svg) left top no-repeat; display:block; margin:0 18px 0 0;}
.benifit-user i.benefit-icon1{background-position:left top;}
.benifit-user i.benefit-icon2{background-position:-86px top;}
.benifit-user i.benefit-icon3{background-position:-173px top;}
.benifit-user i.benefit-icon4{background-position:left -76px;}
.benifit-user i.benefit-icon5{background-position:-86px -76px;}
.benifit-user i.benefit-icon6{background-position:-173px -76px;}
.benifit-user i.benefit-icon7{background-position:left -156px;}
.benifit-user i.benefit-icon8{background-position:-86px -156px;}
.benifit-user i.benefit-icon9{background-position:-173px -156px;}
.benifit-user i.benefit-icon10{background-position:left -234px;}
.benifit-user i.benefit-icon11{background-position:-86px -234px;}
.benifit-user i.benefit-icon12{background-position:-173px -234px;}
.benifit-user i.benefit-icon13{background-position:left -315px;}
.benifit-user i.benefit-icon14{background-position:-86px -315px;}
.benifit-user i.benefit-icon15{background-position:-173px -315px;}
.benifit-user i.benefit-icon16{background-position:left -394px;}
.benifit-user i.benefit-icon17{background-position:-86px -394px;}
.benifit-user i.benefit-icon18{background-position:-173px -394px;}
.benifit-user i.benefit-icon19{background-position:left -474px;}
.benifit-user i.benefit-icon20{background-position:-86px -474px;}
.benifit-user i.benefit-icon21{background-position:-173px -474px;}
.benifit-user i.benefit-icon22{background-position:left -560px;}
.benifit-user span{font-size:14px; color:var(--grey-dark); width:61%; display:inline-block; padding:4px 0 0;}   
.seeker-user{ width:100%; background:#fff; margin:-12px 0 0 0; position:relative; border:solid 1px #e5e5e5; border-top: dashed 1px #e5e5e5; line-height:57px; padding:0 10px 0 20px; float:left;}
.seeker-user label{ width:auto; float:left; font-size:14px; color:#66696b; font-weight:normal;}
.seeker-user ul{ list-style:none; margin:15px 0px 0px 0px; padding:0px; float:right;}
.seeker-user ul li{ line-height:normal; float:left;}
.seeker-user ul li a{font-size:14px; color:#66696b; text-decoration:none; margin-right:15px;}
.seeker-user ul li a i{ width:17px; height:16px; display:inline-block; float:left; background: url(../dashborad-images/social-seeker.svg) left top no-repeat; margin:5px 5px 0 0;}
.seeker-user ul li a i.social-seeker1{background-position:6px top;}
.seeker-user ul li a i.social-seeker2{background-position:-27px top;}
.seeker-user ul li a i.social-seeker3{background-position:-59px top;}
.seeker-user ul li a i.social-seeker4{background-position:-87px -1px;}
.ap-job-btn{ width:100%; margin-bottom:50px;}
.description-user{width:100%; float:left; padding:50px 0 30px 0; word-wrap:break-word;}
.description-user h3.small{ margin:0px; padding:0px 0 0px 0;}
.description-user p{ font-size:15px; line-height:22px;}
.description-user p span{ font-size:13px; color:var(--grey-dark); padding:0px;}
.description-user ul{ list-style:disc; margin:0px; padding:10px 0 0 45px;}
.description-user ul li{font-size:15px; padding:5px 0 5px 0;}
.apply-job-btn{ line-height:40px; height:44px; text-transform:uppercase; font-size:16px; margin:0px !important;}
.apply-user{ width:100%; float:left; background:#fff;  border:solid 1px #e5e5e5; padding:20px 25px 30px 25px; box-sizing:border-box;}
.apply-user:last-child{ border:none; padding:20px 0 20px 0;}
.apply-user figure{ text-align:center; margin:10px 0 0 0;}
.apply-user figure figcaption{ font-size:26px; color:var(--grey-dark); text-align:center; padding:10px 7px 0 7px; line-height:28px; word-wrap:break-word;}
.apply-user figure a{ text-decoration:none;}
.apply-user figure i{ width:125px; height:125px; margin:0 auto; display:flex;}
.apply-user figure i img{ width:100%;}
.apply-user h4{color:var(--grey-dark); margin:0px; padding:0 0 10px 0;}
.apply-user p{ font-size:14px; color:var(--grey-dark); line-height:20px;} 
.apply-user ul{ list-style:none; margin:0px; padding:0px;}
.apply-user ul li{ line-height:normal;  width:100%; float:left;}
.apply-user ul li span.info-icon{ width:auto; float:left;}
.apply-user ul li span.info-icon i{ width:18px; height:21px; display:block; float:left; background:url(../dashborad-images/user-info-icon.svg) left top no-repeat; margin:8px 8px 0 0;}
.apply-user ul li span.info-icon i.in-icon1{ background-position:left top;}
.apply-user ul li span.info-icon i.in-icon2{ background-position:left -34px;}
.apply-user ul li span.info-icon i.in-icon3{ background-position:left -80px;}
.apply-user ul li span.info-icon i.in-icon4{ background-position:left -119px;}
.apply-user ul li span.info-icon i.in-icon5{ background-position:left -154px;}
.apply-user ul li span.info-icon i.in-icon6{ background-position:left -193px;}
.apply-user ul li span.info-icon i.in-icon7{ background-position:left -270px;}
.apply-user ul li span.info-icon i.in-icon8{ background-position:left -301px;}
.apply-user ul li span.info-icon i.in-icon9{ background-position:left -334px;}
.apply-user ul li span.info-icon i.in-icon10{ background-position:left -368px;}
.apply-user ul li span em{ float:right; font-style:normal;}
.apply-user ul li span.info-text{ width:87%; float:left; font-size:13px; color:var(--grey-dark); border-bottom:solid 1px #e5e5e5; padding:8px 0;}
.apply-user ul li span.info-text a{ color:var(--grey-dark); text-decoration:none;}
.apply-user ul li span.info-text a:hover{ color:var(--red);}
.apply-user ul li span.info-text em{ float:right;}
.apply-user ul li span.info-text em i{ font-size:10px; font-style: normal;}
.user-option{ border:none; padding:0px;}
.user-option ul{list-style:none; margin:0px; padding:0px;}
.user-option ul li{line-height:normal;  width:100%; float:left; }
.user-option ul li a{width:auto; float:none; color:var(--grey-dark); font-size:13px; }
.user-option ul li a i{width:21px; height:20px; display:block; float:left; background:url(../dashborad-images/user-other-icon.svg) left top no-repeat; margin:8px 8px 0 0;}
.user-option ul li a span{ width:80%; display:inline-block; padding:8px 0; border-bottom:solid 1px #e5e5e5;}
.user-option ul li a i.other-icon1{ background-position:-2px 1px;}
.user-option ul li a i.other-icon2{ background-position:-36px 1px;}
.user-option ul li a i.other-icon3{ background-position:-74px 1px;}
.user-option ul li a i.other-icon4{ background-position:-108px 2px;}
.user-link{ width:100%; float:left; background:#fff; border:solid 1px #e5e5e5; margin-top:10px; padding:10px 14px; font-size:14px; color:var(--grey-dark); line-height:20px; position:relative;}
.user-link .input{ color:var(--grey-dark); line-height:20px; padding:0px; border:none; width:80%; float:left; box-shadow:none; line-height: normal; height:auto; margin:0px;}
.user-link .copy-btn{float: right; font-size: 12px; color: var(--blue); text-transform: uppercase; width: 20%; border: none;
margin: 0px;line-height: normal; padding: 0px; background: none; cursor: pointer;}
.link_block{ width:100%; position:absolute; top:0px; height:36px; z-index:1;}
.user-category{width:100%; float:left; margin:30px 0 0 0;}
.user-category ul{ list-style:none; margin:0px; padding:0px;}
.user-category ul li{ line-height:normal;}
.user-category ul li a{ line-height:29px; display:block; float:left; font-size:14px; color:var(--grey-dark); border:solid 1px #c5c5c5; padding:0 8px; margin:0 5px 5px 0; text-decoration:none; -webkit-tap-highlight-color: transparent;  -webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;}
.user-category ul li a:hover{ background:var(--green); border:solid 1px var(--green); color:#fff;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.apply-user ul li span.info-icon i.in-icon1{ background-position:left -12px;}
.apply-user ul li span.info-icon i.in-icon2{ background-position:left -44px;}
.apply-user ul li span.info-icon i.in-icon3{ background-position:left -85px;}
.apply-user ul li span.info-icon i.in-icon4{ background-position:left -123px;}
.apply-user ul li span.info-icon i.in-icon5{ background-position:left -158px;}
.apply-user ul li span.info-icon i.in-icon6{ background-position:left -193px;}
.apply-user ul li span.info-icon i.in-icon7{ background-position:left -268px;}
.apply-user ul li span.info-icon i.in-icon8{ background-position:left -297px;}
.apply-user ul li span.info-icon i.in-icon9{ background-position:left -327px;}
.apply-user ul li span.info-icon i.in-icon10{ background-position:left -360px;}
.user-option ul li a i.other-icon3{ background-position:-74px -1px;}
.user-option ul li a i.other-icon4{ background-position:-108px 0px;}
	}
/*=============Review Contact Info Page Css Start Here=============*/
.review-info{ margin-top:20px;}
.review-info h4{ margin:0px; padding:20px 0 25px 15px;}
/*=============Review Contact Info Page Css End Here=============*/
/*=============Post a Job Page Css Start Here=============*/
a.cancel-back{font-size:10px; color:var(--red); border:solid 1px var(--red); padding:2px 5px 1px 5px; display:inline-block; border-radius:3px; text-transform:uppercase; font-style:normal; text-decoration:none; margin-top:16px;}
/*=============Post a Job Page Css End Here=============*/
/*=============Print Job Page Css Start Here=============*/
.print-sec{ width:100%; padding-top:100px; padding-bottom:100px; float:left; background:var(--bg);}
.print-content h3{ margin:0px; padding:0 0 15px 0;}
.print-content p{ margin:0px; padding:0 0 8px 0;}
.print-content p img{ margin-right:8px;}
.general{ width:100%; margin-top:30px; display:inline-block;}
.general p{ font-size:14px;}
.general p a{font-family:'CircularAir-Bold'; color:var(--grey-dark);}
.general em{ color:#979da4; display:inline-block; padding-top:10px; font-size:12px;  font-style:normal;}
.general ul{ list-style: outside; line-height:normal; padding:0px 0px 0px 15px;}
.general ul li{ font-size:14px;}
.general h5{ margin:0px; padding:0 0 10px 0;}
.general-list{ width:100%; border:solid 1px var(--grey-light); padding:30px; border-radius:3px;}
ul.gen-info-list{ width:49.5%; margin:0px; padding:0px; list-style:none; display:inline-block;}
.gen-info-list li{ line-height:normal; padding:0 0 0px 0; font-size:14px; color:var(--grey-dark);}
.gen-info-list li i{ width:20px; height:20px; background: url(../dashborad-images/gen-info.svg) left top no-repeat; display:block; float:left; margin:10px 8px 0 0;}
.gen-info-list li span{ width:80%; border-bottom:solid 1px var(--grey-light); display:inline-block; line-height:40px;}
.gen-info-list li span a{color:var(--grey-dark); text-decoration:none;}
.gen-info-list li:last-child span{ border-bottom:none;}
.gen-info-list li i.gen-icon1{background-position:left top;}
.gen-info-list li i.gen-icon2{background-position:left -38px;}
.gen-info-list li i.gen-icon3{background-position:left -79px;}
.gen-info-list li i.gen-icon4{background-position:left -121px;}
.gen-info-list li i.gen-icon5{background-position:left -160px;}
.gen-info-list li i.gen-icon6{background-position:left -200px;}
.gen-info-list li i.gen-icon7{background-position:-46px top;}
.gen-info-list li i.gen-icon8{background-position:-46px -38px;}
.gen-info-list li i.gen-icon9{background-position:-46px -79px;}
.gen-info-list li i.gen-icon10{background-position:-46px -121px;}
.gen-info-list li i.gen-icon11{background-position:-45px -160px;}
.gen-info-list li i.gen-icon12{background-position:-46px -199px;}
ul.benefit-list{ width:33.3%; float:left;}
.benefit-list li{ line-height:26px; font-size:14px; color:var(--grey-dark);}
.print-footer{width:100%; border-top: solid 1px var(--grey-light); margin-top:35px; font-size:14px;  text-align:left; padding:10px 0 0 0;}
/*=============Print Job Page Css Start Here=============*/
/*=============Manage All Jobs Page Css Start Here=============*/
a.upgrad-btn{ font-size:14px; color:#ffffff; background:var(--red); display:inline-block; border-radius:3px; line-height:35px; margin:6px 6px 0 0; padding:0 25px 0 25px; float:right; text-decoration:none;}
.jj-list{ width:auto; float:right; margin:-108px 0 0;}
.jj-list ul{ list-style:none;}
.jj-list ul li{ line-height:normal; float:left;}
.jj-list ul li a{width:80px; height:80px; border:solid 1px var(--grey-dark); float:left; margin-left:10px; border-radius:100px; background:#fff;}
.jj-list ul li a{ font-size:12px; color:var(--grey-dark); text-align:center; padding:20px 0 0 0; text-decoration:none;}
.jj-list ul li a span{ font-size:26px; display:block; line-height:28px;}
.jj-list ul li a.posted{ border:solid 1px var(--blue); color:var(--blue);}
.jj-list ul li a.balance{ border:solid 1px var(--green); color:var(--green);}
.job-manage{ width:100%; margin-top:15px; display:inline-block;}
ul.favorite-job{padding:0px; margin:0px 0 0 -10px;}
.favorite-job li{line-height: normal; float:left; list-style:none;  width:18%; margin:0 1% 0 1%;}
.favorite-job li a{ font-size:45px; color:var(--green); text-align:center; border:solid 1px var(--green); display:block; border-radius:3px;  text-decoration:none; line-height:normal; padding:18px 0 10px; line-height:35px; -webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; outline:none; position:relative;}
.favorite-job li a span{ font-size:15px; display:block; color:var(--green); margin:0px;}
.favorite-job li a em{ height:14px; bottom:-14px; display:block; position:absolute; left:0px;  width:100%;}
.favorite-job li a:hover em.tab-green{ background:url(../dashborad-images/tab-green-arrow.svg) no-repeat scroll center top;}
.favorite-job li a:hover em.tab-blue{ background:url(../dashborad-images/tab-blue-arrow.svg) no-repeat scroll center top;}
.favorite-job li a:hover em.tab-red{ background:url(../dashborad-images/tab-red-arrow.svg) no-repeat scroll center top;}
.favorite-job li a:hover em.tab-gray{background:url(../dashborad-images/tab-gray-arrow.svg) no-repeat scroll center top;}
.favorite-job li a:hover em.tab-light-red{background:url(../dashborad-images/tab-light-red-arrow.svg) no-repeat scroll center top;}
.favorite-job li a.active em.tab-green{ background:url(../dashborad-images/tab-green-arrow.svg) no-repeat scroll center top;}
.favorite-job li a.active em.tab-blue{ background:url(../dashborad-images/tab-blue-arrow.svg) no-repeat scroll center top;}
.favorite-job li a.active em.tab-red{ background:url(../dashborad-images/tab-red-arrow.svg) no-repeat scroll center top;}
.favorite-job li a.active em.tab-gray{background:url(../dashborad-images/tab-gray-arrow.svg) no-repeat scroll center top;}
.favorite-job li a.active em.tab-light-red{background:url(../dashborad-images/tab-light-red-arrow.svg) no-repeat scroll center top;}
.favorite-job li a:hover{color:#fff; background:var(--green);}
.favorite-job li a:hover span{color:#fff;}
.favorite-job li a.active{color:#fff; background:var(--green);}
.favorite-job li a.active span{color:#fff;}
.favorite-job li a.fav-employe{color:#2483fe; border:solid 1px #2483fe}
.favorite-job li a.fav-employe span{color:#2483fe;}
.favorite-job li a:hover.fav-employe{color:#fff; background:#2483fe;}
.favorite-job li a:hover.fav-employe span{color:#fff;}
.favorite-job li a.active.fav-employe{color:#fff; background:#2483fe;}
.favorite-job li a.active.fav-employe span{color:#fff;}
.favorite-job-list{ width:100%; margin:30px 0 0px 0; float:left;}
.favorite-job li a.fav-apply{color:var(--red); border:solid 1px var(--red)}
.favorite-job li a.fav-apply span{color:var(--red);}
.favorite-job li a:hover.fav-apply{color:#fff; background:var(--red);}
.favorite-job li a:hover.fav-apply span{color:#fff;}
.favorite-job li a.active.fav-apply{color:#fff; background:var(--red);}
.favorite-job li a.active.fav-apply span{color:#fff;}
.favorite-job li a.fav-view{color:var(--grey-dark); border:solid 1px var(--grey-dark)}
.favorite-job li a.fav-view span{color:var(--grey-dark);}
.favorite-job li a:hover.fav-view{color:#fff; background:var(--grey-dark);}
.favorite-job li a:hover.fav-view span{color:#fff;}
.favorite-job li a.active.fav-view{color:#fff; background:var(--grey-dark);}
.favorite-job li a.active.fav-view span{color:#fff;}
.favorite-job li a.light-red{color:#ec918a; border:solid 1px #ec918a}
.favorite-job li a.light-red span{color:#ec918a;}
.favorite-job li a:hover.light-red{color:#fff; background:#ec918a;}
.favorite-job li a:hover.light-red span{color:#fff;}
.favorite-job li a.active.light-red{color:#fff; background:#ec918a;}
.favorite-job li a.active.light-red span{color:#fff;}
.posted-note{ width:100%; background:var(--yellow-bg); border:solid 1px var(--yellow-border); border-radius:3px; float:left; margin:30px 0 0 0; text-align:center; padding:50px 0 50px 0;}
.posted-note h4{ margin:0px; padding-top:10px;}
.posted-note p{ font-size:16px; color:var(--grey-dark); margin:0px;}
.post-btn{ width:250px; text-transform:uppercase; font-size:12px; letter-spacing:1px; margin:20px 0px 0px 0px;}
.show-job-list{ width:100%; margin-top:35px; display:inline-block;}
.show-job-list h5{ margin:0px;}
.show-job-list ul{ list-style:none; margin:-26px 0px 0px 0px; padding:0px; float:right;}
.show-job-list ul li{ line-height:normal; float:left;  padding:0 8px 0 8px; line-height: 20px;}
.show-job-list ul li a{font-size:12px; color:var(--grey-dark); text-decoration:none; display:block;}
.show-job-list ul li a i{width:13px; height:14px; background:url(../dashborad-images/job-icon.svg) left top no-repeat; display:block; float:left; margin:1px 8px 0;}
.show-job-list ul li a img{ margin-right:5px;}
.show-job-list ul li a i.aplha{background-position:-43px top;}
.show-job-list ul li a span{ width:8px; height:5px; background: url(../dashborad-images/list-drop.svg) left top no-repeat; display: inline-block; margin:5px 0px 0 3px;}
.jj-job-list{background:#fff; border: solid 1px #dee1e1; border-radius:3px; box-shadow:none; padding:25px;
box-sizing:border-box; position:relative; height:auto; text-align:left;}
.jj-job-list h4{color:var(--grey-dark); margin:0px; padding:0 0 15px 0;}
.jj-job-list h5{color:var(--grey-dark); margin:0px; padding:0 46px 15px 0;}
.jj-job-list h5 a{color:var(--grey-dark); text-decoration:none;}
.jj-job-list ul{list-style:none; margin:0px 0px 0px 0%; padding:0px;}
.jj-job-list ul li{ font-size:13px; color:var(--grey-light); float:left; padding-bottom:px; width:48%; margin:0 6% 0 0;
 padding:0 0 4px 0; letter-spacing:-0.2px;}
.jj-job-list ul li i{ width:17px; height:17px; background:url(../dashborad-images/update-icon.svg) left top no-repeat; display:block; float:left; margin:3px 5px 0 0;}
.jj-job-list ul li i.update-icon1{background-position: left top;}
.jj-job-list ul li i.update-icon2{background-position: left -80px;}
.jj-job-list ul li i.update-icon3{background-position: left -29px;}
.jj-job-list ul li i.update-icon4{background-position:left -108px;}
.jj-job-list ul li i.update-icon5{background-position:left -54px;}
.jj-job-list ul li.jj-right-update{ width: 40%;}
.green-btn{border-radius:3px; background:none; padding:0 0px 0 0px; height:30px; color:var(--grey-light);  border:none;  font-size:12px; width:48.3%; border:solid 1px var(--grey-light); text-transform:uppercase; line-height:30px;  -webkit-tap-highlight-color: transparent;
-webkit-transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s;
transition: background-color 0.3s, color 0.3s, width 0.3s, border-width 0.3s, border-color 0.3s; margin:10px 0 0 0; letter-spacing:1px;}
.green-btn.focus, .green-btn:focus {background:var(--green); border:solid 1px var(--green); color:#fff;}
.green-btn:hover {background:var(--green); border:solid 1px var(--green); color:#fff;}
.green-btn.active.focus, .green-btn.active:focus, .green-btn.active:hover, .green-btn:active.focus, .green-btn:active:focus, .green-btn:active:hover, .open>.dropdown-toggle.green-btn.focus, .open>.dropdown-toggle.green-btn:focus, .open>.dropdown-toggle.green-btn:hover {background:var(--green); border:solid 1px var(--green); color:#fff;}
.blue-btn{float:right;}
.blue-btn.focus, .green-btn:focus {background:var(--green); border:solid 1px var(--green); color:#fff;}
.blue-btn:hover {background:var(--blue); border:solid 1px var(--blue); color:#fff;}
.blue-btn.active.focus, .blue-btn.active:focus, .blue-btn.active:hover, .blue-btn:active.focus, .blue-btn:active:focus, .blue-btn:active:hover, .open>.dropdown-toggle.blue-btn.focus, .open>.dropdown-toggle.blue-btn:focus, .open>.dropdown-toggle.green-btn:hover {background:var(--blue); border:solid 1px var(--blue); color:#fff;}
.gray-btn.focus, .gray-btn:focus {background:var(--grey-dark); border:solid 1px var(--green); color:#fff;}
.gray-btn:hover {background:var(--grey-dark); border:solid 1px var(--grey-dark); color:#fff;}
.gray-btn.active.focus, .gray-btn.active:focus, .gray-btn.active:hover, .gray-btn:active.focus, .gray-btn:active:focus, .gray-btn:active:hover, .open>.dropdown-toggle.gray-btn.focus, .open>.dropdown-toggle.gray-btn:focus, .open>.dropdown-toggle.green-btn:hover {background:var(--grey-dark); border:solid 1px var(--grey-dark); color:#fff;}
.redd-btn{float:right;}
.redd-btn.focus, .redd-btn:focus {background:var(--red); border:solid 1px var(--red); color:#fff;}
.redd-btn:hover {background:var(--red); border:solid 1px var(--red); color:#fff;}
.redd-btn.active.focus, .redd-btn.active:focus, .redd-btn.active:hover, .redd-btn:active.focus, .redd-btn:active:focus, .redd-btn:active:hover, .open>.dropdown-toggle.redd-btn.focus, .open>.dropdown-toggle.redd-btn:focus, .open>.dropdown-toggle.green-btn:hover {background:var(--red); border:solid 1px var(--red); color:#fff;}
.active-btn{position:absolute; top:0px; right:0px; font-size:10px; color:var(--green); background:#f2fbf7; line-height:30px; border-bottom:solid 1px #8de0be; border-left: solid 1px #8de0be; width:70px; text-align:center; text-transform:uppercase;}
.expired-btn{ color:var(--red); background:#fff6f5; border-bottom:solid 1px #f2ccc6; border-left:solid 1px #f2ccc6;}
.in-active-btn{ color:var(--grey-light); background:#f8f7f8; border-bottom:solid 1px #d1d2d4; border-left:solid 1px #d1d2d4;}
.manage-job ul{ width:100%; float:left;}
.manage-job ul li{ width:auto; margin:0 18px 0 0;}
.manage-job ul li i{ margin:2px 8px 0 0;}
.manage-btn{ width:140px; float: inherit; margin-right:10px;}
/*=============Manage All Jobs Page Css Start Here=============*/
/*============Manage Job Seekers Page Css Start Here=============*/
.table-striped thead tr th{ font-size:10px; text-transform:uppercase; color:var(--grey-dark); font-family: 'Circular Air Book'; font-weight:normal;}
.table-responsive .table > thead > tr > th{border-bottom:solid 1px var(--grey-light); padding-top:20px; font-family:'CircularAir-Bold'}
.table-responsive .table > tbody > tr > td{ font-size:14px; color:var(--grey-dark); line-height:20px;}
.table-responsive .table > tbody.indent-cont { padding:0 0 0 30px;}
.seekers-sec{ background:#fff; float:left; width:100%; padding:0px;}
.table-striped > tbody > tr:nth-of-type(2n+1){ background:none;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{ border:none;}
.table-responsive .table > thead > tr > th.user-email{ width:100px !important; word-wrap:break-word;}
.table-responsive .table > tbody > tr > td{border-bottom:solid 1px #e5e5e5;}
.favorite-content-main.table-responsive .table > tbody > tr > td{ border:none;}


.table-responsive .table > tbody > tr > td.user-name{ font-size:16px; width:100px;}
.table-responsive .table > tbody > tr > td.user-email{ width:100px !important; word-wrap:break-word; display:block; min-height:100px;}
.table-responsive .table > tbody > tr > td.resumetext{ font-size:10px;}
.table-responsive .table > tbody > tr > td.resumetext a{ border:solid 1px var(--grey-light); padding:3px 10px; color:var(--grey-dark); text-transform:uppercase; text-transform:uppercase; border-radius:3px; text-decoration:none;}
.table-responsive .table > thead > tr > th.seclect{ padding-left:10px; width:40px !important;}
.table-responsive .table > tbody > tr > td.seclect{ padding-left:10px;}
.table-responsive .table > tbody > tr > td.seeker_select_sms{ width:70px;}
.action{ width:25px; height:25px; border:solid 1px var(--grey-dark); border-radius:50px; line-height:18px; text-align:center; 
margin-top:5px; float:right; background:url(../dashborad-images/dot-more.svg) center center no-repeat; text-indent:-99999px;}
/*.action:hover{ border:solid 1px var(--green); color:#fff; background:var(--green);}*/
.seeker-right ul{ list-style:none; margin:0px; padding:0px;}
.seeker-right ul li{ font-size:14px; color:#595f61; float:left;}
.seeker-right ul li a{font-size:14px; color:#595f61; background:none; border:none;}
.seeker-right ul li a i{ background:url(../dashborad-images/manage-seek-icon.svg) left top no-repeat; display:block; width:20px; height:15px; display:block; float:left; margin:1px 5px 0 0;}
.seeker-right ul li a i.seek-num1{background-position:left top;}
.seeker-right ul li a i.seek-num2{background-position:-48px top;}
.seeker-right ul li a i.seek-num3{background-position:-90px top;}
.seekers-area{width:50%; float:left; margin-top:5px;}
.all-select{ width:100%; padding:30px 0px;}
.all-select label{font-weight:normal; color:#66696b; font-size:16px; line-height:50px;}
.btn-right{ width:auto; float:right;}
.bull-option{ width:180px; float:left; margin-right:10px;}
.jj-seekers-btn{  background:var(--green); border:1px solid var(--green); border-radius: 3px; color: #fff; font-family: "CircularAir-Bold";
    font-size: 18px; height: 50px; line-height: 47px; margin-top:0px; padding: 0; transition: background-color 0.3s ease 0s, color 0.3s ease 0s, width 0.3s ease 0s, border-width 0.3s ease 0s, border-color 0.3s ease 0s;
    width:145px;}
.jj-seekers-btn.focus, .jj-seekers-btn:focus {color: #fff; background-color: var(--green);  border-color:var(--green);}
.jj-seekers-btn:hover {color: #fff;background-color: var(--green);  border-color:var(--green);}
.jj-seekers-btn.active.focus, .jj-seekers-btn.active:focus, .jj-seekers-btn.active:hover, .jj-seekers-btn:active.focus, .jj-seekers-btn:active:focus, .jj-seekers-btn:active:hover, .open>.dropdown-toggle.jj-seekers-btn.focus, .open>.dropdown-toggle.jj-seekers-btn:focus, .open>.dropdown-toggle.jj-seekers-btn:hover {color: #fff;background-color: var(--green);  border-color:var(--green);}
.pagin{ width:100%;}
.pagination li{font-size:14px; color:var(--grey-dark);}
.pagination li a{color:var(--grey-dark); border:solid 1px var(--grey-light); border-radius:3px; margin-right:10px; width:34px; height:34px; padding:0px; text-align:center; line-height:34px;}
.pagination li a:hover{ background:var(--green); color:#fff; border:solid 1px var(--green);}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover{background:var(--green); color:#fff; border:solid 1px var(--green);}
.pagination > li > a.active, .pagination > li > a.active, .pagination > li > span.active, .pagination > li > span.active{background:var(--green); color:#fff; border:solid 1px var(--green);}
.pagination li a.prev{ width:auto; padding:0 15px 0 25px; background: url(../dashborad-images/prev.svg) 10px 10px no-repeat #fff;; display:block; float:left;}
.pagination li a:hover.prev{ background:url(../dashborad-images/prev-white.svg) 10px 10px no-repeat var(--green); border:solid 1px var(--green);}
.pagination > li > a:focus.prev, .pagination > li > a:hover.prev, .pagination > li > span:focus, .pagination > li > span:hover{background:url(../dashborad-images/prev-white.svg) 10px 10px no-repeat var(--green); border:solid 1px var(--green);}
.pagination li a.next{ width:auto; padding:0 25px 0 15px; background: url(../dashborad-images/next.svg) right 10px no-repeat #fff;; display:block; float:left;}
.pagination li a:hover.next{ background:url(../dashborad-images/next-white.next) right 10px no-repeat var(--green); border:solid 1px var(--green);}
.pagination > li > a:focus.next, .pagination > li > a:hover.next, .pagination > li > span:focus, .pagination > li > span:hover{background:url(../dashborad-images/next-white.svg) right 10px no-repeat var(--green); border:solid 1px var(--green);}
ul.seeker-tab{ list-style:none; margin:30px 0px 0px 0px; padding:0px; border:solid 1px var(--grey-dark); border-radius:3px 3px 0px 0px; float:left; border-bottom:none; position:relative;}
.seeker-tab li{ line-height:normal; float:left;}
.seeker-tab li a{ font-size:17px; color:var(--grey-dark); padding:0 45px 0 45px; border-right:solid 1px var(--grey-light); line-height:62px; display:block; text-decoration:none;}
.seeker-tab li a:hover{ color:var(--red);}
.seeker-tab li a.active{background:#fff; color:#0b1f35; border-top:solid 4px #0b1f35; margin-top:-4px; border-radius:3px 3px 0 0;}
.seeker-tab li a.short{ color:#3081fd;}
.seeker-tab li a.active.short{background:#fff; color:#3081fd; border-top:solid 4px #3081fd; margin-top:-4px; border-radius:3px 3px 0 0;}
.seeker-tab li a.reject{ color:#e22815;}
.seeker-tab li a.active.reject{background:#fff; color:#e22815; border-top:solid 4px #e22815; margin-top:-4px; border-radius:3px 3px 0 0;}
.seeker-tab li a.see-select{ color:#05bd71;}
.seeker-tab li a.active.see-select{background:#fff; color:#05bd71; border-top:solid 4px #05bd71; margin-top:-4px; border-radius:3px 3px 0 0;}
ul.unlockseeker-tab{ list-style:none; margin:30px 0px 0px 0px; padding:0px; border:solid 1px var(--grey-dark); border-radius:3px 3px 0px 0px; float:left; border-bottom:none; position:relative;}
.unlockseeker-tab li{ line-height:normal; float:left;}
.unlockseeker-tab li a{ font-size:17px; color:var(--grey-dark); padding:0 48px 0 48px; border-right:solid 1px var(--grey-light); line-height:62px; display:block; text-decoration:none;}
.unlockseeker-tab li a:hover{ color:var(--red);}
.unlockseeker-tab li a.active{background:#fff; color:#0b1f35; border-top:solid 4px #0b1f35; margin-top:-4px; border-radius:3px 3px 0 0;}
.unlockseeker-tab li a.short{ color:#3081fd;}
.unlockseeker-tab li a.active.short{background:#fff; color:#3081fd; border-top:solid 4px #3081fd; margin-top:-4px; border-radius:3px 3px 0 0;}
.unlockseeker-tab li a.reject{ color:#e22815;}
.unlockseeker-tab li a.active.reject{background:#fff; color:#e22815; border-top:solid 4px #e22815; margin-top:-4px; border-radius:3px 3px 0 0;}
.unlockseeker-tab li a.see-select{ color:#05bd71;}
.unlockseeker-tab li a.active.see-select{background:#fff; color:#05bd71; border-top:solid 4px #05bd71; margin-top:-4px; border-radius:3px 3px 0 0;}
/*=============Manage Job Seekers Page Css Start Here=============*/
.alert-input-one{width:24%; border:solid 1px var(--grey-light);  margin-top:18px; padding:0 20px 0 40px; box-sizing:border-box; height:50px; line-height:50px; font-size:15px; color:var(--grey-dark); float:left; border-radius:3px 0 0 3px;
background:url(../dashborad-images/india.svg)  14px 15px no-repeat;}
.alert-input-two{ width:40%; border-radius:0 3px 3px 0px; border-left:none; padding:0 20px 0 20px; background:none;}
.alert-input-three{ width:33%; margin-left:8px; border-radius:3px; float:right; padding:0 20px 0 20px;background:none; }
.alert-input-one:focus{ box-shadow:none;}
/*=============Upload Company Logo Css Start Here=============*/
.upload-section{ width:100%; padding-bottom:40px;}
.upload-section-inside{ border:solid 1px #dcdcdc;}
.upload-list{ width:100%; padding:30px 15px 30px 15px; box-sizing:border-box; border-bottom:solid 1px #dcdcdc;}
.add-logo-btn{  background:var(--blue); width:150px; height:43px; line-height:40px; border:1px solid var(--blue); border-radius: 3px; color: #fff; font-family: "CircularAir-Bold"; font-size: 18px;  margin-top:0px; padding: 0; transition: background-color 0.3s ease 0s, color 0.3s ease 0s, width 0.3s ease 0s, border-width 0.3s ease 0s, border-color 0.3s ease 0s;
}
.add-logo-btn i{ width:10px; height:10px; background: url(../dashborad-images/add-plus.png) left top no-repeat; display:inline-block;}
.add-logo-btnn.focus, .add-logo-btn:focus {color: #fff; background-color: var(--blue);  border-color:var(--blue); box-shadow:none;}
.jj-reset-btn:hover {color: #fff;background-color: var(--blue);  border-color:var(--blue);}
.add-logo-btn.active.focus, .add-logo-btn.active:focus, .add-logo-btn.active:hover, .add-logo-btn:active.focus, .add-logo-btn:active:focus, .add-logo-btn:active:hover, .open>.dropdown-toggle.add-logo-btn.focus, .open>.dropdown-toggle.add-logo-btn:focus, .open>.dropdown-toggle.add-logo-btn:hover {color: #fff;background-color: var(--blue);  border-color:var(--blue);}
.upload-list-mid{ margin-left:60px;}
.upload-list-right { margin-left:-60px;}
.upload-list-right ul{list-style: none none circle; margin:0px; padding:0px;}
.upload-list-right ul li{font-size:14px; color:#7d7d7d; line-height:24px;}
.porgs-bar{width:64%;  border:solid 1px var(--green); margin-top:16px; float:left;}
.porgs-bar-complete{width:70%; height:13px; background:var(--green); float:left;}
.remove-logo{ border:none; font-size:11px;}
.remove-logo a{ color:var(--red); text-decoration:none;}
/*=============Upload Company Logo Css End Here=============*/
/*=============Employer-tshirt Page Css Start Here=============*/
.em-t{ width:100%; margin-bottom:30px; padding:40px 25px;}
.em-t-inside{ margin-bottom:30px; width:100%; float:left;}
.ts-tab li a i{ width:22px; height:23px; background:url(../dashborad-images/em-t-icon.svg) left top no-repeat; display:block; float:left; margin:18px 8px 0 0;}
.ts-tab li a i.ts-icon1{background-position:left top;}
.ts-tab li a i.ts-icon2{background-position:-45px top;}
.ts-tab li a i.ts-icon3{background-position:-97px top;}
.ts-tab li a i.ts-icon4{background-position:-135px top;}
.ts-tab li:hover a{ background:none; color:var(--red);}
.ts-tab li:hover a i.ts-icon1{background-position:left -23px;}
.ts-tab li:hover a i.ts-icon2{background-position:-45px -23px;}
.ts-tab li:hover a i.ts-icon3{background-position:-97px -23px;}
.ts-tab li:hover a i.ts-icon4{background-position:-135px -23px;}
.ts-tab li.active a{ background:#fff; color:var(--red);}
.ts-tab li.active a i.ts-icon1{background-position:left -23px;}
.ts-tab li.active a i.ts-icon2{background-position:-45px -23px;}
.ts-tab li.active a i.ts-icon3{background-position:-97px -23px;}
.ts-tab li.active a i.ts-icon4{background-position:-135px -23px;}
.booknow-btn{ width:220px; margin-bottom:30px; margin-top:30px;}
.highlight-sec{ width:100%; float:left; padding:20px;}
.highlight-sec h4{ padding-bottom:25px; margin:0px;}
ul.highlight-list{ width:50%; float:left; list-style:none; margin:0px 0px 25px 0px; padding:0px;}
.highlight-sec p{font-size:17px; color:var(--grey-dark); line-height:24px;}
.highlight-list li{ font-size:17px; color:var(--grey-dark);  line-height:24px; background:url(../dashborad-images/highlight-line.svg) left 11px no-repeat; padding:0 0 18px 22px;}
ul.terms-list{ width:100%}
ol.box-list{ width:100%; margin-top:20px;}
.box-list li{font-size:17px; color:var(--grey-dark); padding-bottom:18px; line-height:24px;}
.em-t-left{ padding:0px; background:#e5e5e5; border:solid 1px #f2f2f2; width:100%; float:left; padding:25px 0 40px; text-align:center;}
.em-t-right{ padding-left:30px;}
.em-t-right h2{ padding:0 0 10px 0 !important; margin:0px;}
.color-select{ margin-top:20px; width:100%; float:left;}
.color-select h6{ padding-bottom:5px;}
.color-select ul{ list-style:none; margin:0px; padding:0px;}
.color-select ul li{line-height:normal; display:inline-block; margin-right:15px; position:relative;}
.color-select ul li span{float:left; width:auto; background:var(--green); 
border-radius:3px; cursor:pointer; height:33px; border-radius:0px; color:#fff; line-height:33px; padding:0 12px; margin:0px; cursor: inherit;}
.color-select ul li span.t-last{ background:url(../dashborad-images/t-last-bg.jpg) left top no-repeat; width:135px; text-align:center;}
.color-select ul li.active{border:none;}
.size ul li{ width:auto;  border:solid 1px #8f8f91; font-size:16px; text-align:center; line-height:33px; color:var(--grey-dark); border-radius:0px; padding:0 12px 0 12px; background:#fff; margin-right:5px;}
.size ul li:hover{color:#fff; background:#b7b7b7; cursor:pointer; border-color:#b7b7b7;} 
.size ul li.active{background:var(--green); color:#fff;  border-color:var(--green);}
.size ul li.de-select{background:#b7b7b7; color:#fff; border:solid 1px #b7b7b7; cursor:default;}
.select-radio{ position:relative; z-index:-1; margin:16px 0 0px 19px !important;}
.select-radio-one{   height: 32px;left: 0;opacity: 0;position: absolute; width: 100%; cursor:pointer;}
.wall-clock{ padding:25px 0 25px 0;}
.wall-clock img{ width:150px;}
 #sync1 { width:80%; float:right;}
 #sync1 .item{
        padding:5px 0 0 0;
        color: #FFF;
        text-align: center; 
    }
    #sync2 .item{
        padding: 0px 0px; margin-bottom:15px;              
        text-align: center;
        cursor: pointer; border-left:3px solid #e5e5e5; 
    }
    #sync2 .item h1{
      font-size: 18px;
    }
    #sync2 .synced .item{ border-left:3px solid var(--green);     
    }
#sync2.owl-carousel .owl-item{ float:none !important;}	
#sync2{ width:80px; position:absolute;}
.owl-buttons{ display:none;}
.owl-controls .clickable{ display:none;}
/*=============Employer-tshirt Page Css end Here=============*/
/*@media screen and (-webkit-min-device-pixel-ratio:0) {
.nav-sidebar > li > a i.menu-icon1{ background-position:left -7px;}
.nav-sidebar > li > a i.menu-icon2{ background-position:left -39px;}
.nav-sidebar > li > a i.menu-icon3{ background-position:left -72px;}
.nav-sidebar > li > a i.menu-icon4{background-position:left -109px;}
.nav-sidebar > li > a i.menu-icon8{background-position:left -250px;}
.nav-sidebar > li > a i.menu-icon9{background-position:left -287px;}
.nav-sidebar > li > a i.menu-icon10{background-position:-1px -325px;}
.nav-sidebar > li > a i.menu-icon11{background-position:-2px -358px;}
.nav-sidebar > li > a i.menu-icon12{background-position:left -392px;}
.new-nav li a i{ margin:10px 0 0 4px;}
.status-num li a span{border-bottom-color:var(--grey-dark); height:100px; border-radius:100%; display:block;}
	}*/
	
.st-select{ color:#05bd71 !important;}	
.st-shortlist{ color:#3081fd !important;}	
.st-reject{ color:#e22815 !important;}	
/*=============Account Page Css Start Here=============*/
.main-account{ width:100%; float:left; margin-bottom:30px;}
.account-set{width:100%; float:left;}
.account-set h4{ padding:0 0 0px 0px; margin-top:0px;}
.account-set em{ padding:0 0 0px 0px; font-style:normal; display: inline-block; color: var(--grey-dark);}
.account-form{ margin-top:25px;}
.account-set label{font-weight: normal; padding-bottom:5px; color: var(--grey-dark);}
.account-set label span{color:var(--green);} 
.account-set label span.no{color:var(--red);} 
.acoount-save-btn{  background:var(--green); border:1px solid var(--green); border-radius: 3px; color: #fff; font-family: "CircularAir-Bold";
    font-size: 18px; height: 50px; line-height: 47px; margin-top:0px; padding: 0; transition: background-color 0.3s ease 0s, color 0.3s ease 0s, width 0.3s ease 0s, border-width 0.3s ease 0s, border-color 0.3s ease 0s;
    width:auto; padding:0 30px 0 30px;}
.acoount-save-btn.focus, .acoount-save-btn:focus {color: #fff; background-color: var(--green);  border-color:var(--green);}
.jj-seekers-btn:hover {color: #fff;background-color: var(--green);  border-color:var(--green);}
.acoount-save-btn.active.focus, .acoount-save-btn.active:focus, .jj-seekers-btn.active:hover, .jj-seekers-btn:active.focus, .acoount-save-btn:active:focus, .acoount-save-btn:active:hover, .open>.dropdown-toggle.acoount-save-btn.focus, .open>.dropdown-toggle.acoount-save-btn:focus, .open>.dropdown-toggle.acoount-save-btn:hover {color: #fff;background-color: var(--green);  border-color:var(--green);}
.acc-change{ width:100%;}
.digit-num{text-align:center;}
.profile-share{ background:var(--yellow-bg); border-top: dashed 1px var(--yellow-border);}
.share-input{ width:50%; border-radius:3px 0px 0px 3px; float:left; height: 50px !important; line-height:50px !important; margin:0 0 0 -15px;}
.copy-link{ width:auto; float:left; background:var(--grey-dark); border:none; font-size: 16px; height: 50px; line-height: 47px; color:#fff; border-radius:0 3px 3px 0px; padding:0px 20px 0px 20px; font-family:"CircularAir-Bold";}
.copy-link:hover{ color:#FFF;}
.copy-visit-btn{ width:auto; float:left; margin-left:10px;}
.copy-visit-btn a{ width:auto; float:left; background:var(--green); border:none; font-size: 16px; height: 50px; line-height:50px; color:#fff; border-radius:3px; padding:0px 20px 0px 20px; font-family:"CircularAir-Bold";}
.copy-visit-btn:hover{ color:#FFF;}
.sh-social{ width:100%; float:left;}
.sh-social ul{ list-style:none; margin:0px; padding:0px;}
.sh-social ul li{ line-height:normal; float:left;}
.sh-social ul li a{ background:#ffffff; font-size:16px; color:#005189; line-height:32px; margin-right:5px; display:block;
 padding:0 10px 0 10px; border-radius:3px;  font-family:'CircularAir-Bold'}
.sh-social ul li a.sh-fb{ border:solid 1px #005189;}
.sh-social ul li a.sh-tw{ border:solid 1px #13a1d0; color:#13a1d0;}
.sh-social ul li a.sh-lin{ border:solid 1px #3a93c5; color:#3a93c5;}
.sh-social ul li a.sh-go{ border:solid 1px #bf3729; color:#bf3729;}
.sh-social ul li a i{ width:22px; height:20px; display:inline-block; background:url(../dashborad-images/social.svg) left top no-repeat; margin:5px 0 0 0; float:left;}
.sh-social ul li a i.shso-icon1{background-position:-3px top;}
.sh-social ul li a i.shso-icon2{background-position:-56px top;}
.sh-social ul li a i.shso-icon3{background-position:-163px top;}
.sh-social ul li a i.shso-icon4{background-position:-109px top;}
.sh-social ul li a:hover{ text-decoration:none;}
.sh-social ul li a.active{ text-decoration:none;}
.sh-social ul li a:hover.sh-fb{ background:#005189; color:#fff;}
.sh-social ul li a:hover i.shso-icon1{background-position:left -29px;}
.sh-social ul li a:hover.sh-tw{ background:#13a1d0; color:#fff;}
.sh-social ul li a:hover i.shso-icon2{background-position:-56px -29px;}
.sh-social ul li a:hover.sh-lin{ background:#3a93c5; color:#fff;}
.sh-social ul li a:hover i.shso-icon3{background-position:-163px -29px;}
.sh-social ul li a:hover.sh-go{ background:#bf3729; color:#fff;}
.sh-social ul li a:hover i.shso-icon4{background-position:-109px -29px;}
/*=============Account Page Css End Here=============*/
.border-bot a { color: #3081fd; display:block;}
a.select_applicant{ color:#fff;}
.send-sms{ width:25px; height:25px; background:url(../dashborad-images/sms-chat.svg) center center no-repeat; border:solid 1px var(--grey-dark); border-radius:100px; text-indent:-9999px; float:left; margin:4px 5px 0 0;}
.sms-disabled{width:25px; height:25px; background:url(../dashborad-images/sms-chat-white.svg) center center no-repeat #cccccc; border:solid 1px #cccccc; border-radius:100px; text-indent:-9999px; float:left; margin:5px 5px 0 0;}
/*=============Notification History Css Start Here=============*/
.notifications-hist{width:100%; float:left;}
.notifications-hist span{ line-height:22px; background:var(--green); color:#ffffff; text-transform:uppercase; font-size:11px; border-radius:100px; padding:0 15px 0 15px; display:inline-block; margin-bottom:10px;}
.notifications-hist span.note-prev{ background:var(--bg); border:solid 1px #e5e5e5; color:var(--grey-dark);}
.notifications-hist ul{ list-style:none; margin:0px; padding:0px;}
.notifications-hist ul label{ width:100%; font-weight:normal; margin:-5px 0px 0px 0px;}
.notifications-hist ul li{font-size:16px; color:var(--grey-dark); float:left; padding:14px 0 14px 0;}
.notifications-hist ul li.note-left{width:50px;}
.notifications-hist ul li.note-left i{ width:28px; height:27px; display:inline-block; background:url(../dashboard-images/notification-history-icon.svg) left top no-repeat; float:left; margin:5px 0 0 0;}
.notifications-hist ul li.note-left i.nh-icon1{background-position:left top;}
.notifications-hist ul li.note-left i.nh-icon2{background-position:left -62px;}
.notifications-hist ul li.note-left i.nh-icon3{background-position:left -127px;}
.notifications-hist ul li.note-left i.nh-icon4{background-position:left -195px;}
.notifications-hist ul li.note-right{ width:92%; border-bottom:solid 1px #e5e5e5; text-indent:inherit;}
.notifications-hist ul li.note-right strong{ color:var(--green); font-family:'CircularAir-Bold'; font-weight:normal;}
.notifications-hist ul li.note-right em{display:block; color:var(--grey-light); font-size:10px; font-style:normal;}
.main-notifications{ padding-bottom:50px; width:100%; float:left;}
/*=============Notification History Page Css End Here=============*/
/*=============Social Integration Css Start Here=============*/
.social-connect{border:solid 1px #bebebe; background:#FFF; width:100%; padding:40px; margin-top:45px;}
.social-connect:first-child{ margin-top:0px;}
.social-connect h4{ margin-top:0px; margin-bottom:5px;}
.social-connect p{ color:var(--grey-dark);}
ul.social-connect-list{ list-style:none; margin:0px; padding:0px;} 
.social-connect-list li{ line-height:normal; padding:15px 0 15px 0; font-size:16px; color:#bcbcbc;}
.social-connect-list li img{ margin-right:15px;}
.social-connect-list li:last-child{ border-bottom:none;}
.connect-btn{width:auto; float:right; margin:-6px 0 0 0;}
.connect-btn a{ background:#bcbcbc; height:38px; line-height:38px; display:block; 
font-size:14px; color:#ffffff; padding:0 15px 0px 10px; border-radius:5px; text-decoration:none;}
.connect-btn a i{width:30px; height:30px; background:url(../dashborad-images/social-connect-icon.svg) left top no-repeat; display:block; float:left; margin:12px 8px 0 0;}
.connect-btn a i.s-c-icon1{background-position:-7px top;}
.connect-btn a i.s-c-icon2{background-position:left -74px;}
.connect-btn a i.s-c-icon3{background-position:left -141px;}
.connect-btn a i.s-c-icon4{background-position:left -207px;}
.connect-btn a.active.connect-fb{ background:#3b5998;}
.connect-btn a.active.connect-tweet{ background:#44ccf6;}
.connect-btn a.active.connect-linkdin{ background:#1980cf;}
.connect-btn a.active.connect-gplus{ background:#c63e24;}
.connect-board-btn{width:auto; float:right;}
.connect-board-btn a{ background:#fff; border:solid 1px #626667; height:40px; line-height:40px; display:block; float:right; font-size:14px; color:#626667; padding:0 0px 0px 0px; border-radius:3px; text-decoration:none; width:140px; text-align:center;} 
.connect-board-btn a.active{ background:var(--green); color:#fff; border:solid 1px var(--green);}
.connect-board-btn span{ line-height:40px; display:inline-block; margin-right:10px;}
/*=============Social Integration Css End Here=============*/
/*=============invite your friends preview Css Start Here=============*/
.invite{width:100%; float:left; background:url(../dashboard-images/dash-board-bg.jpg) center top no-repeat; height:100%;}
.invite-inside{width:520px; margin:50px auto 50px auto; background:var(--bg); padding:50px; display:flex;}
.invite-content{width:100%; float:left; position:relative; }
.invite-frnd{width:100%; float:left; background:#fff; border:solid 1px var(--green);}
.invite-head ul{ list-style:none; margin:0px; padding:0px;}
.invite-head ul li{ line-height:normal; float:left; width:33%; text-align:center;}
.invite-head ul li a{ font-size:10px; color:var(--green); line-height:28px; text-transform:uppercase;}
.invite-head-down{width:100%; float:left; background:var(--green); padding:20px;}
.invite-head-left{width:120px; float:left;}
.invite-head-left img{ width:100%;}
.invite-social{ float:right;}
.invite-social ul{ list-style:none; margin:0px; padding:0px;}
.invite-social ul li{ line-height:normal; float:left;}
.invite-social ul li a{ width:25px; height:21px; display:inline-block; background:url(../dashboard-images/invite-social.svg) left top no-repeat; margin-top:5px;}
.invite-social ul li a.in-social-icon1{background-position:3px top;}
.invite-social ul li a.in-social-icon2{background-position:-22px top;}
.invite-social ul li a.in-social-icon3{background-position:-44px top;}
.invite-social ul li a.in-social-icon4{background-position:-68px top;}
.invite-mid{ width:100%; float:left; padding:35px; text-align:center;}
.invite-mid h4{ color:var(--green); padding:10px 0 5px 0;}
.invite-mid p{ font-size:13px; padding-bottom:20px;}
.free-btn{ width:100%; float:left;}
.free-btn a{ text-align:center; height:36px; line-height:36px; background:var(--green); border-radius:3px; font-size:14px; color:#ffffff;  font-family:'CircularAir-Bold'; text-align:center; padding:0 25px; display:inline-block; box-shadow:0 3px 0 #21aa72; text-decoration:none;}
.free-btn span{ font-size:10px; display:block; text-align:center; color:var(--grey-dark); margin-top:8px;}
.invite-foot{width:100%; float:left; text-align:center; padding:20px 0 0 0;}
.invite-foot a{ font-size:12px; color:var(--red);}
.invite-foot span{ display:block; font-size:12px; color:var(--green);}
.invite-foot p{ font-size:12px; color:#868d8c;}
ul.invite-foot-social{ list-style:none; margin:8px 0px; padding:0px; text-align:center;}
.invite-foot-social li{ line-height:normal; display:inline-block;}
.invite-foot-social li a{ width:33px; height:33px; display:inline-block; background:url(../dashboard-images/invite-foot-social.svg) left top no-repeat; margin-top:5px;}
.invite-foot-social li a.in-social-foot-icon1{background-position:left top;}
.invite-foot-social li a.in-social-foot-icon2{background-position:-39px top;}
.invite-foot-social li a.in-social-foot-icon3{background-position:-78px top;}
.invite-foot-social li a.in-social-foot-icon4{background-position:-116px top;}
.invite-close{ width:55px; float:left; position: absolute; right:-35px; top:-38px;}
.invite-close img{ float:left; margin:6px 5px 0 0;}
.invite-close a{ font-size:11px; color:var(--grey-dark); text-decoration:none; text-transform:uppercase;}
/*=============invite your friends preview Css Start Here=============*/
/*=============Share the Love Css Start Here=============*/
.invite-share{ width:100%; float:left; border:1px solid #bebebe; padding:0px; background:#fff;}
.invite-share h4{ margin-top:0px; padding-bottom:8px;}
.invite-share-up{ padding:40px;}
.invite-share-social{background:var(--yellow-bg); border:solid 1px #bebebe; margin-top:50px; padding:40px;}
.invite-share-social .sh-social{ margin-left:0px;}
.invite-share-email{ width:62%;}
.invite-share-email ul{ list-style:none; margin:0px; padding:0px;}
.invite-share-email ul li{ line-height:normal; display:inline-block; border:solid 1px #c0c3c4; background:#f2f2f2; 
line-height:32px; font-size:16px; padding:0 15px; border-radius:3px; margin:0 5px 8px 0;}
.invite-share-email ul li img{ margin-left:8px;}
.invite-share-input{ width:260px; border:none; font-size:16px; color:var(--grey-light); height:32px; line-height:32px; float:left;}
.invite-f-btn{ width:auto;  margin-top:20px;}
.invite-f-btn a{ width:auto; display:inline-block; background:var(--green); border:none; font-size: 16px; height: 50px; line-height:50px; color:#fff; border-radius:3px; padding:0px 35px 0px 35px; text-transform:uppercase; font-family:'CircularAir-Bold'; text-decoration:none;}
.invite-f-btn:hover{ color:#FFF;}
.invite-f-prev-btn{ height: 50px; line-height:50px; font-size:16px; color:var(--grey-light) !important; font-family: 'Circular Air Book' !important; background:none !important; text-transform:none !important; padding:0px 35px 0px 25px !important;}
.invite-share-down{ padding:0px 0px 0px 0px; background:url(../dashboard-images/in-border.jpg) left 9px  repeat-x; margin-top:40px;}
.invite-share-down span{ display:block; text-align:center; font-size:12px; color:var(--grey-dark); text-transform:uppercase;}
.invite-share-down span em{font-style:normal; font-size:12px; color:var(--grey-dark); background:#fff; padding:5px 8px;}
.invite-share-down p{ font-size:14px; color:var(--grey-light);}
.invite-share-down h4{ padding-top:40px;}
.invite-share-down h4 a{ padding:0 15px;}
/*=============Share the Love Css Start Here=============*/
.switch {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 38px;
}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ededed;
  border:solid 2px #6b7884;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "Not Connected";
  white-space: nowrap;
   height: 38px;
    width: 38px;
    left: -2px;
	bottom:-2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
    border:solid 2px #6b7884;
}
.slider:after {
  position: absolute;
  content: "";
   height: 38px;
    width: 38px;
    left: -2px;
	bottom:-2px;
  -webkit-transition: .4s;
  transition: .4s;
    
}
.slideout {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ededed;
  border:solid 2px #6b7884;
  -webkit-transition: .4s;
  transition: .4s;
}
.slideout:before {
  position: absolute;
  content: "";
   height: 38px;
    width: 38px;
    left: -2px;
	bottom:-2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
    border:solid 2px #6b7884;
}
.slideout:after {
  position: absolute;
  content: "Connected";
   height: 38px;
    width: 38px;
    left: -2px;
	bottom:-2px;
  -webkit-transition: .4s;
  transition: .4s;
    
}
input:checked + .slideout {
  background-color: var(--green);
   border:solid 2px var(--green);
}
.slideout:before input:checked {border:solid 2px var(--green); color:#fff;}
input:checked + .slideout:before {  
   border:solid 2px var(--green);
}
input:checked + .slideout:before {
  -webkit-transform: translateX(160px);
  -ms-transform: translateX(160px);
  transform: translateX(160px);
}
/* Rounded sliders */
.slideout.round {
  border-radius: 34px;
    line-height: 35px;
    text-indent: 30px;
    font-size: 15px; color:#fff;
}
.slideout.round:before {
  border-radius: 50%;
}
input:checked + .slider {
  background-color: var(--green);
   border:solid 2px var(--green);
}
.slider:before input:checked {border:solid 2px var(--green); color:#fff;}
input:checked + .slider:before {  
   border:solid 2px var(--green);
}
input:checked + .slider:before {
  -webkit-transform: translateX(160px);
  -ms-transform: translateX(160px);
  transform: translateX(160px);
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
    line-height: 35px;
    text-indent: 45px;
    font-size: 15px;
}
.slider.round:before {
  border-radius: 50%;
}
.posted-note{ margin-bottom:30px !important;}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    /* Safari and Chrome, if Chrome rule needed */
/*.nav-sidebar > li > a i.menu-icon1{ background-position:left top;}
.nav-sidebar > li > a i.menu-icon2 {background-position: left -570px;}
.nav-sidebar > li > a i.menu-icon3 {background-position: left -70px;}
.nav-sidebar > li > a i.menu-icon4{ background-position:left -106px;}
.nav-sidebar > li > a i.menu-icon5{ background-position:-1px -141px;}
.nav-sidebar > li > a i.menu-icon8{ background-position:left -608px;}
.nav-sidebar > li > a i.menu-icon7{ background-position:left -214px;}
.nav-sidebar > li > a i.menu-icon8{ background-position:left -249px;}
.nav-sidebar > li > a i.menu-icon9{ background-position:left -289px;}
.nav-sidebar > li > a i.menu-icon10{ background-position:-1px -327px;}
.nav-sidebar > li > a i.menu-icon11{ background-position:-2px -357px;}
.nav-sidebar > li > a i.menu-icon12{ background-position:left -400px;}*/
    /* Safari 5+ ONLY */
/*::i-block-chrome, .nav-sidebar > li > a i.menu-icon1{ background-position:left -7px;}
::i-block-chrome, .nav-sidebar > li > a i.menu-icon2 {background-position: left -44px;}	
::i-block-chrome, .nav-sidebar > li > a i.menu-icon3 {background-position: left -75px;}
::i-block-chrome, .nav-sidebar > li > a i.menu-icon9{ background-position:left -286px;}
::i-block-chrome, .nav-sidebar > li > a i.menu-icon10{ background-position:-1px -320px;}
::i-block-chrome, .nav-sidebar > li > a i.menu-icon11{ background-position:-2px -352px;}
::i-block-chrome, .nav-sidebar > li > a i.menu-icon12{ background-position:left -391px;}*/
}
	.edit-bussiness li a i.bussines-icon4 {
    background-position: -135px top;
}
	.edit-bussiness li a.active i.bussines-icon4 {
	    background-position: -135px -23px;
	}
	.edit-bussiness li a:hover i.bussines-icon4 {
	    background-position: -135px -23px;
	}
	.cancel a {  margin: 0;}
	
.bootstrap-tagsinput .tag{ color:var(--grey-dark) !important; font-size:15px;}	
.label-info{ font-weight:normal; border:solid 1px var(--grey-dark); background:none !important;}
.bootstrap-tagsinput span{ padding:2px 7px;}
label.control-label{ line-height:45px;}
.hide_div{ width:100%; height:45px; display:none; position:absolute; margin:0px 0 0 0;}
/*
 * Main content
 */
.main {
  padding:110px 20px 60px 20px; background:var(--bg);
}

.blog-soical-list #st-1 .st-btn{ height:30px; line-height:30px; padding: 0 4px;}
.blog-soical-list #st-1 .st-btn > img{ top:3px; }

.modal{ padding:0px !important;}
.city-popup{width:100%; position:relative;}

.city-popup .modal-content{padding:70px 0px 70px 0px; border-radius:0px; margin-top:-1px; box-shadow:10px 10px 20px rgba(0,0,0,0.2);}
.modal-open .modal{ background:rgba(44,62,80,0.7) none repeat scroll 0 0;}
.city-popup h5{ font-weight:normal; padding-bottom:0px; color:var(--grey-dark); font-size:27px; text-align:center; margin:0 0 5px 0;}
.city-popup p{ font-size:16px; color:#677a8e; text-align:center; padding-bottom:10px;}
ul.city-list{ list-style:none; margin:0px; padding:0px; text-align:center; max-width:750px; margin:0 auto;}
.city-list li{line-height:normal; display:inline-block; width:auto; margin:0px 0 0px 0;}

.city-list li a{ color:#677a8e; border:solid 1px #D1D1D1; height:34px; line-height:32px; display:inline-block; padding:0 20px; border-radius:100px; margin:10px 10px;}
.city-list li a figure{margin: 0px 15px 0 0; display:none;}
.city-list li a figure i{ width:48px; height:48px; float:left; background:url(../home-image/site-icon.svg) left top no-repeat; display:inline-block;}
.city-list li a:hover{border-color:#27C684;}
.city-list li a.active{background:#27C684; border-color:#27C684;}
.city-list li a span{ font-size:14px; color:#656565; padding:0px 0 0 0; display:inline-block; margin-left: 0;}
.city-list li a:hover span{ color:#27C684;}
.city-list li a.active span{ color:#fff;}
.pop-close {width: auto; position: absolute; right: 0; top: 0; background: #fff6f5; border-bottom: solid 1px #f8cbc6;  border-left: solid 1px #f8cbc6; font-size: 12px; color: var(--red); text-transform: uppercase; letter-spacing: 2px;}



@media (min-width: 768px) {
  .main {
  padding-left: 30px;
    padding-right: 30px;
    width: 79%; position:absolute; margin-left:21%;
  }
}
.main .page-header {
  margin-top: 0;
}
/*
 * Placeholder dashboard ideas
 */
.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.h1, h1 {
	font-size: 65px
}
.h2, h2 {
	font-size: 35px
}
.h3, h3 {
	font-size: 35px
}
.h4, h4 {
	font-size: 26px
}
.h5, h5 {
	font-size:22px
}
.h6, h6 {
	font-size:17px
}
p {
	margin: 0 0 10px
}
h1.small{font-size:25px;}
h3.small{ font-size:30px;}
.navbar-right li a{ padding:24px 10px 20px;}
.navbar-right li a span{ display:none;}
.notification-drop li a span{ display:block;}
.new-nav li a span{ display:none;}
.new-nav li { display:none;}
.navbar-brand{ height:60px; padding:8px 8px 8px 15px;}
.nav-sidebar > li > a i{ display:none;}
.user{ margin:10px 20px 0;}
.sidebar{ width:23%; padding:20px 15px 0;}
.main{ margin-left:23%; width:77%; padding-left:15px; padding-right:15px;}
.menu-bot{ width:25.7%;}
.nav-sidebar > li > a{ padding:8px 15px;}
.nav-sidebar span{ padding:0 0 10px 15px;}
.menu-bot ul li a i{ margin:0 auto; float:none;}
.menu-bot{ padding:25px 15px 25px 20px;}
.menu-bot ul li{ text-align:center; margin-bottom:10px;}
.menu-bot ul li a i.sup-icon1{background-position:5px top;}
.menu-bot ul li a i.sup-icon2{background-position:-35px top;}
.menu-bot ul li a i.sup-icon3{background-position:-76px top;}
.menu-bot ul li a i.sup-icon4{background-position:-116px top;}
.jj-success{ width:47.3%;}
.well-list{ background:none; box-shadow:none; padding:0px; margin-top:0px;}
.job-list{ height:auto;}
.status-num li{ width:25%;}
.total-jobs li{ width:100%;}
.footer i{ width:68%; line-height: normal;}
.footer{ padding:20px 15px 20px 15px;}
.job-list h6{ padding:0 0 15px;}
.new-nav{ margin:15px 0 0 15px;}
.my-drop{ display:none;}
.nav-search{ width:135px; padding:10px 40px 10px 10px;}
.modal-dialog{ width:auto;}
.pop-inside {
    margin: 15px;
    padding: 50px 15px 15px;
    width: 96%;
}
.sidebar {top:20px;}
/*=============Edit Profile Page Css Start Here=============*/
.edit-tab li a{ padding:0 15px;}
.cancel a{ font-size:8px;}
.jj-reset-btn{ font-size:16px;}
/*=============Edit Profile Page Css Start Here=============*/
/*=============Change Password Page Css Start Here=============*/
label.control-label{ line-height: normal; padding:12px 0 0 0;}
/*=============Change Password Page Css Start Here=============*/
/*=============success Password Page Css Start Here=============*/
.success-differnt{font-size:14px;}
.success-message{font-size:14px;}
/*=============success Password Page Css Start Here=============*/
/*=============delete-my-account Css Start Here=============*/
.my-account-sec{ padding:30px;}
.otp-right{ width:28%;}
.otp-left{ width:16%;}
/*=============delete-my-account Css End Here=============*/
/*=============Payment Page Css Start Here=============*/
.payment-tab ul li a i{ margin:2px 10px 0 15px;}
.payment-right{ padding:30px;}
.payment-right p{ font-size:14px;}
.secure{ font-size:14px;}
.payment-tab ul li a{ padding:15px 0;}
/*=============Payment Page Css End Here=============*/
/*=============Buy More Jobs Page Css Start Here=============*/
.plan-bottom{ width:100%; padding:0 15px 0 15px;}
.success-message em a{ font-size:12px; padding:0 3px;}
.success-message span{ margin-right:15px;}
/*=============Buy More Jobs Page Css End Here=============*/
/*=============Edit Profile Business Page Css Start Here=============*/
.cancel-one a{ margin:0px; margin:-100px 0 0;}
.edit-tab li a{ font-size:16px;}
.edit-section{ padding:25px;}
.benefit li{ margin:0 3px 5px; width:48%;}
.benefit li a{ padding:0 0 0 12px;}
/*=============Edit Profile Business Page Css End Here=============*/
/*=============Manage Order Css Start Here=============*/
.manage-list{ padding:25px;}
.manage-list ul li span label{ line-height:normal; margin:0px; padding:8px 0 7px 0;}
.manage-list ul li i{ padding:8px 0; line-height:normal;}
.date{ width:25% !important; float:left; margin:0 10px 0 0;}
.manage-right{ width:63%;}
.manage-right label{ display:none;}
.manage-list ul li span label{ width:40%;}
.manage-list ul li span label.right-order{ width:60%;}
/*=============Manage Order Css End Here=============*/
/*=============Manage All Jobs Page Css Start Here=============*/
.main h2 span{ font-size:15px;}
.favorite-job li a span{ font-size:13px;}
.show-job-list h5{ width:50%;}
.jj-job-list{ padding:10px 10px 40px 10px;}
.jj-job-list h5{ width:100%; padding-top:20px; word-wrap: break-word;}
.jj-job-list ul li{ width:100%; margin:0px;}
.green-btn{ width:100%;}
.manage-btn{ width:121px !important;}
.manage-job ul li{ float:left; width:auto; margin-right:15px;}
/*=============Manage All Jobs Page Css End Here=============*/
/*============Manage Job Seekers Page Css Start Here=============*/
.seeker-tab li a{ padding:0 18px;}
.seeker-right{ margin:-90px 0 0 0;}
.seeker-right ul li a{ margin:0px;}
.table-responsive .table > tbody > tr > td{ line-height:normal;}
/*============Manage Job Seekers Page Css End Here=============*/
/*=============Preview Job Css Start Here=============*/
.job-detail-up img{ width:100%;}
.job-detail-right{ padding-left:0px;}
.employer-info ul li span.info-text{ width:87%;}
.jobs-benefits span{ padding:22px 0 0;}
.benefits-list i{ margin-right:8px;}
/*=============Preview Job Css End Here=============*/
/*=============Review Contact Info Page Css Start Here=============*/
.change-section{ padding:20px;}
.que-icon label{ font-size:9px;}
/*=============Review Contact Info Page Css End Here=============*/
.edit-input-one{ width:64%;}
.upload-list-mid{ margin-left:35px;}
.upload-list-right { margin-left:-35px;}
.benifit-user span{ width:59%;}
.edit-input{ width:90px;}
.edit-input-one{ width:60%;}
.que-icon{ padding-top:0px;}
.que-icon p{ margin-top:0px;}
.porgs-bar{ width:66%;}
/*=============Employer-tshirt Page Css Start Here=============*/
.em-t-right{ width:100%; float:left; padding:15px 0 0 15px;}
.shirt-error{ width:100%;}
.highlight-sec{ padding:0px;}
/*=============Employer-tshirt Page Css End Here=============*/
}
@media only screen and (min-width: 980px) and (max-width: 1280px) {
.menu-bot{ width:25%;}
.status-num li{ width:50%;}
.status-num li{ width:100%;}
.status-num li a span{ width:100px; height:100px;}
.total-jobs li a span{ width:130px;}
.total-jobs li a span em{ font-size:20px;}
.jj-success{ width:47%;}
.cancel-one a{ margin:45px 0 0;}
.modal-dialog{ width:auto;}
/*=============Manage All Jobs Page Css Start Here=============*/
.main h2 span{ font-size:15px;}
.favorite-job li a span{ font-size:13px;}
.show-job-list h5{ width:50%;}
.jj-job-list{ padding:10px;}
.jj-job-list h5{ width:100%; padding-top:20px; word-wrap: break-word;}
.jj-job-list ul li{ width:100%; margin:0px;}
.green-btn{ width:49%;}
/*=============Manage All Jobs Page Css End Here=============*/
.new-nav{ margin:15px 0 0 15px;}
.my-drop{ display: block;}
.nav-search{ width:350px; padding:10px 40px 10px 10px;}
.manage-right{ width:45%;}
/*=============Employer-tshirt Page Css Start Here=============*/
.em-t-right{ width:66%; float:left; padding:0px 0 0 15px;}
#sync2 .item{ width:50px;}
#sync2 .item img{ width:100%;}
#sync1 .item{ width:140px;}
#sync1 .item img{ width:100%;}
/*=============Employer-tshirt Page Css End Here=============*/
}
@media only screen and (min-width: 320px) and (max-width:767px) {
.h1, h1 {
	font-size: 65px
}
.h2, h2 {
	font-size: 30px
}
.h3, h3 {
	font-size: 25px
}
.h4, h4 {
	font-size: 26px
}
.h5, h5 {
	font-size:22px
}
.h6, h6 {
	font-size:17px
}
p {
	margin: 0 0 10px
}
.navsmall{display: block; cursor:pointer;
    float: right;
    margin-top: 66px;
    position: absolute;
    text-align: left;
    width: 100%;
    z-index: 999;}
.navsmall span{ display:none;}
.sidebar{ display:none; width:97%; box-sizing:border-box; margin:100px 0 0 ; padding-bottom:20px;}
.nav-sidebar li{ width:100%;}
.nav-sidebar > li > a{width: 100% !important; float:left !important; display:block !important;}
.nav-sidebar{ padding:0px;}
h1.small{font-size:25px;}
h3.small{ font-size:30px;}
.navbar-brand{ height:60px; padding:8px 8px 8px 15px;}
.navbar-brand > img{ width:135px;}
.new-nav{ display:none;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{ border:none;}
.user{ float:right; margin:43px 15px 0 0; padding-right: 30px;}
.user a i{ margin:-17px -25px 0;}
.navbar-nav{ float: right; margin: -60px -20px 0 0; }
.nav > li {  display: inline-block; position: relative;}
.main{ padding:70px 15px 20px; display:inline-block;}
.collapse{ display:block;}
.menu-bot{ display:none;}
.navbar-right li a span{ display:none;}
.navbar-right li a{padding:16px 2px;}
.nav > li > a{ display:inline-block; float:left;}
.user a img{ display:none;}
.user a p{ display:none;}
.user a span{ display:none;}
.well-list{ background:none; margin:0px 0 30px; box-shadow:none; padding:0px;}
.job-list{ height: auto;}
.jj-success{ width:100%;}
.job-list h6{ padding:0 0 15px;}
.footer{ padding:10px 0px 0px 0px; bottom:10px; position:inherit; width:100%; float:left;}
.footer i{ width:100%; text-align:center; line-height:20px; padding:0 15px 10px;}
.footer span{ text-align:center; display:block; float: none;}
.status-num li a{ width:100px; margin:0 auto; float:none;}
.total-jobs li a{ width:130px;}
.main-notification{  background: #fff none repeat scroll 0 0 !important; left: -232px !important;  margin: 6px 0 0; position: absolute !important;  width: 288px !important;}
.notification-drop li a span{ display:block;}
.user-drop{ position: absolute !important; background:#fff !important;}
.pop-inside {
    margin: 15px;
    padding: 50px 15px 15px;
    width: 91%;
}
.modal-dialog{ width:auto;}
label.control-label{line-height: normal; padding-top:12px;}
.sidebar{ top:0px;}
/*=============Change Password Page Css Start Here=============*/
.change-section{ padding:15px 0px 15px 0px;}
.history ul li label{ width:23%;}
.history ul li span{ width:77%;}
/*=============Change Password Page Css End Here=============*/
/*=============Thank You Page Css Start Here=============*/
.dash-three-grid{ width:100%;}
.thank{ width:100%; position:inherit !important;}
.center-contain{  display: inline-block; left: 0; padding: 15px; position: inherit; text-align: left; top: 0; transform: translate(0%, 0%); width: 100%; z-index: 1;}
/*=============Thank You Page Css End Here=============*/
/*=============Edit Profile Page Css Start Here=============*/
.edit-tab li a{ padding:0 15px;}
.cancel a{ font-size:8px;}
.jj-reset-btn{ font-size:16px;}
.edit-section{ padding:0px;}
ul.edit-tab{ border:solid 1px var(--grey-light); border-radius:3px; margin-top:0px;}
.edit-tab li a.active{ border-top: solid 2px var(--red); margin:-1px 0px 0px 0px;}
.edit-tab li a{ padding:0 13px; font-size:15px; line-height:50px;}

.edit-bussiness li a i{ margin:13px 8px 0 10px;}

.cancel{ float:left;}
.cancel a{ margin:30px 0 30px 0; font-size:10px;}
/*=============Edit Profile Page Css Start Here=============*/
/*=============Change Password Page Css Start Here=============*/
label.control-label{ width:100%; padding-bottom:5px; padding-top:12px; line-height:normal;}
/*=============Change Password Page Css Start Here=============*/
/*=============success Password Page Css Start Here=============*/
.success-differnt{font-size:14px; line-height: normal; height:auto; padding:5px 0 5px 0;}
.success-message{font-size:14px; line-height: normal; height:auto; padding:5px 0 5px 0;}
.success-differnt span{ float:left; padding:8px 0 0 0;}
.success-message span{ float:left; margin:-5px 10px 0 0; height:71px; padding:13px 0 0 0;}
.warning-message span{height:50px;}
.error-message span{height:50px;}
/*=============success Password Page Css Start Here=============*/
/*=============Notifications Settings Css Start Here=============*/
.not-content{ padding:8px 0 8px 0;}
.not-content ul li{ font-size:15px; line-height:normal;}
.not-heading ul li.not-left{ width:20%;}
.not-content ul li.check-left{ width:20%;}
.not-content ul li.check-right{ width:60%; line-height: normal;}
.not-heading ul li.not-right{ width:60%; }
/*=============Notifications Settings Css End Here=============*/
/*=============Print Job Page Css Start Here=============*/
.general-list{ padding:15px;}
.print-sec{ padding:50px 0 50px 0;}
ul.gen-info-list{ width:100%;}
ul.benefit-list{ width:50%;}
.history{ padding:20px;}
/*=============Print Job Page Css Start Here=============*/
/*=============delete-my-account Css Start Here=============*/
.my-account-sec{ padding:20px;}
.jj-close{ width:100%; font-size:15px;}
.jj-account-btn{ margin-left:0px; line-height:normal; height:auto;}
.chat-list li a{ font-size:15px; padding:0 10px; margin:0 5px 5px 0;}
.my-textarea{ width:100%;}
.otp-left{ width:15%;}
.otp-right{ width:75%;}
.jj-otp{ margin:10px 0 0 0;}
.otp-input{ width:35%;}
/*=============delete-my-account Css End Here=============*/
/*=============Payment Page Css Start Here=============*/
.payment-tab{ border:solid 1px #7c8385; border-radius:3px; margin:0px 0px 30px 0px;}
.payment-tab ul li a:hover{ width:101%;}
.payment-right{ padding:20px;}
.payment-tab ul li a i{ margin:2px 10px 0 15px;}
.payment-tab ul li a{ padding:15px 0;}
.secure span{ float:left; margin:10px 0 0 0;}
.cvv-code{ padding-top:10px;}
.step li a{ padding:10px 0 10px 0; line-height:normal;}
/*=============Payment Page Css End Here=============*/
/*=============Buy More Jobs Page Css Start Here=============*/
.plan-bottom{ width:100%; padding:0 15px 0 15px;}
.success-message em a{ font-size:12px; padding:0 3px;}
.success-message span{ margin-right:15px;}
.plan-bottom ul li{ margin-right:0px; text-align:center;}
.plan-bottom ul li i{ float:none;}
/*=============Buy More Jobs Page Css End Here=============*/
/*=============Edit Profile Business Page Css Start Here=============*/
.cancel-one a{ margin:0px; margin:20px 0 20px 0;}
.edit-tab li a{ font-size:15px;}
.edit-section{ padding:15px 0px 15px 0px;}
.benefit li{ margin:0 5px 5px 0; width:100%;}
.benefit li a{ padding:0 0 0 12px;}
ul.benefit{ margin:0px;}
.benefit li a span{ display:inline-block; margin:6px 8px 0 0;}
ul.edit-bussiness li{ width:50%;}
ul.edit-bussiness li a{ border-bottom:1px solid var(--grey-light); padding:0 8px;}
/*=============Edit Profile Business Page Css End Here=============*/
/*=============Manage Order Css Start Here=============*/
.manage-right{ width:100%; float:left;}
.manage-list{ padding:15px;}
.manage-list ul li span{font-size:14px; line-height:normal; padding:8px 0 7px 0;}
.manage-list ul li span label{ line-height:normal; margin:0px; padding:0px; width:28%;}
.manage-list ul li span i{ padding:1px 4px 0px 0px;}
.manage-list ul li i{ padding:8px 0; line-height:normal;}
.date{ width:100% !important; float:left; margin:0px 0px 5px 0px;}
.jj-download{ width:100%; font-size:11px;}
.date{ float:none;}
.manage-right label{ text-indent:-9999px; padding:0 0 10px 0 ;}
.manage-list ul li{ width:100%; float:left;}
.manage-list ul li span label{width:34%; margin:0 0 0 3%;}
.manage-list ul li span label.right-order{ width:60%; padding:0 0 0 10px;}
/*=============Manage Order Css End Here=============*/
/*=============Manage All Jobs Page Css Start Here=============*/
.main h2 span{ font-size:15px;}
.jj-list{ width:auto; float:left; margin:0px;}
.success-message{ display:inline-block;}
.jj-list ul li a{ margin:0px 10px 0px 0px;}
.jj-list ul{ display:inline; padding:0px;}
.favorite-job li a span{ font-size:13px;}
.show-job-list h5{ width:100%;}
.show-job-list ul{ float:left; margin:10px 0 0 0;}
.show-job-list ul li{ padding:0 0px 5px 0px;}
.show-job-list ul li a i{ margin:1px 8px 0 0px;}
.show-job-list ul li a{ padding-left:0px;}
.blog-soical-list ul{ float:right;}
.blog-soical-list ul li{ padding:0px 1px 0 0px;}
.jj-job-list{ padding:25px 10px 10px 10px;}
.jj-job-list h5{ width:100%; padding-top:20px; word-wrap: break-word;}
.jj-job-list ul li{ width:100%; margin:0px;}
.green-btn{ width:49%;}
.favorite-job li{ width:49%; margin:0 1% 1% 0;}
.posted-note{ padding:15px;}
.manage-btn{ width:121px !important;}
.manage-job ul li{ float:left; width:auto; margin-right:15px;}
ul.favorite-job{ margin:0px;}
a.upgrad-btn{ width:93%; margin:10px; text-align:center;}
/*=============Manage All Jobs Page Css End Here=============*/
/*============Manage Job Seekers Page Css Start Here=============*/
ul.seeker-tab{ margin:30px 0 20px;}
.seeker-tab li a{ padding:0 0px; text-align:center; font-size:13px;}
.seeker-right{ margin:-180px 0 0; float:right;}
.seeker-right ul li a{ margin:0px;}
.seekers-area{ width:100%;}
.seeker-tab li{ width:50%; border-bottom:var(--grey-dark) solid 1px;}
.seekers-sec{ padding:0px 0px 15px 0px;}
.all-select{ padding:0px 0 15px 0;}
.seekers-sec{ padding-bottom:80px;}
.bull-option{ width:100%; margin-bottom:10px;}
.btn-right{ width:100%; float:left;}
/*============Manage Job Seekers Page Css End Here=============*/
/*=============Preview Job Css Start Here=============*/
.job-detail-up img{ width:100%;}
.job-detail-right{ padding-left:0px;}
.employer-info ul li span.info-text{ width:87%;}
.jobs-benefits span{ padding:22px 0 0;}
.benefits-list i{ margin-right:8px;}
.job-detail-right{ width:100%; float:left; margin-top:0px; padding:0px;}
.job-detail-right h2{ font-size:25px; line-height:normal;}
.benefits-list i{ margin:0 auto; float:none;}
.benefits-list span{padding-top:10px; text-align:center; font-size:12px;}
.preview-bot{ display:inline-block; padding:15px;}
.preview-bot span{ display:block; float:left;}
.preview-footer{ text-align:center; padding:0 20px 0 20px; line-height:20px;}
.preview-footer span{ float:none; display:block; margin-top:10px;}
.preview-step ul li.left-btn{ display:none;}
.preview-step ul li.right-btn{ display:none;}
.preview-step ul li{ line-height: normal; width:32.5%; line-height:13px; height:70px; padding:10px 5px 0;}
.user-detail-info ul li span label{ width:42%;}
.user-detail-info ul li span em{ width:52%;}
/*=============Preview Job Css End Here=============*/
/*=============Review Contact Info Page Css Start Here=============*/
.change-section{ padding:15px !important;}
.que-icon label{ font-size:9px; padding-top:17px;}
.edit-input{ width:86px;}
.edit-input-one{ width:51%;}
/*=============Review Contact Info Page Css End Here=============*/
  .main {
    width:100%; position: relative; margin-left:0; left:0px; padding:20px 15px 0px;
  }
.upload-list-mid{ margin-left:35px;}
.upload-list-right { margin-left:-35px;}
.preview-up{ padding:30px 15px 30px 15px;}
.benifit-user span{ width:47%; word-wrap:break-word;}
.benifit-user{ height:90px; margin:0px;}
.benifit-user div row{margin:0px 0px 0px 30px;}
.benifit-user i{ margin:0 5px 0 0;}
.apply-job-btn{ float:left;}
.benifit-user span{ width:100%; text-align:center;}
.benifit-user i{ float:none; margin:0 auto;}
.description-user ul{ padding:10px 0 0 25px;} 
/*=============Employer-tshirt Page Css Start Here=============*/
.em-t-right{ width:100%; float:left; padding:15px 0 0 15px;}
.shirt-error{ width:100%;}
.em-t{ margin-bottom:20px !important;}
.edit-tab li a{ padding:0 10px;}
.highlight-sec { padding:15px;}
#home.em-t p{ padding-left:15px;}
/*=============Employer-tshirt Page Css End Here=============*/


.invite-share-up{padding: 15px;}
.invite-share-email{ width:100%;}
.invite-share-down{ width:100%; float:left;}
.account-set h4{ padding:0px;}
.sh-social{ margin:10px 0px 0px 0px;}
.sh-social ul li a{ margin:0 10px 10px 0;}

.share-input{ width:55%;}
.copy-visit-btn{ margin-top:10px; margin-left:0px;}
.profile-share{ padding:15px !important;}
.social-connect{ padding:15px; width:100%; float:left;}
.connect-btn{ float:left; margin:10px 0 0 0;}
.jj-job-list h5{ padding:0 55px 0px 0;}
.table-responsive .table > thead > tr > th{ padding-top:5px;}
.table-striped thead tr th{ font-size:12px;}
.account-form{margin:0px;}
.main-account{margin-bottom:0px;}
.upload-section{padding-bottom:20px;}
.j-vacancy-input{padding:0 20px 0 20px; height:44px; line-height:44px;}
.que-icon p{ margin:0px;}
.fiiled-right p span{ float:auto;}
#default_langauge{ margin-bottom:15px}
.invite-share-down h4{ padding-top:20px;}
.unlockseeker-tab li{ width:50%; float:left;}
.unlockseeker-tab li a{ line-height:22px; font-size:16px; padding:5px 10px 5px 10px;}
  
}
@media only screen and (min-width:480px) and (max-width:767px) {
ul.edit-bussiness li{ width:auto;}
ul.edit-bussiness li a{ border-bottom:none; padding:0 8px;}
.jj-download{ font-size:18px;}
.jj-job-list ul li{ width:49%;}
.manage-job ul li{ float:left; width:auto; margin-right:15px;}
.edit-input{ width:35%;}
.edit-input-one{ width:65%;}
.preview-step ul li{ padding:10px 15px; height:52px;}
	}