@font-face {
  font-family: "Bebas Neue";
  src: url("../fonts/BebasNeue-Regular.woff2") format("woff2"), url("../fonts/BebasNeue-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Bebas Neue Light";
  src: url("../fonts/bebasneue-light.woff2") format("woff2"), url("../fonts/bebasneue-light.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url("../fonts/HelveticaNeueLTStd-Bd.woff2") format("woff2"),
    url("../fonts/HelveticaNeueLTStd-Bd.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url("../fonts/HelveticaNeueLTStd-Lt.woff2") format("woff2"),
    url("../fonts/HelveticaNeueLTStd-Lt.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url("../fonts/HelveticaNeueLTStd-Blk.woff2") format("woff2"),
    url("../fonts/HelveticaNeueLTStd-Blk.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url("../fonts/HelveticaNeueLTStd-Md.woff2") format("woff2"),
    url("../fonts/HelveticaNeueLTStd-Md.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Helvetica Neue LT Std";
  src: url("../fonts/HelveticaNeueLTStd-Th.woff2") format("woff2"),
    url("../fonts/HelveticaNeueLTStd-Th.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

html {
  height: 100%;
  min-height: 100%;
}

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
  color: #868686;
  font-family: "Helvetica Neue LT Std";
  font-weight: 300;
  letter-spacing: 1px;
  background: #efebed url("../images/main-bg.svg") no-repeat bottom center;
}

/* font CSS styles 
---------------------------------------------------- */
.font10 {
  font-size: 10px;
}
.font12 {
  font-size: 12px;
}
.font13 {
  font-size: 13px !important;
}
.font14 {
  font-size: 14px !important;
}
.font15 {
  font-size: 15px !important;
}
.font11 {
  font-size: 11px;
}
.font16 {
  font-size: 16px !important;
}
.font17 {
  font-size: 17px;
}
.font18 {
  font-size: 18px;
}
.font20 {
  font-size: 20px;
}
.default-gray {
  color: #868686;
}
.action-green {
  color: #1a9f5f;
}
.mt-8rem {
  margin-top: 8rem;
}
.pl-65 {
  padding-left: 65px !important;
}
.pl-90 {
  padding-left: 90px !important;
}
.fw300 {
  font-weight: 300;
}
.btn-primary {
  background-color: #5b95a7;
  border-color: #5b95a7;
}
.btn-primary.focus,
.btn-primary:focus {
  box-shadow: none;
}
.admin-btns .btn-primary {
  background-color: #41a7d1;
  background-image: linear-gradient(180deg, #41a7d1 0%, #003d56 100%);
  line-height: 20px;
  font-size: 15px;
  letter-spacing: 1px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
  background-color: #417c8f;
  border-color: #417c8f;
}
.pointer {
  cursor: pointer;
}
.primary-color {
  color: #2d7bbd !important;
}
:root {
  --common-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
}
a:hover {
  text-decoration: none;
}
/*Dashboard*/
header {
  display: block;
  z-index: 10;
  transition: all 0.2s;
  position: fixed;
  width: 100%;
}

.header-content {
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex: 1;
  transition: all 0.2s;
  padding: 8px 0;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16);
  height: 66px;
  position: relative;
}

.header-left {
  display: flex;
  align-items: center;
  padding: 0 0 0 20px;
}

.header-right {
  align-items: center;
  display: flex;
  margin-left: auto;
  padding: 0 20px 0 0;
}

header .logo {
  margin-left: 3px;
}

header .logo img {
  width: 170px;
}

.hamburger-menu {
  background-repeat: no-repeat;
  width: 38px;
  height: 32px;
  display: inline-block;
  font-size: 25px;
  color: #007aac;
  display: none;
}

.breadcrumbs a {
  font-size: 14px;
  color: #ffffff;
}

.card-box-footer a {
  text-align: center;
  font-size: 14px;
  color: #6eb3d0;
  display: block;
}

.side-nav li a {
  color: #fff;
  display: flex;
  width: 240px;
  font-size: 15px;
  font-weight: 300;
  position: relative;
  letter-spacing: 0.7px;
  align-items: center;
  padding: 14px 0 14px 23px;
  border-bottom: 1px solid #056b95;
}

.side-nav li ul li a {
  display: block;
  padding: 1px 0 1px 70px;
  text-decoration: none;
  color: #48aa9b;
  font-weight: 300;
  font-size: 15px;
}

.hamburger-menu a:hover {
  color: #007aac;
  text-decoration: none !important;
}
.balance {
  color: #fff;
  font-weight: 300;
  font-size: 16px;
  display: block;
}

.balance:hover {
  color: #dfdfdf;
}

.notifications-wrapper {
  position: relative;
  right: 13px;
  top: 0;
}

.notifications::before {
  display: inline-block;
  position: relative;
  content: "\e90a";
  font-family: "bizbase" !important;
  font-size: 25px;
  color: #007aac;
}

.notifications .count-badge {
  background-color: #ff0000;
  position: absolute;
  left: 13px;
  top: -5px;
}

.user-wrapper {
  position: relative;
}

.user-name {
  color: #007aac;
  margin-right: 10px;
}

.avatar {
  margin: 0 auto;
  position: relative;
  display: flex;
  align-items: center;
}

.avatar #profilePic {
  width: 46px;
  height: 46px;
  border: solid 2px #1998e6;
}
.user-drop-arrow {
  border: none;
  margin-left: 6px;
  transition: 0.5s;
}
.rotate-arrow {
  transform: rotate(90deg);
}
.sub-header {
  background-color: #007aac;
  padding: 12px 20px;
  color: #fff;
  letter-spacing: 1px;
  border-bottom: 1px solid #056b95;
}
.sub-header .batch-resume {
  background: #1a9f5f;
  border: #1a9f5f;
  vertical-align: top;
  margin-left: 13px;
  font-weight: normal;
  font-size: 14px;
  letter-spacing: 1px;
}

.sub-header a:hover {
  text-decoration: none;
}

.breadcrumbs a:first-child::before {
  display: none;
}
.breadcrumbs label.home, #breadcrumb label.home{
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 0;
}

.scrollable-tab ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.scrollable-tab ul li {
  display: inline-flex;
  font-weight: 300;
  position: relative;
  width: 100%;
  text-align: center;
  border-radius: 5px 5px 0 0;
  background: #ffffff;
  height: 34px;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  /* padding: 0 12px; */
}

.side-nav {
  position: fixed;
  top: 114px;
  left: 225px;
  width: 240px;
  margin-left: -225px;
  border: none;
  border-radius: 0;
  overflow-y: overlay;
  background-color: #1587cc;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  bottom: 0;
  overflow-x: hidden;
  padding: 0 0 20px 0px;
  z-index: 2;
  transition: 0.5s;
}

.side-nav li:hover {
  background-color: #fafafa;
}
.side-nav li.nav-active,
.side-nav li.nav-active a,
.side-nav li.nav-active i:before {
  color: #fff !important;
  background-color: rgb(59, 161, 218);
}

.side-nav li a:hover,
.side-nav li a:focus {
  outline: none;
  color: #007aac;
  background-color: transparent;
  text-decoration: none;
}
.side-nav li a:focus {
  outline: none;
  color: #ffffff;
  background-color: #1587cc;
  text-decoration: none;
}
.side-nav li a i {
  font-size: 19px;
  width: 30px;
  display: inline-block;
  margin-right: 20px;
  text-align: center;
}

.side-nav li a i.icon-rating {
  font-size: 16px;
}
.side-nav li a i.icon-Chevron-right {
  font-size: 16px;
  width: auto;
  margin: 0 15px 0 0;
  color: #56af9b;
  transition: all 0.3s;
}
.side-nav li a i.icon-Chevron-right.down {
  transform: rotate(90deg);
  transition: all 0.3s;
}

.side-nav li a .badge {
  background-color: #ff0000;
  color: #fff;
  border-radius: 15px;
  min-width: 30px;
  text-align: center;
  font-size: 12px;
  height: 20px;
  margin-left: 2px;
  padding-top: 5px;
}
.side-nav li ul {
  padding: 0;
  /* border-bottom: 1px rgba(0,0,0,.3) solid; */
  list-style: none;
}

.scrollable-tab ul li.selected a {
  color: #ffffff;
}

.side-nav li ul li a:hover {
  color: #707070;
}
.dropdown-arrow::after {
  content: "\e90c";
  font-family: "bizbase" !important;
  position: absolute;
  right: 15px;
  font-size: 13px;
}

.navbar .nav li a .label {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 14px;
  right: 6px;
  font-size: 10px;
  font-weight: normal;
  min-width: 15px;
  min-height: 15px;
  line-height: 1em;
  text-align: center;
  padding: 2px;
}

.navbar .nav li a:hover .label {
  top: 10px;
}

/*Content Area*/

/** New BizBase Staffing CSS **/
.main-content {
  padding-top: 140px;
}
.wrapper {
  width: calc(100% - 240px);
  margin: 0 0 25px 240px;
}

.tab-arrows input {
  width: 92%;
}

.card-wrapper {
  background-color: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  border-width: 0;
  transition: all 0.2s;
  padding: 20px;
  position: relative;
}
.card-wrapper input {
  color: #9b9b9b;
  font-weight: 300;
    font-size: 14px;
    letter-spacing: 1px;
}
.card-wrapper input:focus {
  outline: -webkit-focus-ring-color auto 0;
}
.card-title {
  color: #007aac;
  font-size: 30px;
  font-weight: 300;
  margin-bottom: 0px;
  letter-spacing: 2px;
}

.left-side h2,
.right-side h2 {
  font-size: 16px;
  color: #666;
  display: inline;
}
.left-side p,
.right-side p {
  font-size: 14px;
  color: #868686;
  margin-bottom: 8px;
}

.move-right {
  margin-left:  80px;
  background-color: #B0B0B0;
  border-radius: 20px;
  color: white;
  padding: 13px 10px 10px 10px;
  font-family: "Helvetica Neue LT Std" !important;
}

.move-right2 {
  margin-left:  120px;
  background-color: #B0B0B0;
  border-radius: 20px;
  color: white;
  padding: 13px 10px 10px 10px;
  font-family: "Helvetica Neue LT Std" !important;
}

.move-right3 {
  margin-left: 92px;
  background: #1a9f5f;
  border-radius: 20px;
  color: white;
  padding: 13px 10px 10px 10px;
  font-family: "Helvetica Neue LT Std" !important;
}

.left-side {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

em {
  margin-left: 30px;
}

.btn-align {
  margin-left:200px;
}


.btn-align2 {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
}

.btn-align2 button {
  margin: 0 20px;
  background: #F1F1F1;
  border-radius: 50%;
  box-shadow: 0px 3px 6px rgb(0 0 0 / 30%);
  width: 55px;
  height: 55px;
}

.btn-align2 .fa-close {
  color: #FE3333;
  font-size: 33px;
}

.btn-align2 .fa-question {
  color: #FDC927;
  font-size: 36px;
}

.btn-align2 .fa-check {
  color: #2CA1E4;
  font-size: 28px;
}

.training-heading {
  text-align: center; 
  display: block !important; 
  color:#007aac !important;
}

.collector {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  padding: 10px;
  margin-top: 150px;
}

.primary-add-btn {
  background: #1a9f5f;
  width: 150px;
  border-radius: 25px;
  text-align: center;
  padding: 5px;
  color: #fff;
  font-weight: 300;
  letter-spacing: 1px;
  cursor: pointer;
  float: right;
}
.resume-text {
  border: 1px solid #cccccc;
  color: #a6c9ec;
  font-size: 13px;
  height: 655px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  line-height: 30px;
  background-color: #ffffff;
}

.status-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.staffing-select select {
  color: #959595;
  border: 1px solid #d3d3d3;
  width: 200px;
  padding: 10px;
  font-weight: 300;
  background: url(../images/dropdown-arrow.svg) no-repeat calc(100% - 15px) center;
  appearance: none;
  cursor: pointer;
  font-size: 14px;
  letter-spacing: 1px;
}
.staffing-select select option {
  font-weight: 300;
}
.resume-file {
  padding: 6px 8px;
}
.resume-file .resume-title {
  max-width: 75%;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
  vertical-align: text-top;
}
.resume-file p {
  color: #a6c9ec;
  font-size: 13px;
}
.resume-file input[type="text"] {
  width: calc(100% - 65px);
  margin-bottom: 2px;
  padding: 0 7px;
  font-size: 14px;
  border-radius: 4px;
}
.resume-file input[type="text"]::placeholder {
  color: #b1b1b1;
  font-size: 15px;
  font-style: italic;
}
.footer-btns .btn {
  width: 160px;
  height: 35px;
  line-height: normal;
  padding: 0;
  font-weight: 300;
  letter-spacing: 0.5px;
}
.card-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-flow: wrap-reverse;
  width: 100%;
}
.card-box {
  width: 316px;
  height: 190px;
  background: #ececec;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.5);
  border-radius: 23px;
  margin: 10px;
}
.card-box h4 {
  color: #007aac;
    font-size: 20px;
    margin-top: 15px;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 13px;
}
.card-box p {
  font-size: 13px;
  font-weight: 400;
}
.card-box-footer a {
  text-align: center;
  font-size: 14px;
  color: #6eb3d0;
  display: block;
}
.card-box-footer a:hover {
  color: #007aac;
}
.card-box-status {
  color: #1a9f5f;
  font-size: 14px;
  position: absolute;
}
.scrollable-tab {
  border-bottom: 3px solid #008dc7;
  margin-top: 7px;
  position: relative;
}
.scrollable-tab ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.scrollable-tab ul li {
  margin: 0 6px;
  font-weight: 300;
  position: relative;
}
.scrollable-tab ul li a {
  color: #707070;
  text-decoration: none;
  padding: 7px 14px;
  background: #ffffff;
  display: inline-block;
  border-radius: 5px 5px 0 0;
}
.scrollable-tab ul li a:hover,
.scrollable-tab ul li a.active {
  background-color: #008dc7;
  color: #ffffff;
}

.scrollable-tab ul li span {
  display: block;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  padding: 0 8px;
  text-overflow: ellipsis;
  color: #007aac;
}
.scrollable-tab ul li.selected {
  background-color: #008dc7;
  color: #ffffff;
}

.scrollable-tab ul li.selected span{
  color: #ffffff;
}

button:focus {
  outline: none;
}

.popup button:focus {
  outline: none;
}

.tab-arrows {
  width: calc(100% - 85px);
  display: flex;
  align-items: center;
  margin: -1px 25px;
}
.tab-arrows button.owl-next,
.tab-arrows button.owl-prev {
  position: absolute;
}
.tab-arrows button.owl-next img:focus,
.tab-arrows button.owl-prev img:focus,
.tab-arrows button.owl-next span:focus,
.tab-arrows button.owl-prev span:focus,
.tab-arrows button.owl-next button:focus,
.tab-arrows button.owl-prev button:focus {
  outline: none;
}

.tab-arrows .owl-next {
  right: -25px;
  top: 3px;
}
.tab-arrows .owl-prev {
  left: -25px;
  top: 3px;
}
.icon-plus-thin.action-green {
  position: absolute;
  right: 0;
  top: 3px;
  background: #1a9f5f;
  border-radius: 50%;
  color: #ffffff;
}

.remove::after {
  content: "\e900";
  font-family: "bizbase" !important;
  display: block;
  position: absolute;
  right: 0px;
  top: -2px;
  cursor: pointer;
  color: #a8a0a1;
}
.new-tag {
  background: #d7373f;
  color: #fff;
  font-size: 10px;
  border-radius: 10px;
  padding: 1px 5px;
  font-style: italic;
  letter-spacing: 0.5px;
  position: absolute;
  right: 0px;
  top: 2px;
}
.application-details-wrapper {
  background: #f1f1f1;
  border-radius: 23px;
  border: 1px solid #d7d7d7;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
  width: calc(100% - 9%);
  margin-top: 20px;
  min-height: 670px;
  padding: 12px 35px;
  position: relative;
  margin: 1em auto;
}
.application-details-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.application-details-wrapper .icon-Polygon-7 {
  position: absolute;
  right: -40px;
  font-size: 40px;
  top: 50%;
  color: #bababa;
  cursor: pointer;
}
.application-details-wrapper .owl-next img,
.application-details-wrapper .owl-prev img {
  display: none;
}
.application-details-wrapper .owl-next:before,
.application-details-wrapper .owl-prev:before {
  content: "\e907";
  font-family: "bizbase" !important;
  font-size: 40px;
  color: #bababa;
}
.application-details-wrapper .owl-prev:before {
  content: "\e908";
}
.application-details-wrapper .owl-next {
  right: -28px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.application-details-wrapper .owl-prev {
  left: -28px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.application-details-wrapper .icon-circle-with-cross {
  color: #c2c2c2;
  position: absolute;
  right: 0;
  font-size: 28px;
  top: 18px;
  cursor: pointer;
}
.application-details-wrapper .added-date {
  position: absolute;
  left: 0;
  font-weight: 300;
  color: #545454;
}
.applicant-details {
  background: #fff;
  border: 1px solid #cccccc;
  font-size: 14px;
  padding: 10px;
}

.applicant-details .col-md-7 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 300;
}
.application-details-wrapper h2.primary-color {
  width: 40%;
  margin: auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-bottom: 15px;
}
.footer-btns a.button {
  padding: 8px;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
  border-radius: 23px;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 170px auto;
  padding: 20px;
  background: transparent;
  /* background: rgba(0, 0, 0, 0.7); */
  border-radius: 5px;
  width: 80%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .cancel-but,
.popup .submit-but {
  text-decoration: none;
  color: #fff;
  width: 178px;
  line-height: 45px;
  background: #d23838;
  border-radius: 3px;
  text-align: center;
  display: inline-block;
  margin: 8px 10px;
}
.popup .submit-but {
  background: #5b95a7;
  border: none;
}

.popup .content {
  max-height: 50%;
  overflow: auto;
  color: #fff;
  font-size: 20px;
  font-weight: 300;
}
.custom-control-label {
  margin-bottom: 20px;
}

.custom-control-label::before {
  top: 4px;
  left: -2.5rem;
  width: 1.5rem;
  height: 1.5rem;
  border-color: #fff;
  background-color: transparent;
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
  width: 1.5rem;
  height: 1.5rem;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background: #1a9f5f;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  left: -37px;
  top: 7px;
}

/** New BizBase Staffing CSS **/

/** Dashboard CSS **/
.widget {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  min-height: 120px;
  margin-bottom: 20px;
}

.widget .widget-title {
  color: #444444;
  font-size: 13px;
  font-weight: 300;
}
.widget .count {
  color: #399b9c;
  font-size: 36px;
  font-weight: 700;
  margin-top: 10px;
}
.small-tiles {
  color: #707070;
  text-align: center;
}
.small-tiles .icon {
  color: #838283;
  font-size: 46px;
  text-align: center;
  width: 46px;
  margin: 0 auto;
  display: block;
}
.small-tiles .title {
  color: #707070;
  font-size: 22px;
  display: block;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
.small-tiles p {
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 1px;
}
.min-height500 {
  min-height: 500px;
}
.min-height200 {
  min-height: 200px;
}
.msg-avatar {
  background-color: #4584fa;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.input-shadow-box {
  margin-bottom: 20px;
}
.input-shadow-box label {
  color: #333333;
}
.input-shadow-box .shadow-box-inner {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  border: 1px solid #e3e3e3;
  min-height: 200px;
  overflow: auto;
}
.shadow-box-inner .form-control {
  border: none;
  border-radius: 0;
  min-height: 200px;
  max-height: 200px;
  padding: 0;
}
.shadow-box-inner .form-control:focus {
  box-shadow: unset;
}
.shadow-box-inner select option {
  font-family: "Helvetica Neue LT Std";
  font-weight: 300;
  color: #727272;
  font-size: 1rem;
  padding: 8px 20px;
}
.shadow-box-inner select option:hover,
.shadow-box-inner select option:checked {
  background-color: #4f9d1c !important;
  color: #fff !important;
}
.shadow-box-inner-gray {
  background-color: #f1f1f1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  border: 1px solid #d1d1d1;
  min-height: 200px;
  overflow: auto;
  max-height: 200px;
}
.shadow-box-inner ul,
.shadow-box-inner-gray ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.shadow-box-inner ul li,
.shadow-box-inner-gray ul li {
  padding: 3px 20px;
  color: #727272;
  cursor: pointer;
}
.shadow-box-inner-gray ul li {
  padding: 2px 20px;
  cursor: pointer;
}

.shadow-box-inner ul li:hover,
.shadow-box-inner ul li.active {
  background-color: #4f9d1c;
  color: #fff;
}
.admin-btns .btn-secondary {
  background-color: #ffffff;
  background-image: linear-gradient(180deg, #ffffff 0%, #dddddd 100%);
  border: 1px solid #cacaca;
  color: #7a7a7a;
  line-height: 20px;
  letter-spacing: 1px;
  font-size: 15px;
}
.btn-primary:focus {
  box-shadow: none !important;
}
.btn-secondary.focus,
.btn-secondary:focus,
.btn-secondary:not(:disabled):not(.disabled):active {
  box-shadow: none !important;
  color: #7a7a7a;
}

.nav-tabs a.nav-link {
  color: #707070;
  text-decoration: none;
  padding: 7px 14px;
  background: #ffffff;
  display: inline-block;
  border-radius: 5px 5px 0 0;
}

.nav-tabs li.nav-item {
  display: inline-block;
  margin: 0 6px;
  font-weight: 300;
  position: relative;
}
.nav-tabs li.nav-item:first-child {
  margin-left: 0;
}

.nav-tabs .nav-link.active {
  background-color: #008dc7;
    color: #ffffff;
}
.scrollbar {
  overflow: auto;
}
.scrollbar::-webkit-scrollbar {
  width: 7px;
}
.scrollbar::-webkit-scrollbar-track {
  background: #dadada;
  border-radius: 50px;
}
.scrollbar::-webkit-scrollbar-thumb {
  background-color: #acacac;
  border-radius: 50px;
}
.maintenance-modal {
  color: #333333;
  background: #eeeeee;
  border-radius: 0;
  border: #707070;
}
.maintenance-modal h1 {
  text-align: center;
  color: #484848;
  margin-bottom: 40px;
  font-size: 26px;
}

.maintenance-modal input[type="text"],
.maintenance-modal input[type="password"],
.maintenance-modal textarea {
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.16);
  border: 1px solid #e3e3e3;
  padding: 6px 12px;
  color: #7c7c7c;
  width: 100%;
}
.maintenance-modal input[type="text"]:focus,
.maintenance-modal input[type="password"]:focus,
.maintenance-modal textarea:focus {
  outline: none;
  border: 1px solid #ccc;
}
.role-title {
  background: #007aac;
  color: #fff !important;
  margin: 0;
  padding: 5px 15px;
  width: 100%;
}

.shadow-box-inner .tree li {
  list-style-type: none;
  color: #fff;
  position: relative;
  margin-left: 0px;
  padding: 4px 0;
}
.shadow-box-inner .tree li label {
  padding-left: 15px;
  cursor: pointer;
  /* background: url("../images/filled-circle.svg") no-repeat 15px 7px; */
  display: block;
  margin-bottom: 0;
  background-size: 14px;
}
.shadow-box-inner .tree li input {
  width: 1em;
  height: 1em;
  position: absolute;
  left: -0.5em;
  top: 0;
  opacity: 0;
  cursor: pointer;
}
.shadow-box-inner ol.tree li span.selected {
  background: #bad8e5;
  padding: 2px 5px;
}
.shadow-box-inner ol.tree {
  margin-top: 5px;
}
.shadow-box-inner .tree li input + ol {
  height: 18px;
  margin: -22px 0 0 -57px;
  background: url("../images/toggle-small-expand.svg") no-repeat 40px 0;
}
.shadow-box-inner .tree li input + ol > li {
  display: none;
  margin-left: -14px !important;
  padding-left: 1px;
}
.shadow-box-inner .tree li.file {
  margin-left: -1px !important;
}
.shadow-box-inner .tree li.file a {
  display: inline-block;
  padding-left: 8px;
  color: #333;
  text-decoration: none;
  background-size: 14px;
}
.shadow-box-inner .tree li input:checked + ol {
  height: auto;
  margin: -18px 0 0 -57px;
  padding: 17px 0 4px 80px;
  background: url("../images/toggle-small.svg") no-repeat 40px 0;
}
.shadow-box-inner .tree li input:checked + ol > li {
  display: block;
  margin: 0 0 0.063em;
}
.shadow-box-inner .tree li input:checked + ol > li:first-child {
  margin: 0 0 0.125em;
}
.maintenance-modal .table .thead-dark th {
  background-color: #007aac;
  border-color: #007aac;
}
.maintenance-modal .table .thead-dark th:first-child {
  border-right: 1px solid #ffffff;
}
.maintenance-modal .table td:first-child {
  border-right: 1px solid #6b6b6b;
}
.maintenance-modal .table td,
.table th {
  padding: 0.4rem 2.5rem;
}

/** Dashboard CSS **/
/*right Panel*/

.right-panel {
  height: 100%;
  width: 250px;
  position: fixed;
  z-index: 1;
  top: 66px;
  right: -270px;
  background-color: #fafafa;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  overflow-x: hidden;
  transition: 0.5s;
}

.right-panel.open {
  right: 0px;
}

.right-panel a {
  display: flex;
  padding: 14px 0 14px 23px;
  text-decoration: none;
  font-size: 15px;
  font-weight: 300;
  color: #707070;
  transition: 0.3s;
  border-bottom: 1px solid #dfdfdf;
  letter-spacing: 0.7px;
}

.right-panel a:hover {
  color: #72b37d;
  background: #efefef;
}

.right-panel a i {
  color: #72b37d;
  font-size: 18px;
  width: 30px;
  margin-right: 15px;
  display: inline-block;
  text-align: center;
}

.right-panel a i.icon-faq {
  font-size: 20px;
}

/** Login Css **/
.registration-bg {
  background-image: url("../images/login-bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  display: flex;
  align-items: center;
  background-position: right;
  justify-content: center;
}
.registration-box {
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 auto;
  margin-bottom: 25px;
  box-shadow: var(--common-shadow);
  padding: 10px 30px 20px 30px;
  width: 800px;
  text-align: left;
}
.registration-box .alert{
  margin-bottom: 0;
}
.registration-box .error {
  color: red;
  font-size: 13px !important;
  font-weight: 300 !important;
}
.registration-box .form-success {
  min-height: 420px;
  max-height: 420px;
  display: flex;
  align-items: center;
  font-weight: 500;
  font-size: 20px;
}
.registration-box label {
  margin-bottom: 3px;
  font-weight: 400;
  font-size: 14px;
  color: #676767;
}
.registration-box .form-group {
  margin-bottom: 0.8rem;
}
.registration-box label.error {
  color: red;
  font-size: 12px !important;
  font-weight: 300 !important;
  position: absolute;
  font-family: sans-serif;
}
.registration-box label span {
  font-weight: 200;
  font-style: italic;
  font-family: sans-serif;
  color: #9a9a9a;
}
.registration-box input {
  border-radius: 0;
  height: 35px;
}
.registration-box input:focus {
  box-shadow: none;
}

.registration-footer {
  background-color: #535353;
  color: #fff;
  padding: 5px;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
  font-size: 12px;
}
.registration-footer a {
  color: #fff;
  margin: 0 15px;
  letter-spacing: 1px;
}
.registration-box .registration-title {
  display: flex;
  flex-basis: 100%;
  align-items: center;
  color: rgba(0, 0, 0, 0.35);
  margin: 8px 0px;
  text-align: center;
  color: #4e4e4e;
  font-size: 24px;
  padding: 0;
  margin-bottom: 15px;
}

.registration-box .registration-title::before,
.registration-box .registration-title::after {
  content: "";
  flex-grow: 1;
  background: rgba(8, 8, 8, 0.35);
  height: 1px;
  font-size: 0px;
  line-height: 0px;
  margin: 0px 8px;
}
/** Login Css **/

/** Tutorial Overlay **/
.tutorial-overlay {
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.tutorial-nav .tutorial-1,
.tutorial-nav .tutorial-2,
.tutorial-nav .tutorial-3,
.tutorial-nav .tutorial-4 {
  position: relative;
  z-index: 3;
  background: #ffffff;
  border-radius: 25px;
  padding: 20px;
}
.tutorial-nav .tutorial-4 {
  background: transparent;
  text-align: left;
  color: #fff;
  display: flex;
  align-items: center;
}
.tutorial-nav .tutorial-4 .form-check-input {
  position: absolute;
  margin-top: 0.2rem;
  margin-left: -1.5rem;
  width: 18px;
  height: 18px;
}
.red-step-1,
.red-step-2,
.red-step-3 {
  color: red;
  position: absolute;
  text-align: center;
  font-size: 23px;
  font-family: cursive;
  left: calc(100% - 80%);
  line-height: 42px;
  font-weight: 700;
  font-style: italic;
  top: 22px;
}
.red-step-2 {
  left: calc(100% - 93%);
  top: 38%;
}
.red-step-3 {
  left: calc(100% - 93%);
  bottom: 0;
  top: 65%;
}
.stock-arrow-up {
  position: absolute;
  left: -146px;
  bottom: 0;
}
.dismiss-tutorial,.tutorial-overlay{
  display: none
}

.resume-file.highlight{
  background: #ccc;
  border: 1px dashed #000 !important;
}
.resume-preview-iframe{
  height: 100%;
  width: 100%;
}
.updateResumeTitle{
  display: none;
}
.resume-title, .resumeFileTrigger{
  cursor: pointer;
}
.resumeFileSelect{
  display: none;
}
.error {
  color: #8a1f11;
  font-size: 13px;
  font-weight: bold;
  line-height: normal;
}
.rangeSlider.ui-widget.ui-widget-content {
	border: 0px solid #ccc;
	background: none;
}

.silderange-step {
	width: 20%;
	height: 8px;
	/*display: inline-block;*/
	float: left;
	top: 1px;
	position: relative;
	border-left: 2px solid #fff;
}

.weak {
	background: #f90405;
}

.weak:before {
	position: absolute;
	text-align: center;
	bottom: -24px;
	left: 50%;
	margin-left: -10%;
	font-size: 12px;
}

.poor {
	background: #fa0405;
	/* Old browsers */
	background: -moz-linear-gradient(left, #fa0405 0%, #fac161 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fa0405 0%, #fac161 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fa0405 0%, #fac161 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa0405', endColorstr='#fac161', GradientType=1);
	/* IE6-9 */
}

.poor:before {
	position: absolute;
	text-align: center;
	bottom: -24px;
	left: 50%;
	margin-left: -10%;
	font-size: 12px;
}

.fair {
	background: #fdbe61;
}

.fair:before {
	position: absolute;
	text-align: center;
	bottom: -24px;
	left: 50%;
	margin-left: -10%;
	font-size: 12px;
}

.good {
	background: #fdbe61;
	/* Old browsers */
	background: -moz-linear-gradient(left, #fdbe61 0%, #0ab902 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #fdbe61 0%, #0ab902 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #fdbe61 0%, #0ab902 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdbe61', endColorstr='#0ab902', GradientType=1);
	/* IE6-9 */
}

.good:before {
	position: absolute;
	text-align: center;
	bottom: -24px;
	left: 50%;
	margin-left: -10%;
	font-size: 12px;
}

.excellent {
	background: #02ba00;
}

.excellent:before {
	position: absolute;
	text-align: center;
	bottom: -24px;
	left: 50%;
	margin-left: -10%;
	font-size: 12px;
}

.rangeSlider.ui-slider-horizontal .ui-slider-handle {
	top: -2.3em;
	margin-left: -1.3em;
	padding: 5px 0px;
	background: #2da1e4;
	width: 40px;
	height: 30px;
	text-align: center;
	color: #fff;
  border: 0px;
  position: relative;
}

.rangeSlider.ui-slider-horizontal .ui-slider-handle:before {
	content: '\f0dd';
	position: absolute;
	text-align: center;
	bottom: -12px;
	left: 50%;
	margin-left: -6px;
	font-size: 20px;
	font-family: 'FontAwesome';
	color: #2da1e4;
}

.rightgreen {
	position: absolute;
	width: 15px;
	height: 15px;
	background: #00bf00;
	border-radius: 10px;
	top: -4px;
	right: -8px;
	z-index: 1;
	border-left: 0px;
}

.leftred {
	position: absolute;
	width: 15px;
	height: 15px;
	background: #fd0202;
	border-radius: 10px;
	top: -4px;
	left: -8px;
	z-index: 1;
	border-left: 0px;
}
#match-score-slider .silderange-step.leftred,
#match-score-slider .silderange-step.rightgreen,
#match-score-slider .silderange-step.weak,
#match-score-slider .silderange-step.poor,
#match-score-slider .silderange-step.fair,
#match-score-slider .silderange-step.good,
#match-score-slider .silderange-step.excellent{
  background: #868686;
}
#match-score-slider .silderange-step.leftred:before {
  content: '0';
  position: absolute;
  text-align: center;
  bottom: -18px;
  left: 50%;
  margin-left: -25%;
  font-size: 12px;
}
#match-score-slider .silderange-step.rightgreen:before {
  content: '100';
  position: absolute;
  text-align: center;
  bottom: -20px;
  left: 50%;
  margin-left: -70%;
  font-size: 12px;
}

.slider-hint {
	padding: 40px 0px;
}

.blue-silderange-step {
	width: 100%;
	height: 2px;
	/*display: inline-block;*/
	float: left;
	top: 1px;
	position: relative;
	border-left: 2px solid #fff;
	background: #41a2d9;
}

.blue-circle {
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 10px;
	z-index: 1;
	border-left: 0px;
	background: #41a2d9;
}

.circle-right {
	top: -4px;
	right: -8px;
}

.circle-left {
	top: -4px;
	left: -8px;
}

.circle-left:before {
	top: 21px;
	left: 0px;
	content: "Not Applicable ";
	position: absolute;
	width: 100px;
	font-size: 12px;
}

.circle-right:before {
	top: 21px;
	left: -34px;
	content: "Required";
	position: absolute;
	width: 50px;
	font-size: 12px;
}

.learnmore {
	text-align: center;
	padding: 10px;
	margin-top: 160px;
}

.ref-logo {
	text-align: left;
	padding-bottom: 20px;
}

.select-template {
	width: 40%;
	float: left;
}

.see-all-temp {
	float: left;
	padding: 10px;
}

button.custome-template {
	background: #2795d2;
	padding: 2px 10px;
	font-size: 12px;
	border: 1px solid #2795d2;
	color: #fff;
	margin-left: 15px;
}
.staffing-slider-wrap {
  top: 30px;
  margin-bottom: 30px;
}
/**Slider Css End**/
.custom-control-input {
  position: absolute;
  left: 0;
  z-index: 99;
  width: 2rem;
  height: 1.25rem;
  margin-left: -20px;
  opacity: 0;
  top: 6px;
}
.footer-btns.text-center.mt-3 p {
  color: #5b95a7;
}
.owl-item a.font-italic.font-weight-light.font13 {
  text-decoration: underline;
}
.owl-item span.primary-color.font-italic {
  text-decoration: underline;
}
.cstm-error{
  color: #ce1414;
  display: none;
}
#owl-carousel-resume button.owl-next.disabled,
#owl-carousel-resume button.owl-prev.disabled {
visibility: hidden;
}
.popup .custom-control-label {
  color: #fff;
}
.viewResumeFile-new-form{
  display: none;
}
.viewResumeFile{
  text-decoration: underline;
}
.here{
  text-decoration: underline;
}
.border-button{
  border: 1px solid #ccc
}
/** Tutorial Overlay **/
/**Career Landing Page Sorting**/
#sortable {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-flow: wrap-reverse;
}

#sortable li {
  float: left;
  cursor: all-scroll;
}
/**End sorting**/

:focus {
  outline: -webkit-focus-ring-color auto 0px;
}

p#errorBody, p#successBody, p#warningBody, p#warningBody{
margin-bottom: 0;
}

.icon-empty-circle,
.icon-half-circle,
.icon-full-circle {
  color: #007aac;
  font-size: 14px;
}
.showpass {
  position: absolute;
  right: 28px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}
span.showpass img {
  width: 30px;
}