html,
body {
  height: 100%;
}

body.blank {
  display: flex;
  padding: 40px 0;
}

.wrap {
  min-height: 100%;
  height: auto;
  margin: 0 auto -60px;
  padding: 0 0 60px;
}

body.blank .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  max-width: 400px;
  margin: -40px auto;
  padding: 15px;
}

body.blank .wrap > div {
  width: 100%;
}

.wrap > .container {
  padding: 0px 15px 20px;
}
.breadcrumb {
  margin-top: 120px;
}
.footer {
  height: 60px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  padding-top: 20px;
}

.jumbotron {
  text-align: center;
  background-color: transparent;
}

.jumbotron .btn {
  font-size: 21px;
  padding: 14px 24px;
}

.not-set {
  color: #c55;
  font-style: italic;
}

/*NAVBAR */
.navbar-inverse .navbar-nav > li > a:active
{
    background-color: rgb(255, 204, 0);
}
.navbar-inverse .navbar-nav > li > a
{
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
}
.breadcrumb a
{
    color:black;
}
.breadcrumb > .active {
    color: black;
    font-weight: 600;
}

/* add sorting icons to gridview sort links */
a.asc:after,
a.desc:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  padding-left: 5px;
}

a.asc:after {
  content: /*"\e113"*/ "\e151";
}

a.desc:after {
  content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
  content: "\e153";
}

.sort-numerical a.desc:after {
  content: "\e154";
}

.sort-ordinal a.asc:after {
  content: "\e155";
}

.sort-ordinal a.desc:after {
  content: "\e156";
}

.grid-view th,
.grid-view td:last-child {
  white-space: nowrap;
}
.grid-view .pagination
{
    float:right;
    margin: 0px 0px 20px 0px;
}

.grid-view .filters input,
.grid-view .filters select {
  min-width: 50px;
}

.hint-block {
  display: block;
  margin-top: 5px;
  color: #999;
}

.error-summary {
  color: #a94442;
  background: #fdf7f7;
  border-left: 3px solid #eed3d7;
  padding: 10px 20px;
  margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
  padding: 10px 25px;
  border: none;
}

#w0 .container,
#w1 .container,
#w3 .container,
#w2 .container {
  width: 100%;
}
.navbar-inverse {
  height: 80px;
}
.navbar-nav {
  height: 40px;
  position: absolute;
  right: 30px;
  bottom: 0px;
}
.navbar-nav > li > a {
  padding: 10px 25px !important;
}

/*FOOTER*/

.job-footer-menu {
  list-style: none;
  display: flex;
  padding-left: 5px;
  color: #fff;
  font-size: 1.1vw;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  bottom: 5px;
}
ul.job-footer-menu li {
  color: #fff;
}
ul.job-footer-menu li:first-child {
  padding-left: 0;
}

.footer-desktop {
  /*display: -webkit-box;*/
  /*display: -webkit-flex;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  height: 90px;
  margin-top: 0px;
  padding-top: 0px;
  background-color: #606060;
  font-family: Roboto, sans-serif;
  color: #fff;
}

.social-links {
  display: flex;
  position: absolute;
  right: 0;
  width: 214px;
  top: 40px;
}
.social-links ul {
  color: #fff;
  list-style: none;
  display: flex;
}

.social-links ul li {
  padding-left: 13px;
  padding-right: 13px;
}
ul.job-footer-menu li a {
  color: #fff;
  border-right: 2px solid white;
  padding: 0px 6px;
}
ul.job-footer-menu li:nth-child(3) a {
  border-right: none;
}

.dark-bg-footer {
  /*display: -webkit-box;*/
  /*display: -webkit-flex;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  height: 90px;
  background-color: #393939;
}
.dark-bg-footer a {
  color: #fff;
}

/* Footer Desktop Two*/
.footer-desktop-2 {
  color: #fff;
}
.image-2 {
  width: 75px;
  height: auto;
  max-width: none;
  margin-top: 0px;
  border: 1px none #000;
}
.footer-company {
  display: flex;
}
.footer-company .copyright {
  padding-top: 26px;
  padding-left: 20px;
}

.footer-desktop-2 .content {
  padding-top: 10px;
  font-family: Roboto, sans-serif;
  color: #a3a3a3;
  font-size: 0.9vw;
  font-weight: 500;
  padding-bottom: 10px;
}
.footer-desktop-2 .logo-col {
  text-align: left;
}
.footer-desktop-2 .privacy-col {
  text-align: right;
}
.footer-desktop-2 .privacy-col a {
  border-right: 2px solid white;
  padding: 0px 5px;
}
.footer-desktop-2 .privacy-col a:nth-child(3) {
  border-right: none;
}
.pl-z {
  padding-left: 0;
}

/* Pagination */
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

/*Footer*/

.footer-desktop {
  /*display: -webkit-box;*/
  /*display: -webkit-flex;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  height: 90px;
  margin-top: 0px;
  padding-top: 0px;
  background-color: #606060;
  font-family: Roboto, sans-serif;
  color: #fff;
  position: relative;
}

.social-links {
  display: flex;
  position: absolute;
  right: 0;
  width: 214px;
  top: 48px;
}
.social-links ul {
  color: #fff;
  list-style: none;
  display: flex;
}

.social-links ul li {
  padding-left: 13px;
  padding-right: 13px;
}
ul.job-footer-menu li a {
  color: #fff;
  border-right: 2px solid white;
  padding: 0px 6px;
}
ul.job-footer-menu li:nth-child(3) a {
  border-right: none;
}

.dark-bg-footer {
  /*display: -webkit-box;*/
  /*display: -webkit-flex;*/
  /*display: -ms-flexbox;*/
  /*display: flex;*/
  height: 90px;
  background-color: #393939;
}
.dark-bg-footer a {
  color: #fff;
}

.dark-bg-footer-row {
  margin-right: 0px !important;
  margin-left: 0px !important;
  background-color: #393939;
}

/* Footer Desktop Two*/
.footer-desktop-2 {
  color: #fff;
}
.image-2 {
  width: 75px;
  height: auto;
  max-width: none;
  margin-top: 0px;
  border: 1px none #000;
}
.footer-company {
  display: flex;
}
.footer-company .copyright {
  padding-top: 26px;
  padding-left: 20px;
}

.footer-desktop-2 .content {
  padding-top: 10px;
  font-family: Roboto, sans-serif;
  color: #a3a3a3;
  font-size: 0.9vw;
  font-weight: 500;
  padding-bottom: 10px;
}
.footer-desktop-2 .logo-col {
  text-align: left;
}
.footer-desktop-2 .privacy-col {
  text-align: right;
}
.footer-desktop-2 .privacy-col a {
  border-right: 2px solid white;
  padding: 0px 5px;
}
.footer-desktop-2 .privacy-col a:nth-child(3) {
  border-right: none;
}
.pl-z {
  padding-left: 0;
}

/*FOOTER END*/

/*Dashboard*/
.box.events {
  border-radius: 18px;
}
.applicants-index .well {
  margin-top: 375px;
  border-radius: 18px;
}

@media (max-width: 767px) {
  .nav li > form > button.logout {
    display: block;
    text-align: left;
    width: 100%;
    padding: 10px 15px;
  }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
  text-decoration: none;
}

.nav > li > form > button.logout:focus {
  outline: none;
}
input[type="text"] {
  height: 53px;
  border-radius: 7px;
}

.pannel {
  padding-top: 40px;
}
.pannel input {
  height: 30px;
  border-radius: 7px;
}
.peldata .table th {
  background: #333;
  color: #fff;
}
.peldata .table th a {
  color: #fff;
}

/*Dashboard Styling*/
.box {
  border-radius: 15px;
  background-color: #ededed;
  padding: 21px;
  min-height: 179px;
  margin-top: 20px;
  margin-top: 20px;
}
.dashboard-applicant {
  font-size: 26px;
  font-weight: 700;
}
.dashboard-gridtable tr td:first-child {
  padding-top: 16px;
}

.div-hiring-dashboard {
  font-size: 26px;
  font-weight: 700;
  padding-bottom: 13px;
  line-height: 22px;
}

.div-hiring-dashboard span {
  font-size: 16px;
  font-weight: normal;
}
.div-hiring-dashboard .stats {
  position: absolute;
  bottom: 0;
  right: 0;
}

.dashboard-applicant span {
  font-size: 16px;
  font-weight: normal;
}
.dashboard-applicant .stats {
  position: absolute;
  bottom: 0;
  right: 0;
}
.box .stats {
  position: absolute;
  bottom: 10px;
  right: 28px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid white;
  border-radius: 25px;
  padding: 3px 0px;
}
.box .stats:hover {
  background-color: #fd0505;
}
.box.gender .stats {
  right: 12px;
  padding: 3px 8px 3px 25px;
}
.box.cv-section .stats {
  padding: 2px 8px 1px 25px;
}
.box .stats a {
  color: black;
  padding: 3px 8px 3px 28px;
}
.box .stats .btn {
  padding: 0px !important;
}
.white {
  color: #fff;
}
.blue-box {
  background-color: #029eff !important;
}
.light-green {
  background-color: #08c68b;
}

.dark-grey {
  background-color: #6e6e6e;
}

.btn-dashboard-job {
  background-color: #c40808;
  color: #fff;
  border-radius: 25px;
  padding: 8px 30px;
}
.box-dashboard-job-list {
  padding: 20px;
  background-color: #ededed;
  margin-top: 20px;
  border-radius: 5px;
  border-radius: 15px;
}

.navbar-inverse {
  background-color: white;
  border: none;
  border-bottom: 1px solid #ccc;
}

.applicant thead th {
  vertical-align: middle !important;
  background: rgb(33, 33, 33);
  background: linear-gradient(
    180deg,
    rgba(33, 33, 33, 1) 0%,
    rgba(33, 33, 33, 1) 35%,
    rgba(102, 102, 102, 1) 100%
  );
  height: 80px;
  vertical-align: middle !important;
}

button.btn.btn-link.logout:hover,
.navbar-inverse .navbar-nav > li > a:hover {
  color: #fff;
  background-color: #262626;
}

.box.events {
  width: 100%;
  padding: 0;
  margin: 0;
  min-height: auto;
  margin-top: 19px;
}
.dashboard-events {
  border-radius: 25px;
}

/*Table CSS*/
.gridtable {
  margin-top: 15px;
}
.gridtable:hover tbody tr
{
    opacity:0.6;
}
.gridtable tbody tr:hover
{
    opacity:1;
}

.gridtable .table thead th {
  font-size: 12px;
  font-weight: normal;
}
.gridtable .table th a {
  font-size: 12px;
  font-weight: normal;
}
.header-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  padding-top: 20px;
}
.header-menu li {
  float: left;
  padding-right: 20px;
  width: 9%;
  font-size: 12px;
}

.header-menu li a {
  color: #fff;
}

.header-grid-part {
  color: #fff;
  width: 100%;
  height: 100px;
  vertical-align: middle !important;
  background: rgb(33, 33, 33);
  background: linear-gradient(
    180deg,
    rgba(33, 33, 33, 1) 0%,
    rgba(33, 33, 33, 1) 35%,
    rgba(102, 102, 102, 1) 100%
  );
  height: 100px;
  vertical-align: middle !important;
  padding: 5px 10px 10px 31px;
}
.header-grid-part a {
  color: #fff;
}

/*Search Box*/
.search-box {
  position: relative;
  height: 30px;
  display: contents;
}
.search-box-button {
  position: relative;
  background-color: #808080;
  height: 60px;
  color: #fff;
}
.search-btn {
  position: absolute;
  right: 17px;
  top: 18px;
  font-size: 20px;
}
.search-btn i.bi.bi-search {
  color: #fff;
}
.applicants-search {
  margin-bottom: 30px;
}
.applicants-search input[type="text"] {
  height: 43px;
  float: left;
  width: 70%;
}

.search-button-box {
  position: relative;
  height: 30px;
}
.button-box-right {
  position: absolute;
  right: 0;
  top: 10px;
  bottom: 10px;
}

.search-btn-red {
  background-color: #c40808;
  color: #fff;
  border: none;
  padding-left: 20px;
  padding-right: 20px;
  height: 40px;
}
.reset-btn-grey {
  background-color: #5a5a5a;
  color: #fff;
  border: none;
  padding-left: 20px;
  padding-right: 20px;
  height: 40px;
  padding-top: 10px;
}

.label-style {
  width: 30%;
}
.label-style label {
  font-weight: 500;
  font-size: 14px;
  padding-top: 5px;
}

.gridtable tr {
  background-color: #f8f8f8;
  margin-bottom: 5px;
  display: table-row;
  position: relative;
  /*border-left: 3px solid red;*/
}
tr:has(input[type="checkbox"]:checked) {
    border-left: 3px solid red; /* Change the color and width as needed */
}
.gridtable tbody tr:hover{
    background-color:white;
}

.table > tbody > tr:hover td{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    color:black;
}
.table > tbody > tr:hover td .ApplyDate
{
    color:red;
}
.table > tbody > tr td
{
    padding: 16px 6px;
}
.table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 0px solid #ddd;
}
.table tr th a 
{
    color:black;
}
.table tr th a:hover
{
    text-decoration:none;
}
.table tr th a:active
{
    color:rgb(255, 204, 0);
}
.pagination > .active > a
{
    background-color:black;
}
.pagination > li > a:hover
{
    background-color:rgb(255, 204, 0);
}
.pagination > li > a, .pagination > li > span
{
    color:black;
}
.pagination > .active > a:hover
{
    background-color:black;
}

.navbar-inverse .navbar-nav li a:focus {
    color: #9d9d9d !important;
}












.DownloadButton,
.ExportAllButton,
.DownloadJobWiseButton,
.jobs-index p a,
.events-index p a,
.employees-index p a,
#form-signup button,
.job-category-index p a

{
    position:relative;
    overflow:hidden;
    background-color:black !important;
    border:none;
}
.DownloadButton:hover,
.ExportAllButton:hover,
.DownloadJobWiseButton:hover,
.jobs-index p a:hover,
.events-index p a:hover,
.employees-index p a:hover,
.job-category-index p a:hover,
#form-signup button:hover
{
    background-color:black !important;
}
.DownloadButton::before,
.ExportAllButton::before,
.DownloadJobWiseButton::before,
.jobs-index p a::before,
.events-index p a::before,
.employees-index p a::before,
.job-category-index p a::before,
#form-signup button::before
{
    position: absolute;
    top: 0px;
    left: 100%;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 204, 0);
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: black;
    transition: 0.4s;
}
.DownloadButton::before{
    content: "Downloads";
}
.ExportAllButton::before{
    content: "Export All";
}

.DownloadJobWiseButton::before{
    content: "Download Job Wise ";
}
.jobs-index p a::before{
    content: "Create Jobs";
}

.events-index p a::before
{
    content: "Create Events";
}

.employees-index p a::before
{
    content: "Create Employees";
}

#form-signup button::before
{
    content: "Sign up";
}

.job-category-index p a::before
{
    content: "Create Job Department";
}
.DownloadButton:hover::before,
.ExportAllButton:hover::before,
.DownloadJobWiseButton:hover::before,
.jobs-index p a:hover::before,
.events-index p a:hover::before,
.employees-index p a:hover::before,
#form-signup button:hover::before,
.job-category-index p a:hover::before
{
    left: 0px;
    transition: 0.2s;
}

.Note
{
    margin-top:15px;
}
.ApplyDate
{
    color:black;
    font-weight: bold;
}
.table > tbody > tr td .glyphicon,
.table > tbody > tr td svg
{
    border-radius: 25%;
    padding: 5px;
    margin-right: 13px;
}
.table > tbody > tr td .glyphicon:hover,
.table > tbody > tr td svg:hover
{
background-color: #eaeaea;

}
.table > tbody > tr td svg
{
    width:25px !important;
    height:25px !important;
        margin-right: 6px;
        vertical-align: -.46em !important;
}


/*JOBS PAGES */
.jobs-index table tr td p
{
    background:transparent !important;
    margin:0px 0px 0px 0px important;
    font-size: 11pt !important;
}
/*.jobs-index table tr td p span:nth-child(1)*/
/*{*/
/*    display:none;*/
/*}*/
/*.jobs-index table tr td p span*/
/*{*/
/*    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;*/
/*    font-style: normal !important;*/
/*}*/


#fullDiv {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 0;
  top: 313px;
  bottom: 0;
  right: 0;

  height: auto;
  border-radius: 8px;
}

#fullDiv ul {
  margin: 0;
  padding: 0;
}

#fullDiv li {
  float: left;
  display: block;
  width: 14.2857%;
  text-align: center;
  list-style-type: none;
  margin-bottom: 19px;
}

#fullDiv li:nth-child(n + 1):nth-child(-n + 7) {
  font-weight: 500;
  color: #333;
  margin-bottom: 19px;
}

#fullDiv li:nth-child(n + 39),
li:nth-child(n + 8):nth-child(-n + 16) {
  font-weight: 900;
  color: rgba(0, 0, 0, 0.3);
}

#fullDiv li:hover:nth-child(n + 8):nth-child(-n + 38),
li:nth-child(30) {
  border-radius: 5px;
  /*background-color: #1abc9c;*/
  color: #ecf0f1;
}
.calendar-container {
  padding: 10px;
}

.box-dashboard-job-list .pagination {
  display: none;
}

/*Dashboard Event Heading*/
.dashboard-event-heding {
  padding-top: 10px;
}
.dashboard-event-title {
  font-size: 18px;
  font-weight: 700;
  padding-top: 10px;
  margin-bottom: 20px;
}
.event-dashboard-box {
  padding: 20px;
}

.dashboard-total-applicant {
  background: #6e6e6e;
  text-align: center;
  padding: 3px 8px 3px 20px;
  border-radius: 25px;
  color: #fff;
  text-align: right;
}
.dashboard-total-applicant:hover {
  background-color: #fd0505;
}
.dashboard-total-applicant.active {
  background: #fd0505;
}

/*Desktop*/
.header-grid-part {
  padding-left: 0px;
  padding-right: 0px;
}

/*Applicants Layout Settings*/
.action-btn {
  padding-right: 7px;
  padding-left: 7px;
}
.sorttable .tc1init {
  width: 1.55%;
}
.sorttable .tc1 {
  width: 8.81%;
}
.sorttable .tc2 {
  width: 8.9%;
}
.sorttable .tc3 {
  width: 8.84%;
}
.sorttable .tc4 {
  width: 8.72%;
}
.sorttable .tc5 {
  width: 5.8%;
}
.sorttable .tc6 {
  width: 5.66%;
}
.sorttable .tc7 {
  width: 9%;
}
.sorttable .tc8 {
  width: 8%;
}
.sorttable .tc9 {
  width: 7%;
}
.sorttable .tc10 {
  width: 7%;
}
.sorttable .tc11 {
  width: 12%;
}
.sorttable .tc12 {
  width: 6.5%;
}
.sorttable .tc13 {
  width: 10%;
}

.table.gridtable .tc1init {
  width: 1.55%;
}
.table.gridtable .tc1 {
  width: 9%;
}
.table.gridtable .tc2 {
  width: 6%;
}
.table.gridtable .tc3 {
  width: 9%;
}
.table.gridtable .tc4 {
  width: 9%;
}
.table.gridtable .tc5 {
  width: 6%;
}
.table.gridtable .tc6 {
  width: 6%;
}
.table.gridtable .tc7 {
  width: 18%;
}
.table.gridtable .tc8 {
  width: 6%;
}
.table.gridtable .tc9 {
  width: 5%;
}
.table.gridtable .tc10 {
  width: 5%;
}
.table.gridtable .tc11 {
  width: 12%;
}
.table.gridtable .tc12 {
  width: 6.5%;
}
.table.gridtable .tc13 {
  width: 10%;
}

table.table.gridtable td:first-child {
  width: 10px;
}

.tc1,
.tc2,
.tc3,
.tc4,
.tc5,
.tc6,
.tc7,
.tc8,
.tc9,
.tc10,
.tc11,
.tc12 {
  white-space: normal;
}
td.tc3 {
  width: 8.7%;
}
td.tc4 {
  width: 9.3%;
  padding-left: 12px;
  /* margin-left: 9px; */
}
.tc13 {
  width: 9.3%;
}

@media (max-width: 1024px) {
  .navbar-nav > li > a {
    padding: 10px 6px !important;
  }
  #w0,
  #w2 {
    overflow-x: scroll;
  }
  .grid-view .pagination {
    float: none;
  }
}
@media (max-width: 768px) {
  /*muslim code*/
  .navbar-nav > li > a {
    padding: 10px 5px !important;
  }
  .image-2 {
    margin-left: 0px;
  }
  .dark-bg-footer {
    height: auto;
  }
  .job-footer-menu {
    position: static;
    font-size: 14px;
  }
  .job-footer-menu {
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    width: 100%;
  }
  .social-links {
    width: 100%;
    position: static;
    text-align: center;
    display: block;
  }
  .social-links ul {
    display: block;
    padding-left: 0px;
  }
  .social-links ul li {
    display: inline-block;
  }
  .social-links ul li a img {
    width: 80%;
  }
  ul.job-footer-menu li {
    display: inline-block;
  }
  .footer-company .copyright {
    padding-top: 8px;
  }
  .footer-company {
    display: block;
    text-align: center;
  }
  .footer-desktop-2 .privacy-col {
    text-align: center;
    margin-top: 15px;
  }
  .footer-desktop-2 .content {
    font-size: 1.8vw;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: black !important;
  }
  .navbar-inverse .navbar-toggle:focus .icon-bar {
    background-color: white !important;
  }
  .navbar-nav {
    height: auto;
    position: static;
    margin-top: 30px;
    background-color: white;
  }
  .navbar-inverse .navbar-collapse {
    border: none !important;
  }
  .navbar-inverse {
    z-index: 999;
  }
  .wrap > .container {
    padding: 0px 15px 20px;
  }
  .applicants-index .well {
    margin-top: 20px;
  }
  .dashboard-total-applicant {
    padding: 5px 8px 5px 30px;
  }
  .site-signup {
    margin-top: 90px;
  }
}

.wrap.full-layout .container {
  width: 100%;
}