@charset "UTF-8";

/*
-------------------------------------------------------------------------
* Template Name    : HRM - Admin Template                            *
* Author           : ParExcellence                                   *
* File Description : Main Css file of the template                   *
*------------------------------------------------------------------------
*/

/********************************
    1.BASIC                     *    
    2.HELPER                    *   
    3.HEADER                    *
    4.NAVBAR                    *
    5.EMPLOYEE PAGE             *
    6.SETUP PAGE                *
    7.JOB ADS PAGE              *
    8.INVITE-NEW-CANDIDATE      *
    9.JOB APPLICATION FORM      *
    10.ENQUIRY PAGE CSS         *
    11.INTERVIE SCHEDULE CSS    *
********************************/

/*======================
        1.BASIC
========================*/

body {
  font-family: "Source Sans Pro", sans-serif !important;
  overflow: hidden;
  background-color: #fff;
  font-weight: 400;
  color: #475865;
  background: #f7f9fc;
}

.v-application {
  font-family: "Source Sans Pro", sans-serif !important;
}

.main-wrapper {
  padding-top: 45px;
  margin-left: 225px;
  height: 100vh;
}

/*  .main-wrapper.light-bg {
        background: #F7F9FC;
    }*/

p,
ul li {
  line-height: 1.6;
  font-size: 14px;
  font-weight: 400;
}

a,
a:hover,
a:focus,
button,
button:focus,
input:focus {
  text-decoration: none !important;
  outline: none !important;
  box-shadow: none !important;
}

a,
a:hover,
a:focus {
  color: #181818 !important;
}

input::placeholder {
  font-size: 12px;
}

.f-10 {
  font-size: 10px !important;
}

.f-12 {
  font-size: 12px !important;
  line-height: 15px;
}

.f-14 {
  font-size: 14px;
}

.f-16 {
  font-size: 16px !important;
}

.z-index {
  z-index: 1;
}

.z-index9 {
  position: relative;
  z-index: 9;
}

.weight-600 {
  font-weight: 600 !important;
}

.sm-gutters {
  margin-right: -5px !important;
  margin-left: -5px !important;
}

.sm-gutters > .col,
.sm-gutters > [class*="col-"] {
  padding-right: 5px !important;
  padding-left: 5px !important;
}

.xs-gutters {
  margin-right: -2px !important;
  margin-left: -2px !important;
}

.xs-gutters > .col,
.xs-gutters > [class*="col-"] {
  padding-right: 2px !important;
  padding-left: 2px !important;
}

.w-8 {
  width: 8px !important;
}

.w-10 {
  width: 10px !important;
}

.w-12 {
  width: 12px !important;
}

.w-14 {
  width: 14px !important;
}

.w-16 {
  width: 16px !important;
}

.w-18 {
  width: 18px !important;
}

.w-20 {
  width: 20px;
}

.w-22 {
  width: 22px !important;
}

.w-26 {
  width: 26px !important;
}

.w-34 {
  width: 34px !important;
}

.w-40 {
  width: 40px;
}

.w-54 {
  width: 54px;
}

.w-70 {
  width: 70px;
}

.modal-content {
  border-radius: 0;
}

table th,
table td {
  vertical-align: middle !important;
  border-bottom: 1px solid #efefef !important;
  border-top: none !important;
  min-height: 45px;
}

tbody tr td {
  line-height: 16px;
}

/*table tr:last-child td {
    border-bottom: none !important;
}*/

.border-btm td {
  border-bottom: 1px solid #efefef !important;
}

.border-btm tr:last-child td {
  border-bottom: none !important;
}

table th {
  color: #a0a0a0 !important;
  font-size: 13px !important;
}

table td {
  color: #2f2f2f !important;
  font-size: 13px !important;
}

table th,
table td {
  padding: 7px !important;
  height: auto !important;
}

tbody tr:hover,
tbody tr.selected {
  background: #ebf6ff !important;
}

.mob-show {
  display: none;
}

table .form-input {
  padding: 0 !important;
  margin: 0 !important;
}

table .form-input .v-input__slot {
  margin-bottom: 0 !important;
}

.h-28 {
  height: 28px !important;
}

.modal .modal-dialog .modal-content {
  border-radius: 10px !important;
  padding: 0;
}

/*==========================
        2.HELPER
============================*/

.breadcrumb {
  background-color: transparent;
  display: flex;
  align-items: center;
}

.breadcrumb .breadcrumb-item.active,
.breadcrumb li a {
  color: #475865;
  font-size: 14px;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">";
}

.inner-btn {
  min-height: 40px;
  padding: 0 10px;
  min-width: 80px;
  font-size: 13px;
  font-weight: 500;
}

.primary-btn {
  background: #069875;
  color: #fff;
}

.primary-btn:hover {
  background: #04775c;
  color: #fff;
}

.outline-btn {
  color: #393e44 !important;
  border: 1px solid #393e44 !important;
}

.outline-btn:hover {
  color: #fff !important;
  background: #393e44;
}

.btn-md {
  min-height: 40px;
  min-width: 130px;
}

.weight-500 {
  font-weight: 500 !important;
}

.weight-400 {
  font-weight: 400 !important;
}

.btn-transparent {
  background: none;
  border: none;
  color: #c6c6c6;
  font-size: 13px;
  display: flex;
  align-items: center;
}

.btn-transparent:focus {
  background: none;
}

.pretty.p-default .state label:after {
  -webkit-transform: scale(0.3);
  -ms-transform: scale(0.3);
  transform: scale(0.3);
}

.pretty input:checked ~ .state.p-default label:before {
  background: #000;
}

.pretty input:checked ~ .state.p-default label:after {
  background-color: #fff !important;
}

/*==========================
        3.HEADER
============================*/

/* header {
    height: 45px;
    background: #FFFFFF;
    box-shadow: 0px 1px 3px #00000017;
    display: flex;
    align-items: center;
    position: fixed;
    width: 100%;
    z-index: 9;
} */

.menu-toggle {
  min-width: 225px;
}

.right-header {
  width: calc(100% - 225px);
  padding: 0 10px;
}

.main-logo {
  height: 36px;
  padding: 0 10px;
}

.page-lbl {
  font-size: 16px;
  font-weight: 600;
}

.user-menu button {
  color: #9eadb9;
  font-size: 12px;
}

.user-menu .dropdown-toggle::after {
  display: none;
}

.user-menu .dropdown-toggle::before {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/down-arrow.png);
  background-size: 8px;
  width: 8px;
  height: 7px;
  background-repeat: no-repeat;
}

.user-menu .dropdown-item {
  font-size: 14px;
  color: #475865;
  transition: all 0.3s;
}

.user-menu .dropdown-item:hover {
  background: #000;
  color: #fff;
}

/*==========================
        4.NAVBAR
============================*/

.user-info {
  padding: 25px 0;
  text-align: center;
  color: #fff;
  height: 160px;
}

.u-name {
  font-size: 16px;
  font-weight: 600;
}

.designation {
  font-size: 12px;
}

.b-sidebar-body {
  background: linear-gradient(180deg, #475865 0%, #18203c 100%) !important;
}

.nav-menu {
  background: linear-gradient(180deg, #475865 0%, #18203c 100%);
  color: transparent;
  position: fixed;
  top: 45px;
  left: 0;
  width: 225px;
  height: 0;
  z-index: 1;
  transition: 250ms all;
  display: none;
  height: calc(100vh - 45px) !important;
}

.dropdown-menu-list {
  display: none;
}

.nav-menu.active {
  display: block;
}

.nav-menu ul li a {
  width: 100%;
  display: flex;
  height: 39px;
  align-items: center;
  font-size: 14px;
  color: #fff;
  justify-content: space-between;
  transition: all 0.4s;
}

.nav-menu ul li a:hover,
.nav-menu ul li a.active,
.nav-menu ul li.active a {
  background: linear-gradient(90deg, #05cd7e 0%, #2ab5cf 100%);
}

.nav-menu ul li a span {
  display: flex;
  align-items: center;
}

.menu-ttl {
  font-size: 10px;
  color: #6e83cb;
  padding: 10px;
}

.menu-scroll {
  height: calc(100vh - 205px);
}

.menu-scroll .dropdown-menu-list a {
  padding-left: 30px;
}

.menu-scroll .dropdown-menu-list a:hover,
.menu-scroll .dropdown-menu-list li.active a {
  background: #18203c;
  color: #2ab5cf;
}

/*==========================
    5.EMPLOYEE PAGE
============================*/

.employee-list {
  width: 430px;
  float: left;
}

.employee-data {
  width: calc(100% - 430px);
  float: left;
}

.p-a-5 {
  padding: 5px;
}

.content-header {
  background: #fff;
  padding: 0 10px;
  height: 36px;
}

.border-box {
  background: #ffffff;
  border: 1px solid #dce4ed;
  border-radius: 5px;
}

.border-box1 {
  /*background: #FFFFFF;*/
  border: none;
  border-radius: 5px;
}

.border-box1 .border-box {
  background: #fff;
  border: 1px solid #dce4ed;
  border-radius: 5px;
}

.box-header,
.border-box1 .box-header {
  background: #f9fafc;
  border-bottom: 1px solid #dce4ed;
  border-radius: 5px 5px 0px 0px;
  height: 35px;
  padding: 0 5px;
  font-size: 14px;
  color: #525252;
  font-weight: 600;
}

.inner-box1 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-top: none !important;
}

.inner-header1 {
  border: 1px solid #dce4ed;
}

.search-container {
  position: relative;
}

input#search-bar {
  margin: 0 auto;
  width: 140px;
  height: 28px;
  padding: 0 5px;
  font-size: 12px;
  border-radius: 5px;
  border: 0.5px solid;
  outline: none;
}

input#search-bar:focus {
  transition: 0.35s ease;
  color: #000;
  border: 1px solid #000;
}

input#search-bar:focus::-webkit-input-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
  color: #d1d1d1;
}

input#search-bar:focus::-moz-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
  color: #d1d1d1;
}

input#search-bar:focus:-ms-placeholder {
  transition: opacity 0.45s ease;
  opacity: 0;
  color: #d1d1d1;
}

.search-icon {
  position: absolute;
  float: right;
  width: 12px;
  height: 12px;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}

.list-data {
  height: calc(100vh - 200px);
  overflow: auto;
}

@-webkit-keyframes slideIn {
  0% {
    max-height: 0;
    opacity: 0;
  }
  100% {
    max-height: 999px;
    opacity: 1;
  }
}

@keyframes slideIn {
  0% {
    max-height: 0;
    opacity: 0;
  }
  100% {
    max-height: 999px;
    opacity: 1;
  }
}

@-webkit-keyframes slideOut {
  0% {
    height: auto;
    opacity: 1;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}

@keyframes slideOut {
  0% {
    height: auto;
    opacity: 1;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}

body {
  font-family: "Lato";
  color: #444;
}

.v-treeview-node__root {
  width: 100%;
  min-height: 35px !important;
  display: block;
  line-height: 35px;
}

.v-treeview-node__root:before {
  background: #ebf6ff !important;
}

.theme--light.v-treeview--hoverable .v-treeview-node__root:hover:before,
.theme--light.v-treeview
  .v-treeview-node--click
  > .v-treeview-node__root:hover:before {
  opacity: 1 !important;
}

.v-treeview-node__label {
  z-index: 9 !important;
}

.v-treeview-node__toggle:before {
  transform: rotateZ(-90deg);
}

.v-treeview-node__toggle.v-treeview-node__toggle--open:before {
  transform: rotateZ(0deg);
}

.v-tabs-bar {
  height: 36px !important;
}

.v-tab.v-tab {
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  color: #bebebe !important;
  letter-spacing: 0;
}

.v-tab.v-tab--active,
.v-tab.v-tab:hover {
  color: #000 !important;
}

.v-slide-group__next .v-icon,
.v-slide-group__prev .v-icon {
  color: #000 !important;
}

.theme--dark.v-tabs .v-tab--active:before,
.theme--dark.v-tabs .v-tab--active:hover:before,
.theme--dark.v-tabs .v-tab:focus:before,
.theme--dark.v-tabs .v-tab:hover:before {
  opacity: 0 !important;
}

.v-tab.v-tab--active:after,
.v-tab.v-tab:hover:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 100%;
  background: #000;
  z-index: 9;
}

.employee-data .theme--dark.v-tabs > .v-tabs-bar {
  background: #fff !important;
}

.employee-data .v-card {
  box-shadow: none !important;
}

.v-slide-group__next,
.v-slide-group__prev {
  min-width: 25px !important;
}

.transparent-bg,
.transparent-bg .v-card {
  background-color: transparent !important;
}

.p-a-0 .v-card__text {
  padding: 0 !important;
}

.form-input label {
  font-size: 13px;
  color: #536a80 !important;
  font-weight: 600;
  width: 100% !important;
  transform: none !important;
  position: relative !important;
  width: 100% !important;
  margin: 0px !important;
  top: 0 !important;
}

.form-input .v-text-field__details {
  display: none !important;
}

.form-input input {
  height: 30px !important;
  border: 1px solid #d1d1d1 !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  padding: 0 7px !important;
  box-shadow: none !important;
  background: #fff !important;
}

.form-textarea textarea {
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  font-size: 13px !important;
  padding: 7px !important;
  margin: 0 !important;
}

.form-textarea .v-input__slot {
  box-shadow: none !important;
  padding: 0 !important;
}

.form-textarea .v-text-field__details {
  display: none;
}

.sub-tabs-content.v-tabs-items {
  background: transparent !important;
}

.form-input input:focus {
  border: 1px solid #000;
}

.row > .col,
.row > [class*="col-"] {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.ptb-0 .v-text-field {
  padding: 0;
  margin: 0;
}

.form-input .v-input__slot:after,
.form-input .v-input__slot:before {
  display: none !important;
}

.form-input .v-text-field__slot {
  display: block !important;
}

.sub-tabs .v-tabs > .v-tabs-bar {
  background: transparent !important;
}

.sub-tabs .v-tab {
  color: #8aa9c7 !important;
  padding: 0 15px !important;
  border-right: 1px solid #dce4ed !important;
}

.sub-tabs .v-tab.v-tab--active:after,
.sub-tabs .v-tab:hover:after {
  display: none;
}

.sub-tabs .v-tab.v-tab--active,
.sub-tabs .v-tab:hover {
  background: #dce4ed !important;
  color: #2f2f2f !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.user-info-left {
  width: 120px;
  float: left;
}

.user-info-right {
  width: calc(100% - 120px);
  float: left;
}

.user-name-label {
  font-size: 13px;
  font-weight: 600;
}

.inputs-lbl {
  font-size: 13px;
  color: #536a80;
  font-weight: 600;
}

.input-area,
select,
textarea {
  height: 30px !important;
  border: 1px solid #d1d1d1;
  border-radius: 5px;
  font-size: 13px !important;
  padding: 0 7px !important;
}

.select-arrow {
  position: relative;
}

.input-mb-0 .v-input__slot {
  margin-bottom: 0 !important;
}

.mx-datepicker {
  width: 100% !important;
}

.select-arrow:after {
  content: "";
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
}

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

textarea {
  height: 90px !important;
  resize: none;
}

.input-area::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #d1d1d1;
}

.input-area::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #d1d1d1;
}

.input-area:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #d1d1d1;
}

.input-area:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
  color: #d1d1d1;
}

.value-label {
  font-size: 13px;
  word-break: break-all;
}

.pl-10 {
  padding: 10px;
}

.pr-150 {
  padding-right: 150px;
}

.absolute-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.academic-list {
  width: 760px;
  float: left;
}

.academic-documents {
  width: calc(100% - 760px);
  float: left;
}

.scroll-table {
  max-height: calc(100vh - 315px);
  overflow: auto;
}

.sticky-box {
  top: 45px;
  height: 100%;
  /* min-height: 400px; */
  overflow: hidden;
  position: -webkit-sticky;
  position: sticky;
}

.scroll-area {
  height: calc(100vh - 116px);
  overflow: auto;
}

.v-data-table {
  width: 100%;
}

td input,
td select {
  background: #f8f8f8 !important;
  border-radius: 0 !important;
  border: none !important;
}

.blue-btn {
  background: #0045ff !important;
  color: #fff !important;
}

.blue-btn:hover {
  background: #023ad3 !important;
  color: #fff;
}

.blue-btn.disabled {
  background: #d1deeb;
}

.blue-btn.disabled:hover {
  background: #d1deeb;
}

.round-btn {
  border-radius: 50px !important;
}

.print-btn {
  min-width: 95px;
  height: 30px;
  position: absolute;
  right: 5px;
  top: 5px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 10px !important;
}

.btn {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px !important;
}

.blue-txt {
  color: #0044fd;
}

.gray-txt {
  color: #b5b5b5;
}

.list-modal .modal-header {
  height: 45px;
  align-items: center;
  background: #f9fafc !important;
  padding: 0 10px;
}

.list-modal .modal-header .modal-title {
  color: #525252;
  font-size: 16px;
  font-weight: 600;
}

.list-modal.modal-content {
  border-radius: 5px;
  border: none;
}

.mw-820 {
  max-width: 820px !important;
}

.md-btn {
  min-width: 100px !important;
  height: 40px !important;
}

.list-modal .modal-header {
  border-bottom: 1px solid #dee2e6 !important;
}

.h-40 {
  height: 40px !important;
}

.modal-tbl thead {
  background: #f8f8f8;
  color: #a0a0a0;
  font-weight: 600;
  font-size: 14px;
}

.modal-tbl td {
  font-size: 14px;
}

.modal-tbl th,
.modal-tbl td {
  padding-left: 10px;
  padding-right: 10px;
  height: 36px;
}

.modal-tbl {
  max-height: 90%;
  overflow: auto;
  display: block;
}

.table-sm td,
.table-sm th {
  padding: 7px;
}

tbody tr:hover,
tbody tr.selected {
  background: #ebf6ff;
}

.table-checkbox .v-icon {
  color: #536a80 !important;
  font-size: 18px !important;
}

th .table-checkbox label,
td .table-checkbox label {
  margin: 0 !important;
  color: #a0a0a0 !important;
  font-size: 13px !important;
}

td .table-checkbox label {
  color: #202020 !important;
}

.table-checkbox .v-messages {
  display: none;
}

.table-checkbox .v-input__slot {
  margin-bottom: 0 !important;
}

table .mx-calendar-icon {
  height: auto !important;
}

.overflow-visible .v-data-table__wrapper {
  overflow: visible !important;
}

td .pretty .state label:after,
td .pretty .state label:before,
th .pretty .state label:after,
th .pretty .state label:before {
  width: 13px;
  height: 13px;
  left: 1px;
  top: 1px;
}

tr.selected input[type="text"] {
  background: transparent !important;
  border-bottom: 2px solid #0044fd !important;
}

.dashed-border {
  border: 2px dashed #8e8e8e !important;
}

.dashed-border:hover {
  border: 2px dashed #0044fd !important;
  color: #0044fd !important;
}

.radius-0 {
  border-radius: 0;
}

.before-border {
  position: relative;
}

.before-border:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 2px;
  height: 100%;
  background: #e0e0e0;
}

table .sub-level {
  display: none;
}

.arrow-down {
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  cursor: pointer;
}

.sub-level:hover {
  background: transparent !important;
}

.sub-level > td {
  padding: 0 !important;
}

.w-80 input {
  width: 80px !important;
}

.w-120 {
  width: 120px !important;
}

.mw-440 {
  max-width: 440px;
}

.mw-200 {
  min-width: 200px;
}

.modal-header .close {
  padding: 0;
  position: absolute;
  right: 10px;
  top: 9px;
  margin: 0;
}

.h-auto {
  height: auto;
}

.confirm-msg {
  font-size: 14px;
  color: #475865;
  text-align: center;
}

.modal-select select {
  color: #0044fd;
}

.arrow-down.expand {
  transform: rotateZ(-90deg);
}

.arrow-down.expand.show {
  transform: rotateZ(0deg);
}

.table tbody + tbody {
  border-top: none;
}

.after-border:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #e0e0e0;
}

.mt--2 {
  margin-top: -2px;
}

.pl-40 a {
  padding-left: 40px !important;
}

.folder-header {
  background: #fafafa;
  border-bottom: 1px solid #e7e7e7;
  height: 40px;
  padding: 0 10px;
}

.dark-txt {
  color: #747474;
}

.document-header {
  height: 30px;
  border-bottom: 1px solid #e7e7e7;
  font-size: 12px;
}

.plr-20 {
  padding: 0 20px;
}

.inner-search input {
  border-bottom: 1px solid #efefef !important;
  height: 25px !important;
  border-radius: 0 !important;
}

.inner-search input#search-bar {
  padding-left: 20px !important;
}

.inner-search input#search-bar:focus {
  transition: 0.35s ease;
  color: #000;
  border: none !important;
  border-bottom: 1px solid #000 !important;
}

.inner-search .search-icon {
  left: 3px;
}

.document-table th,
.document-table td {
  padding: 7px 20px !important;
  min-height: 35px;
}

.salary-remarks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.document-tree .mdi-folder-open,
.document-tree .mdi-folder {
  font-size: 18px !important;
}

.w-80 {
  width: 80px;
}

.w-120 {
  width: 120px;
}

.prob-table {
  border: 1px solid #dce4ed !important;
  border-radius: 5px 5px 0 0;
}

.prob-table thead tr {
  background: #f9fafc;
  border-bottom: 1px solid #dce4ed !important;
}

.prob-table thead th {
  white-space: nowrap;
  padding: 0 !important;
}

.prob-table thead th.first-th,
.prob-table thead th a {
  padding: 7px !important;
}

.prob-table thead th.first-th,
.prob-table thead th a.active {
  background: #dce4ed;
  color: #2f2f2f !important;
}

.prob-table thead th a {
  border-right: 1px solid #dce4ed !important;
}

.prob-table tbody tr {
  background: #fff;
}

.prob-table tbody tr td {
  border-bottom: none !important;
}

.prob-tbl-body {
  display: none;
}

.prob-tbl-body.show {
  display: table-row-group;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #fafdff !important;
}

.toltip {
  position: relative;
  cursor: pointer;
}

.toltip span {
  margin-left: -999em;
  position: absolute;
  background: #fff;
  padding: 10px;
}

.toltip span em {
  display: block;
  color: #536a80;
  font-style: normal;
  font-weight: 600;
}

.toltip:hover span {
  border-radius: 5px 5px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  position: absolute;
  right: -8px;
  top: 2em;
  z-index: 99;
  margin-left: 0;
  width: 250px;
  font-weight: 400;
  font-size: 12px;
}

/*======================
        6.SETUP PAGE
========================*/

.content-header .v-card {
  box-shadow: none !important;
}

.col-custm {
  -ms-flex: 1054px;
  flex: 1054px;
  max-width: 1054px;
}

.col-custm1 {
  -ms-flex: 1575px;
  flex: 1575px;
  max-width: 1575px;
}

.col-custm-1010 {
  -ms-flex: 1010px;
  flex: 1010px;
  max-width: 1010px;
}

.col-custm-905 {
  -ms-flex: 905px;
  flex: 905px;
  max-width: 905px;
}

.col-custm-42 {
  -ms-flex: 55%;
  flex: 55%;
  max-width: 55%;
}

.col-custm-58 {
  -ms-flex: 45%;
  flex: 45%;
  max-width: 45%;
}

.scroll-table1 {
  max-height: calc(100vh - 130px);
  overflow: auto;
}

.etype-table thead th,
.etype-table thead td {
  padding: 7px 10px !important;
}

.etype-table tbody tr td {
  border-bottom: 1px solid #efefef !important;
}

.etype-table .select-arrow {
  width: 100px;
  margin: auto;
}

.etype-table tbody tr td select {
  width: 100px;
  height: 25px !important;
  margin: auto;
  border-radius: 5px !important;
  background: #fff !important;
  border: 1px solid #d1d1d1 !important;
}

.etype-table tbody tr:hover,
.etype-table tbody tr.selected {
  background: #ebf6ff;
}

.etype-table td.p-a-0 {
  padding: 0 !important;
}

.etype-table tbody tr td.border-none {
  border: none !important;
}

.arrow-down.expand1 {
  transform: rotateZ(-90deg);
}

.arrow-down.expand1.show {
  transform: rotateZ(0deg);
}

.head-check.pretty .state label:after,
.head-check.pretty .state label:before {
  width: 15px;
  height: 15px;
  top: calc((0% - (100% - 1em)) - -6px);
}

.head-check label {
  font-size: 13px;
  font-weight: 600 !important;
  color: #2f2f2f;
}

.mw-525 {
  max-width: 525px;
}

.mw-910 {
  max-width: 910px !important;
}

/*======================
      7.JOB ADS PAGE
========================*/

.ads-checkbox label {
  margin-bottom: 0 !important;
  font-size: 14px !important;
  font-weight: 600;
  color: #2f2f2f !important;
}

.v-input__slot {
  margin-bottom: 0 !important;
}

.v-messages {
  display: none !important;
}

.ads-checkbox i {
  font-size: 18px !important;
}

.ads-right-block {
  width: 640px;
  float: left;
}

.ads-left-block {
  width: calc(100% - 640px);
  height: calc(100% - 30px);
  overflow-y: auto;
  float: left;
}

.comp-name-lbl,
.comp-name-name {
  font-size: 13px;
  color: #2c2c2c;
  font-weight: 600;
}

.comp-name-lbl {
  color: #536a80;
}

.body-scroll-area {
  max-height: calc(100vh - 125px);
  overflow: auto;
}

.body-scroll-area .mCSB_inside > .mCSB_container {
  margin-right: 5px;
}

.body-scroll-area .mCSB_scrollTools {
  width: 3px;
}

.body-scroll-area .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #5ba7be;
}

.v-radio .v-label {
  margin: 0 !important;
}

.v-radio .v-icon {
  font-size: 16px !important;
}

.v-input--radio-group.v-input--radio-group--row .v-radio {
  margin-right: 5px !important;
}

.v-radio label {
  font-size: 13px;
  color: #202020 !important;
}

/*======================
  8.INVITE-NEW-CANDIDATE
========================*/

.inc-right-block {
  width: 545px;
  float: left;
}

.inc-left-block {
  width: calc(100% - 545px);
  float: left;
}

.by-lbl {
  font-size: 13px;
  font-weight: 600;
  color: #2f2f2f;
}

.mx-input {
  height: 30px !important;
}

.mx-input-append {
  display: flex;
  align-items: center;
}

.history-btn {
  width: 85px;
  height: 25px;
  background-color: #b5d0ea !important;
  border-radius: 25px !important;
  color: #fff !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  font-size: 11px !important;
  font-weight: 600 !important;
}

.gray-header tr th {
  background: #f8f8f8 !important;
}

.boxshadow-none {
  box-shadow: none !important;
}

.sub-tabs-content .v-card__text {
  padding: 0 !important;
}

.sub-tabs .v-tabs-slider-wrapper {
  display: none;
}

.pr-100 {
  padding-right: 100px;
}

/*======================
  9.JOB APPLICATION FORM
========================*/

.jaf-left-block {
  width: 560px;
  float: left;
}

.jaf-right-block {
  width: calc(100% - 560px);
  float: left;
}

.v-stepper {
  box-shadow: none !important;
  background: transparent !important;
}

.v-stepper__header {
  height: auto !important;
  box-shadow: none !important;
  background: #fff !important;
}

.v-stepper__step {
  width: 16.666%;
}

.v-stepper__step__step {
  background: #fff !important;
  height: 40px !important;
  width: 40px !important;
  border-radius: 45px !important;
  border: 1px solid #e0e0e0;
  font-size: 18px !important;
  color: #bababa !important;
}

.v-stepper .v-stepper__label {
  font-size: 14px !important;
  font-weight: 600 !important;
  margin-top: 5px;
}

.v-stepper__step--active {
  position: relative;
}

.other-steps.v-stepper__step--active:before,
.other-steps.v-stepper__step--complete:before {
  content: "";
  height: 2px;
  width: 100%;
  position: absolute;
  left: -65%;
  top: 38px;
  background: #8aa9c7;
  z-index: 1;
}

.v-stepper__step {
  padding: 20px 10px !important;
}

.v-stepper__step--active .v-stepper__step__step,
.v-stepper__step--complete .v-stepper__step__step {
  background: #f2fcff !important;
  border: 1px solid #8aa9c7;
  color: #475865 !important;
  z-index: 9;
}

.v-stepper__step--active .v-stepper__label,
.v-stepper__step--complete .v-stepper__label,
.v-stepper .v-stepper__step__step .v-icon {
  color: #475865 !important;
}

.v-stepper__header .v-divider {
  margin: 0 -35px !important;
  margin-top: -15px !important;
}

.list-data .mCSB_inside > .mCSB_container {
  margin-right: 0 !important;
}

.v-stepper__step__step .mdi:before {
  font-size: 18px !important;
  color: #475865 !important;
  font-family: "Source Sans Pro", sans-serif !important;
}

.mdi-1-box:before {
  content: "1";
}

.mdi-2-box:before {
  content: "2";
}

.mdi-3-box:before {
  content: "3";
}

.mdi-4-box:before {
  content: "4";
}

.mdi-5-box:before {
  content: "5";
}

.mdi-6-box:before {
  content: "6";
}

.fillScrean {
  position: absolute;
  width: 100%;
  z-index: 1035;
  left: 0;
  bottom: 0;
  top: 0;
  background: white;
}

.scroll-area1 {
  height: calc(100vh - 90px);
  overflow: auto;
}

.green-btn-start {
  background: #05cd7e !important;
  color: #fff !important;
}

.blue-btn-start {
  background: #0062ff !important;
  color: #fff !important;
}

.red-btn-start {
  background: #ff7b53 !important;
  color: #fff !important;
}

.lg-btns {
  font-size: 24px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  height: 66px !important;
  border-radius: 66px !important;
  min-width: 190px !important;
}

.lg-btns span {
  line-height: 24px !important;
}

.lg-btns .sm-labels {
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 16px !important;
}

.intervier-pics {
  height: 100px;
  width: 100px;
  border-radius: 100px;
}

.intervier-name {
  font-size: 13px;
  color: #ffffff;
  font-weight: 600;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}

.md-btns {
  width: 130px !important;
  height: 40px !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  border-radius: 40px !important;
  text-transform: capitalize !important;
}

.v-stepper .v-stepper__header .v-divider {
  border-color: #fff !important;
}

.doc-label {
  font-size: 12px;
  color: #2f2f2f;
}

.attach-header {
  min-height: 40px;
  border-bottom: 1px solid #dce4ed;
  padding: 10px;
  display: flex;
  align-items: center;
  color: #a0a0a0;
  line-height: 14px;
}

/*======================
  10.ENQUIRY PAGE CSS
========================*/

.eqr-full-block {
  width: 100%;
}

.bred-center {
  height: 100%;
  align-items: center;
}

.v-breadcrumbs li a {
  font-size: 14px;
  font-weight: 600;
  color: #525252 !important;
}

.v-breadcrumbs li:last-child a {
  color: #5382b9 !important;
}

.yellow-txt {
  color: #ff9300;
}

.green-txt {
  color: #05cd7e;
}

.red-txt {
  color: #e53f5f;
}

.mw-470 {
  max-width: 470px !important;
}

.hint-lbl {
  float: right;
  font-size: 13px;
  color: #b5b5b5;
}

.light-bg-input input {
  background: #f2f2f2 !important;
  border: none !important;
}

textarea {
  line-height: normal !important;
}

.gray-btn {
  background: #d1d1d1 !important;
  color: #fff !important;
}

.gray-btn:hover {
  background: #bebebe !important;
}

.gray-txt {
  color: #b5b5b5 !important;
}

.enquiry-tbl tr.selected input[type="text"] {
  background: #fff !important;
  border: 1px solid #d1d1d1 !important;
  border-radius: 5px !important;
  height: 25px !important;
}

/*======================
  11.INTERVIE SCHEDULE CSS
========================*/

.w-56 {
  width: 56px;
  height: 56px;
}

.table-left-col {
  width: 730px;
  float: left;
  padding-right: 5px;
}

.table-right-col {
  width: calc(100% - 730px);
  float: left;
}

.left-blank-space {
  height: 35px;
  margin-bottom: 5px;
}

.interview-table td,
.interview-table th {
  height: 32px !important;
  padding: 0 7px !important;
}

.interview-table.v-data-table {
  border-radius: 0;
}

.interview-table .v-input--selection-controls__ripple {
  display: none;
}

.interview-table .v-input--selection-controls__input {
  height: 18px;
  margin: auto;
}

.date-header {
  background: #c7d0e8;
  border: 1px solid #dce4ed;
  color: #325a81;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 600;
}

.owl-prev {
  position: absolute;
  top: 6px;
  left: 10px;
}

.owl-next {
  position: absolute;
  top: 6px;
  right: 10px;
}

.owl-prev.disabled,
.owl-next.disabled {
  display: none;
}

.interview-table th,
.interview-table td {
  border-right: 1px solid #efefef !important;
}

.fixed-90h {
  height: 103px;
  overflow: hidden;
}

.recomdation-box label {
  font-weight: 600 !important;
}

.save-btn-blue {
  min-width: 100px !important;
}

.sm-btns {
  min-width: 100px;
  min-height: 28px !important;
  border-radius: 50px !important;
  font-size: 12px !important;
  line-height: 14px !important;
}

.resnson-area textarea {
  background: #fafafa !important;
  border: none !important;
  height: 200px !important;
  resize: none !important;
}

.vc-popover-caret {
  display: none !important;
}

/*.calendar-icon input{
    position:relative;
}
.calendar-icon input{
  padding-right: 20px !important;
}
  .calendar-icon .vc-reset:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    background: url(../images/calendar-blc.png);
    height: 12px;
    width: 12px;
    display: block;
    background-size: 12px;
    background-repeat: no-repeat;
  }
*/

/*
td .vc-popover-content-wrapper{
    left:auto !important;
    right:auto !important;
}*/

.v-date-picker-table td,
.v-date-picker-table th {
  text-align: center;
  position: relative;
  padding: 0 !important;
  border: none !important;
}

.v-date-picker-table tr:hover {
  background: transparent !important;
}

.date-pick .v-text-field > .v-input__control > .v-input__slot:before {
  display: none;
}

.date-pick .v-input__slot {
  background: #fff !important;
  border: 1px solid #d1d1d1 !important;
  border-radius: 5px !important;
  height: 25px !important;
}

.enquiry-tbl tr.selected .date-pick input {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  height: auto !important;
  font-size: 11px !important;
  padding-left: 4px;
}

.date-pick .v-icon {
  font-size: 13px !important;
  margin-top: 0 !important;
}

.date-pick .v-input__icon {
  width: 18px !important;
  min-width: 18px !important;
}

.date-pick .v-text-field .v-input__append-inner {
  padding: 0 !important;
}

.theme--light.v-application {
  background: transparent !important;
  color: #475865 !important;
}

.text-danger-icon {
  position: absolute;
  top: 5px;
  right: 5px;
}

.light-blue-txt {
  position: relative;
}

.text-danger-icon img {
  width: 12px;
}

.v-application--is-ltr .v-treeview-node__toggle {
  webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}

.theme--light.v-tabs > .v-tabs-bar {
  background-color: transparent !important;
}

.v-application .pl-10 {
  padding-left: 10px !important;
}

.selected-tr {
  background-color: #b4ccea !important;
}

.mx-datepicker {
  font-family: "Source Sans Pro", sans-serif !important;
}

.skills-list {
  color: #2f2f2f;
  font-size: 13px !important;
}

.skills-list li {
  padding: 5px;
  border-bottom: 1px solid #dce4ed;
  font-size: 13px !important;
}

.skills-title {
  color: #2c2c2c;
  font-weight: 600;
}

.driving-checkbox label {
  font-size: 13px;
  color: #2c2c2c !important;
}

.skill-radio.v-input--selection-controls,
.driving-checkbox label {
  margin: 0 !important;
}

.skill-radio .v-input--selection-controls__input,
.driving-checkbox .v-input--selection-controls__input {
  margin-right: 0 !important;
}

.w-115 {
  width: 115px !important;
}

.driving-checkbox {
  min-width: 40px;
}

.main-area {
  margin-top: 45px;
}

.profile-dropdown .btn.btn-link {
  margin: 0 !important;
}

.col-50 {
  width: 50%;
  float: left;
  padding-right: 5px;
}
.calendar-right {
  width: 240px;
  background: #f7f9fc;
}
.calendar-left {
  width: calc(100% - 240px);
}
.calendar-right-header {
  height: 42px;
  padding: 10px;
  font-size: 14px;
  background: #fafafa;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.schdule-box {
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 1px 2px 3px #00000029;
  border-radius: 3px;
}
.schdule-box .schedule-header {
  background: #0fb8cb 0% 0% no-repeat padding-box;
  border-radius: 3px 3px 0px 0px;
  color: #fff;
  text-align: center;
  padding: 5px 20px;
  font-size: 12px;
  min-height: 25px;
  display: flex;
  align-items: center;
}
.btns-edits {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  color: #ff7f27;
}
.scroll-scheduler {
  height: calc(100vh - 116px);
  overflow: auto;
}
.scheduler-height {
  height: calc(100vh - 120px) !important;
}
.e-schedule-table td {
  vertical-align: top !important;
}
.e-outer-table > tbody > tr > td {
  padding: 0 !important;
}
.e-schedule .e-month-view .e-appointment {
  /*background: #0fb8cb !important;*/
  border: none !important;
  border-radius: 5px;
  color: #fff;
  left: -5px !important;
}
.e-schedule .e-month-view .e-work-cells {
  height: 70px !important;
}
.start-interview {
  padding-top: 50%;
}
.v-application--is-ltr .v-textarea.v-text-field--enclosed .v-text-field__slot {
  margin: 0 !important;
}

.text-danger-icon {
  top: 0;
  color: red;
  font-size: 12px;
  margin-top: 5px;
}
.tab-header {
  background: #475865;
  padding: 10px 0;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tab-logo {
  width: 100px;
  display: flex;
  align-items: center;
  color: #fff;
}
.tab-logo img {
  margin-right: 10px;
}
.scroll-area-tab .scroll-area1 {
  height: calc(100vh - 60px);
  overflow: auto;
  padding-bottom: 15px;
}
.scroll-area-tab > .p-a-5 > .pb-5 {
  padding: 0 !important;
}
.abs-delete-btn {
  position: absolute;
  right: -10px;
  top: -5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.abs-delete-btn img {
  background: #fff;
  padding: 5px;
  width: 24px !important;
  border: 1px solid #ababab;
  border-radius: 50px;
}
.e-filemanager {
  background-color: #fff !important;
}
.sub-left-menu {
  width: 300px;
  float: left;
  display: block;
  margin-right: 10px;
}
.sub-ttl {
  height: 35px;
  background: #f9fafc;
  color: #acb7c2;
  font-size: 12px;
  border: 1px solid #e8e8e8;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 20px;
}
.lists-menus li a {
  height: 50px;
  padding: 0 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #475865;
  font-size: 14px;
  background-color: #fff;
  border: 1px solid #e8e8e8;
  margin-top: -1px;
  font-weight: 600;
}
.lists-menus li a.active,
.lists-menus li a:hover {
  color: #1983ff !important;
}
.lists-menus li a img {
  width: 24px;
}
.v-text-field.v-text-field--solo.table-textarea .v-input__control {
  height: 50px;
  padding: 5px 0;
}
.table-textarea textarea {
  height: 40px !important;
  background: #fff !important;
}
.table-textarea .v-text-field__slot,
.table-textarea .v-input__slot {
  background: transparent !important;
  height: 40px !important;
}
.interview-table .v-input--selection-controls__input {
  margin: 0px auto !important;
}
.fixed-90h {
  overflow: auto;
}

.full-left-col {
  width: calc(100% - 310px) !important;
}
.full-left-col .v-input--radio-group.v-input--radio-group--row .v-radio {
  margin: 0 auto !important;
}
.clock-icon .v-input__icon--prepend,
.clock-icon .v-input__icon--prepend {
  position: absolute;
  right: 10px;
  z-index: 2;
}
/*.clock-icon .v-input {
    padding:0;
    margin:0;
}*/
.warning-msg .msg-top {
  color: #714a14;
}
.mw-80,
.mw-80 input {
  min-width: 80px;
}
nav.navbar {
  height: 75px !important;
}
.e-rte-hidden {
  display: none !important;
}
.e-richtexteditor.e-rte-full-screen {
  z-index: 99999 !important;
}
.custom-paggination ul {
  padding: 0;
  display: flex;
  list-style: none;
  margin: 0;
  padding-left: 0 !important;
}
.custom-paggination li {
  margin: 0 5px;
}
.goto {
  font-size: 14px;
}
.goto input {
  margin: 0 5px;
  height: 25px;
  border: 1px solid #ddd;
  border-radius: 3px;
  width: 30px;
  background: #fff;
}
.viewer-toolbar > ul > li::before {
  position: absolute;
}