/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */


body {
  font-size: 13px !important;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 15px;
  /* font-family: "tahoma"; */
  font-family: "Arial", sans-serif;
  background-color: #f5f5f5;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
  margin: 0
}

:root {
  --nBlue: #000099;
  --sBlue: #d7ebff;
  --yellow-bg: #eeeecc;
}

.transition {
  -webkit-transition: ease-in-out .3s;
  -moz-transition: ease-in-out .3s;
  -ms-transition: ease-in-out .3s;
  -o-transition: ease-in-out .3s;
  transition: ease-in-out .3s;
}



p {
  line-height: 1.5;
  margin-bottom: 0px;
  font-size: 11px;
  color: #333;
  font-weight: 400;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  text-decoration: none
}

button:focus {
  outline: none;
  box-shadow: none !important;
}

table {
  margin: 0 !important;
  width: 100%;
}

.btn-primary {
  background-color: #54658d;
  border: 0
}

table tr th {
  text-align: left;
}

.btn {
  text-transform: uppercase;
  border: 0;
  -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
  font-weight: 500;
  padding: .625rem 1.5rem .5rem;
  font-size: .75rem;
  line-height: 1.5;
  letter-spacing: .5px;
}

.btn:hover,
.btn-primary:focus {
  -webkit-box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 4px 10px 0 rgb(0 0 0 / 20%), 0 4px 20px 0 rgb(0 0 0 / 10%);
  background-color: #00cba1 !important;
  border-color: unset !important;
}

.form-control:focus {
  box-shadow: none;
  outline: 0;

}

header .mn-link .mn-a {
  color: #000;
  font-size: 14px;
  display: block;
  padding: 4px 5px;
  background-color: transparent;
  border: 1px solid transparent;
}

header .mn-link .mn-a:hover {
  background-color: #cde8ff;
  border: 1px solid #a2d1f9;
}


.left-nav {
  z-index: 99;
  position: fixed;
  left: -100%;
  top: 60px;
  height: calc(100vh - 60px);
  width: 286px;
  /* background-image: url('../images/bg-1.jpg'); */
  padding-top: 0;
  padding: 15px;
  transition: .5s;
  overflow: auto;
  border-right: 1px solid #eee;
  background-color: #fff;

  /* background-size: 100%;
    background-repeat: no-repeat;
    background-position: bottom;
    background-color: #dcf0ed; */
}

.left-nav ul li {
  margin-bottom: 5px;
}

.left-nav i:hover {
  color: #000
}

header {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 40px;
  z-index: 1;
  display: flex;
  align-items: center;
  /* border-bottom: 1px solid #ccc; */
  height: 60px;
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  z-index: 999;
}


.md-header {
  padding: 15px;
  border-bottom: 1px solid #ccc;
}

.md-widget {
  padding: 15px;
}

.w-140 {
  width: 140px
}

table,
th,
td {

  font-size: 12px;
}

.custom-btn {
  font-size: 15px;
  font-weight: 500;
  border-radius: 30px;
  padding: 13px 60px;
  background-color: #2161ac;
  color: #fff;
  border: none;
}

.main-wrapper {
  background: #f3f3f3
}

.main-widget {
  transition: .5s;
  padding: 75px 15px 15px 15px;

}

.logo {
  margin-top: 0px;
  margin-bottom: 40px;
}

.sidebar-nav {
  width: 100%;
  max-width: 255px;
}

.searchbar-outer {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  border-radius: 24px;
  background-color: #dcf0ed;
  width: 526px;
  height: 44px;
  font-size: 14px;
  border: 1px transparent;
  margin: 0px;
  padding: 1px
}

.searchbar-img-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  padding-left: 16px;
  padding-right: 12px;
}

.searchbar-img-box img {
  width: 24px;
  height: 24px;
}

.searchbar-outer input {
  font-size: 16px;
  width: 100%;
  background-color: #dcf0ed;
  outline: none;
  border-radius: 24px;
  text-align: left;
  border: none;
  padding: 0px;
  appearance: none;
  color: rgb(51, 51, 51);
  font-weight: 500;
}

.sidebar-nav ul li a.menu-toggle {
  position: relative;
  border-bottom: 0;
  width: 100%;
  display: block;
  text-align: left;
  padding: 8px 15px;
  color: #000;
  font-size: 14px;
  font-weight: 500;

}

.sidebar-nav ul li a span {
  margin-top: 4px;
  font-size: 14px;
  display: inline-block;
  margin-left: 5px;
  font-weight: 500;
}

.menu-icon .fa {
  font-size: 17px;
}

.sidebar-nav ul li a.menu-toggle .menu-right-arrow {
  position: absolute;
  right: 12px;
  top: 18px;
  font-size: 9px;
}

.menu-icon {
  margin-right: 8px;
}

.sidebar-nav ul.sub-menu {
  display: none;
  font-size: 14px;
  background-color: #e8f3f1;
  border-radius: 6px;
  margin-top: 2px;
}

.sidebar-nav ul.sub-menu li {
  padding: 0;
  margin: 0;
}

a.menu-toggle.rotate .fa-chevron-right {
  transform: rotate(90deg);
}

.dropdown-item {
  font-size: 13px;
}

.sgf-content {
  padding: 15px;
  background-color: #fff;
}

.db-mx {
  max-width: 400px;
  margin: 0 auto;
  width: 100%;
}

.db-search {
  position: relative;
}

.db-search .form-control {
  height: 50px;
  border-radius: 30px;
  margin: 20px 0;
}

.db-search button {
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  height: 100%;
  padding: 0px 20px;
  border: 0;
  background: #00cba1;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}

.left-arrow {
  padding: 10px 15px;
  background: #00cba1;
}

.left-arrow .fa {
  color: #fff;
  font-size: 20px;

}

.left0 {
  left: 0;
}

.pd-left {
  padding: 74px 15px 15px 300px;

}

.nav-toggle {
  background-color: #00cba1;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 80px;
  left: 15px;
  border-radius: 8px;
  cursor: pointer;
}

.nav-toggle .fa {
  color: #fff;
  font-size: 20px;

}



.sub-menu-t {
  border-bottom: 0;
  width: 100%;
  display: block;
  text-align: left;
  padding: 8px 15px;
  color: #000;
  /* background-color: #b4efdc; */
  position: relative;
  padding-left: 30px;
  font-size: 13px;
  border-radius: 6px;
  font-family: "Literata";
}

.sub-menu-t:after {
  content: "";
  position: absolute;
  left: 16px;
  top: 2px;
  bottom: 0;
  margin: auto;
  width: 7px;
  height: 7px;
  background: #000;
}

.sub-menu-t:hover {
  color: #05205f;
}

.links-listing li a {
  background: #f7f7f7;
  padding: 13px 20px;
  display: inline-block;
  border-radius: 4px;
  margin-bottom: 15px;
  font-size: 14px;
}

.links-listing li:last-child a {
  margin: 0
}

.links-listing li a:hover {
  background-color: #00cba1;
  color: #fff;
}


.sub-menu.sub-block {
  display: block !important;
}

.sub-menu.sub-block li a.sub-active,
a.sub-active {
  background-color: #00cba1;
  color: #fff;
  display: block !important;
}

.custom-accordion .card-header {
  background: #00cba1;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  border: 0;
}

.custom-accordion .card-body {
  background-color: #f5f5f5;
}

.custom-accordion .card {
  border: 0;
  margin-bottom: 15px;
  border-radius: 0;
}

.menu-single {
  position: relative;
  border-bottom: 0;
  width: 100%;
  display: block;
  text-align: left;
  padding: 8px 15px;
  color: #fff;
  border-bottom: 1px solid #000;
}

.menu-single:hover {
  color: #fff;
}

._profile {
  width: 30px;
  height: 30px;
  background-color: #ccc;
  border-radius: 100%;
  margin-right: 5px;
}

._profile img {
  width: 30px;
  height: 30px;
  background-color: #ccc;
  border-radius: 100%;
  margin-right: 5px;
}


.h-right .dropdown-toggle::after {
  position: absolute;
  right: -5px;
  top: 0;
  margin: auto;
  bottom: 0;
  height: 0px;
}

.user-txt {
  font-size: 14px;
  margin-right: 8px;
}

.txt-clr {
  color: #05205f;
}

.main-widget-2 {
  padding: 80px 35px 15px 15px;
}

.video-mx {
  max-width: 700px;
  margin: 0 auto
}

.videoF {
  width: 100%;
  height: 400px
}

.login-widget {
  padding: 85px 15px 15px 15px;
  background-image: linear-gradient(to right, #44d4d5, #44d4d5, #67e1e3, #93dedf);
  height: 100vh;
}

.login-mx {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  padding: 20px;

}

.honk-f {
  font-family: "Literata";
  font-size: 25px;
}

.menu-toggle.rotate {
  background-color: #b4efdc;
  border-radius: 6px;
}



.sidebar-nav li.active {
  background-color: #54658d;
  border-radius: 6px;
}

.sidebar-nav li:hover {
  background-color: #54658d;
  border-radius: 6px;
}

.sidebar-nav li.active span,
.sidebar-nav li.active .fa {
  color: #fff;
}

.sidebar-nav li:hover span,
.sidebar-nav li:hover .fa {
  color: #fff;
}

.h-right .dropdown-menu {
  transform: translate3d(-49px, 30px, 0px) !important;
}

.header-logo {
  margin-right: 30px;
}

.header-logo img {
  width: 75px
}

.ham-menu {
  margin-right: 30px;
}

.sag-logo img {
  width: 125px;
  margin-right: 20px;
}

.input-search {
  width: 100%;
  width: 526px;
  position: relative;
}

.input-search input {
  background-color: rgb(240, 241, 242);
  height: 44px;
  font-size: 16px;
  border-radius: 24px;
  padding: 10px 10px 10px 50px;
}

.input-search-icon {
  position: absolute;
  top: 11px;
  left: 20px;
}

.dropdown-menu {
  padding: 3px;
  top: 13px !important;
}

.dropdown-item {
  padding: 5px 10px;
}

.box-heading {
  font-size: 16px;
  font-weight: 500;
  border-bottom: 1px solid #d7d7d7;
  color: #2696df;
  font-weight: 600;
  padding-bottom: 10px;
}

.right-panel {
  top: 60px;
  right: 0;
  height: calc(100vh - 60px);
  width: 100%;
  max-width: 280px;
  position: fixed;
}

.top-apps-box {
  width: 100%;
  background: #a0d9ff;
  padding: 12px 12px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  border: none;
}

.top-apps-img-bx {
  width: 24px;
  margin-right: 5px;
}

.top-app-text-bx a {
  color: #000;
  font-size: 13px;
  font-weight: 500;
}

.view-all-app-btn {
  display: flex;
  align-items: center;
  border: none;
  background: none;
}

.all-app-txt a {
  font-size: 13px;
}

.all-app-img {
  margin-right: 10px;
}

.all-app-txt a:hover {
  color: #000;
  text-decoration: underline;
}

.revenue-strip-box {
  display: flex;
  justify-content: center;
  align-items: center;
}

.revenue-btn {
  border: none;
  width: 100%;
  margin-right: 10px;
  border-radius: 5px;
  padding: 30px 20px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
}

.revenue-btn p {
  font-size: 25px;
}

.revenue-btn h1 {
  font-size: 15px;
  font-weight: 400;
}

.revenue-btn:nth-child(even) {
  background-color: #4befdc;
}

.revenue-btn:nth-child(even) h1,
.revenue-btn:nth-child(even) p {
  color: #000000;
}

.revenue-btn:nth-child(odd) {
  background-color: #2696df;
}

.revenue-btn:nth-child(odd) h1,
.revenue-btn:nth-child(odd) p {
  color: #fff;
}


.revenue-btn:last-child {
  margin-right: 0px;
}


.before-rounded-bx {
  position: absolute;
  bottom: -24px;
  width: 70px;
  height: 70px;
  background-color: #5a6c66;
  right: -10px;
  border-radius: 100px;
}

.after-rounded-bx {
  position: absolute;
  top: -24px;
  width: 80px;
  height: 80px;
  background-color: #22262594;
  right: -40px;
  border-radius: 100px;
}

.before-rounded-bx-2 {
  position: absolute;
  bottom: -24px;
  width: 70px;
  height: 70px;
  background-color: #7d7dff;
  right: -10px;
  border-radius: 100px;
}

.after-rounded-bx-2 {
  position: absolute;
  top: -24px;
  width: 80px;
  height: 80px;
  background-color: #7373ef82;
  right: -40px;
  border-radius: 100px;
}


.rounded-sm {
  background-color: #fff;
}

.welcome-stripe-box h1 {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 0;
}

.welcome-stripe-box p {
  font-size: 18px;
  font-weight: 400;
}

.my-task-box {
  width: 100%;
  background-color: #fff;
  border-radius: 1rem;
  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px;
  padding: 20px;
}

.task-header h1 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  color: rgb(51, 51, 51);
  margin-bottom: 15px;
}

.hide-task-box {
  width: 30px;
  height: 30px;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.hide-task-box img {
  width: 20px;
  height: 20px;
}

.hide-task-box:hover {
  background-color: #f0f1f2;
}

.awaiting-action-section ul li {
  background-color: rgb(255, 255, 255);
  width: 100%;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 10px 15px;
  text-align: start;
  border: none;
  margin-bottom: 15px;
}

.awaiting-action-section ul li:hover {
  background-color: #e8ebed;
}

.task-img-box {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  /* height: 60px; */
  width: 60px;
  background: rgb(240, 241, 242);
  margin-right: 20px;
  padding: 15px;
}

.inner-text-box h2 {
  font-size: 15px;
  line-height: 15px;
  font-weight: 700;
  color: rgb(51, 51, 51);
}

.inner-text-box p {
  font-size: 13px;
  color: rgb(73, 73, 73);
  margin-top: 10px;
  font-weight: 400;
}

.go-to-mypage {
  margin-top: 10px;
  background-color: transparent;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  color: #0875e1;
  border: none;
}

.go-to-mypage img {
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

.go-to-mypage a {
  text-decoration: underline;
  font-size: 13px;
  font-weight: 700;
  color: #0875e1;
}

.go-to-mypage:hover {
  background-color: #e8ebed;
}

.form-main-wrapper {
  height: 100vh;
  display: flex;
}

.login-image-box {
  background: linear-gradient(0deg, rgba(33, 97, 172, 0.7), rgba(33, 97, 172, 0.7)), url("../images/login.jpg");
  background-size: cover;
  background-position: center;
  width: 40%;
  position: relative;
}

.login-image-text {
  position: absolute;
  bottom: 110px;
  left: 30px;
  width: 100%;
  max-width: 354px;
}

.login-image-text h1 {
  font-size: 40px;
  font-weight: 700;
  margin-bottom: 20px;
  color: #fff;
}

.login-image-text p {
  font-size: 15px;
  font-weight: 400;
  line-height: 25px;
  color: #fff;
}

.login-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 60%;
  position: relative;
}

.login-logo-img {
  position: absolute;
  top: 15px;
  right: 15px;
}

.login-logo-img img {
  width: 100px
}

.login-form-inner-box {
  max-width: 400px;
  width: 100%;
  margin: 0px auto;
}

.login-form-content {
  margin-bottom: 40px;
}

.login-form-content h1 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.login-form-content p {
  font-size: 15px;
  font-weight: 400;
}



.form-label {
  font-size: 15px;
  font-weight: 500;
}

.form-input {
  border-radius: 30px;
  padding: 21px 25px;
  background-color: #e9e9e9;
  font-size: 14px;
  border: none;
  font-weight: 500;
}

.form-input:focus {
  background: #e9e9e9;
  outline: none;
}

.login-btn {
  margin-top: 50px;
}

.cstm-table table thead tr th {
  font-size: 12px;
  font-weight: 600;
}

.cstm-table table tbody tr td {
  font-size: 12px;
  font-weight: 500;
}

/* footer css */

footer {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footer-logo img {
  width: 80px;
}

footer p {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  margin-top: 10px;
}

.notf {
  font-size: 20px;
  margin-right: 20px
}

.banner-section {
  background-image: url('../images/dummy-banner.png');
  height: 192px;
  width: 100%;

}

.table-bg {
  background-color: #fff;
}

.inp-widget {
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  border-radius: 6px;
}

.upload-sec {
  position: relative;
}

.type-file {
  position: absolute;
  top: 9px;
  left: 15px;
  width: 100%;
  height: 100%;
  font-size: 10px;

}

.dash-c {
  display: block;
  width: 100%;
  height: 1px;
  border: 1px solid;
  border-style: dashed;
}

.danger-c {
  color: #ff0000;
}

.click-anc {
  color: #000099;
  font-weight: 600;
  text-decoration: underline;
}

.select-dot {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #fff;
  margin: auto;
  cursor: pointer;
}

.select-dot-green {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #008000;
  margin: auto;
  cursor: pointer;
}

.select-dot-red {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #ff0000;
  margin: auto;
  cursor: pointer;
}

.select-dot-grey {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #707070;
  margin: auto;
  cursor: pointer;
}

.select-dot-pink {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #ffc0cb;
  margin: auto;
  cursor: pointer;
}

.select-dot-black {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #000;
  margin: auto;
  cursor: pointer;
}

.select-dot-yl {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: #e6ad0b;
  margin: auto;
  cursor: pointer;
}


.w-200 {
  width: 200px
}

.fnt-13 {
  font-size: 13px;
  font-weight: 400
}

.form-control {
  font-size: 11px;
  height: 34px;
  border-radius: 3px;
  border: 1px solid #c1c1c1;
  cursor: auto;
  font-weight: 500;
}

.form-control:focus {
  background-color: #fff !important;
}

label {
  margin-bottom: 0;
  font-size: 13px;
  font-weight: 500;
}

.table td,
.table th {
  vertical-align: middle;
}

.form-control:focus {
  border: 1px solid #c1c1c1 !important;
  background: #d9d9d9;
}

.new-upload-dashboard .form-control {
  font-size: 14px;
  padding: 9px;
}

.main-search {
  padding-left: 0;
}

.card-bg-2 {
  background-color: #e4ebef;
}

.table-c thead tr th {
  vertical-align: middle;
  text-align: center;
  padding: 10px 4px;
  font-size: 11px;
}

.table-c tbody tr td {
  vertical-align: middle;
  text-align: center;
  padding: 10px 4px;
  font-size: 11px;
}

.header-bg-1 {
  background-color: #fff;
}

.total-dot {
  background-color: #fff;
}

.exel-c {
  font-size: 20px;
}

.text-left {
  text-align: left;
}

.header-bg-3 {
  background: #3bd1b2;
  font-weight: 600;
  min-height: 63px;
  align-items: center !important;
  display: flex !important;
}



.table-bar-info-green {
  display: inline-block;
  background: #ebfff0;
  border: 2px solid #5bb271;
  padding: 3px 2px;
  border-radius: 4px;
  font-size: 12px;
}

.table-bar-info-green .fa {
  color: #5bb271;
}

.table-bar-info-grey {
  display: inline-block;
  background: #f0f0f0;
  border: 2px solid #b3b8be;
  padding: 3px 4px;
  border-radius: 4px;
  font-size: 12px;
}

.mx-900 {
  max-width: 1200px
}

.w100 {
  width: 100px
}

.modal-table thead tr th {
  font-size: 11px;

}

.modal-table tbody tr td {
  font-size: 11px;

}

.modal-table .form-control {
  width: 79px;
  height: 25px;
}

.mx-700 {
  max-width: 700px;
}

.delete-btn {
  background: transparent;
  border: 0;
  color: #ff0000;
  font-size: 14px;
  cursor: pointer;
}

.fa-fnt {
  color: #008000;
  font-size: 14px;
  cursor: pointer;
}

.db-bx-v {
  position: relative;
  height: 90px;
  padding: 20px;
  box-shadow: 7px 0 60px rgba(0, 0, 0, 0.05);
  border-radius: 5px;
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  display: flex;
  align-items: center;
}

.db-bx-v {
  background-color: #00cba1;
}

.voe-db-bx .db-bx-v h6 {
  color: #fff;
  font-weight: 700;
}

.voe-db-bx .db-bx-v span {
  display: block;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

.voe-db-bx li {
  margin-bottom: 30px;
}

.voe-db-bx .fa-eye {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #fff;
  font-size: 20px;
}

.fnt-red {
  color: #ff0000;
}

.fnt-green {
  color: #008000;
}

.voe-db-bx .fa-file {
  position: absolute;
  right: 15px;
  bottom: 15px;
  color: #fff;
  font-size: 18px;
}

.inp-h {
  font-size: 18px;
  margin-bottom: 15px;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 15px;
}

.btn-sm {
  padding: 9px 10px;
  font-size: 11px;
}

.custom-tab .nav-tabs .nav-link {
  border: 0px solid transparent;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background: #e7e4e4;
  font-size: 14px;
  border-right: 2px solid #ffffff;
}

.travel-tabber .tab-content .tab-pane {
  display: block;
  opacity: 1;
}

.custom-tab .nav-tabs .nav-link.active {
  background-color: #fff;
}

.config-bg {
  background-color: #a7a5a5 !important;
}

.config-bg .fa {
  font-size: 34px;
  color: #fff;
  margin-top: 10px
}

.config-bg h6 {
  color: #fff;
}

textarea {
  padding: 7px 25px !important;
}

.ml-2 {
  margin-left: 10px
}

.pd-l-300 {
  padding-left: 300px
}

.inner-left-mnu {
  position: fixed;
  left: 0;
  top: 60px;
  height: calc(100vh - 60px);
  background-color: #fff;
  width: 286px;
  padding: 15px
}

.inner-left-mnu ul li a {
  padding: 8px 15px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.inner-left-mnu ul li a:hover {
  background-color: #60e7da;
  border-radius: 6px;
}

.inner-left-mnu ul li a.active {
  background-color: #60e7da;
  border-radius: 6px;
}

.inner-m-icn {
  width: 20px
}


/* calender */

#date {
  width: 150px;
  outline: none;
  border: 1px solid #aaa;
  padding: 6px 28px;
  color: #aaa;
}

.date-container {
  position: relative;
}

.date-icon {
  position: absolute;
  top: 33px;
  cursor: pointer;
  color: #aaa;
  right: 24px;
}

.progress-widget ul li {
  background-color: #fff;
  height: 217px;
  padding: 15px;
  width: 33.33%;
  float: left;
  border-right: 2px solid #e9ecef;
  border-bottom: 2px solid #e9ecef;
}

.progress-widget ul li:nth-child(1),
.progress-widget ul li:nth-child(4) {
  border-left: 2px solid #e9ecef;

}

.clearfix {
  clear: both
}

.clearfix:after,
.clearfix:before {
  display: block;
}

.jamaica-bg .progress-bar,
.jamaica-bg .db-bx-v {
  background-color: #299f67;
}

.india-bg .progress-bar,
.india-bg .db-bx-v {
  background-color: #f7651f;
}

.usa-bg .progress-bar,
.usa-bg .db-bx-v {
  background-color: #be1336;
}

.philippines-bg .progress-bar,
.philippines-bg .db-bx-v {
  background-color: #0038a8;
}

.colombia-bg .progress-bar,
.colombia-bg .db-bx-v {
  background-color: #f7c600;
}

.table-wh {
  background-color: #fff;
}

._active {
  background-color: #a7a5a5 !important;
}

.inn-left-bx {
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  background-color: #00cba1;
  border-radius: 3px;
  padding: 15px;
  margin-bottom: 15px;
}

.inn-left-bx span {
  color: #fff;
  font-weight: 600;
}

._count {

  text-align: center;
  font-size: 20px;
  color: #000 !important;
}

#chartContainer canvas {
  height: 300px !important
}

.canvasjs-chart-canvas {
  width: auto !important
}

#chartContainer {
  position: relative;
  left: 0;
  right: 0;
  height: 300px
}

.txt-danger {
  color: #ff0000;
}

.txt-success {
  color: #097a25;
}

.ind-eye {
  color: #fff;
  font-size: 20px;
  position: relative !important;
  right: 0 !important;
  top: 0 !important;
}

.agnt-bxs {
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  border-radius: 5px;
}

.icn-bx {
  background-color: #fff;
  padding: 15px;
  height: 50px;
  width: 50px;
  border: 1px solid #eee;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px
}

.icn-bx.hw-100 {
  height: 100px;
  width: 100px;
}

.fnt-15 {
  font-size: 15px;
}

.fnt-txt {
  font-size: 12px;
  color: #6c6c6c;
}

.table thead th {
  vertical-align: middle;
  border-bottom: 2px solid #dee2e6;
  background: #54658d;
  color: #fff;
  border: 0;
}

.table-bordered td,
.table-bordered th {
  border: 0
}

.table tbody tr:nth-child(odd) {
  background-color: #f5f5f5;
}

.table tbody tr:nth-child(even) {
  background-color: #fff;
}

.ps-relative {
  position: relative;
}

.input-file {
  position: absolute;
  width: 100%;
  top: 7px;
  left: 7px;
  font-size: 10px;
}

.card-header {
  background: #54658d;
  color: #fff;
}

#select-hide {
  display: none;
}

.show-select {
  display: block !important;
}

.total-bg {
  background-color: #54658d !important;
  color: #fff;
}

.min-h-txt {
  min-height: 162px;
}

.form-new {
  display: none;
}

.form-show {
  display: block;
}

.form-hide {
  display: none
}

.inp-circle {
  width: 260px;
  height: 260px;
  background: #53648c;
  display: flex;
  border-radius: 100%;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.inp-circle p {
  color: #fff;
}

.inp-circle span {
  color: #fff;
  display: block;
  font-size: 18px;
  font-weight: 600;
  margin-top: 2px
}

.index-h {
  font-size: 18px;
}

.index-h span {
  font-weight: 600;
  color: #53648c;
}


.slider-container {
  position: relative;
  width: 80%;
  margin: 0 auto;
}

.slider {
  display: flex;
  overflow: hidden;
}

.slide img {
  width: 100%;
  display: block;
}

.thumbnail-container {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.thumbnail {
  width: 60px;
  margin: 0 5px;
  cursor: pointer;
}

.thumbnail img {
  width: 100%;
  opacity: 0.7;
}

.thumbnail:hover img {
  opacity: 1;
}

.active-slide {
  transition: transform 0.5s ease;
}

.active-thumbnail img {
  opacity: 1;
}

.owl-carousel .item img {
  width: 100%;
  height: auto;
}

.owl-thumbnails {
  display: flex;
  justify-content: center;
  background: rgba(0, 0, 0, .4);
  font-size: 13px;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  bottom: 0;
  z-index: 1;
}

.owl-thumbnails .thumb.active {
  border-top: 4px solid #00cba1;
}

.owl-thumbnails .thumb {
  width: 33.33%;
  cursor: pointer;
  border-top: 4px solid transparent;
  padding: 15px;
  color: #fff;
}

.owl-thumbnails .thumb img {
  width: 100%;
  height: auto;
}

.owl-carousel .owl-stage-outer {
  height: 350px
}

.owl-nav {
  display: none;
}


.bx-shadow {
  box-shadow: rgba(4, 9, 20, 0.03) 0px 0.46875rem 2.1875rem, rgba(4, 9, 20, 0.03) 0px 0.9375rem 1.40625rem, rgba(4, 9, 20, 0.05) 0px 0.25rem 0.53125rem, rgba(4, 9, 20, 0.03) 0px 0.125rem 0.1875rem;
}

.pr-relative {
  position: relative;
}

.app-listing {
  display: block;
}

.app-listing li {
  width: 31.3%;
  float: left;
  margin-right: 3%;
  margin-bottom: 3%;
}

.app-listing li:nth-child(3n+3) {
  margin-right: 0
}

.app-listing li a {
  display: flex;
  height: 80px;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  box-shadow: rgba(4, 9, 20, 0.03) 0px 0.46875rem 2.1875rem, rgba(4, 9, 20, 0.03) 0px 0.9375rem 1.40625rem, rgba(4, 9, 20, 0.05) 0px 0.25rem 0.53125rem, rgba(4, 9, 20, 0.03) 0px 0.125rem 0.1875rem;
  color: #fff;
}

.app-listing li a p {
  color: #fff;
  font-weight: 600;
  font-size: 14px;

}

.app-listing li a .fa {
  font-size: 17px;
}

.app-listing li:nth-child(1) a {
  background-color: #10ad83;
}

.app-listing li:nth-child(2) a {
  background-color: #31bd9b;
}

.app-listing li:nth-child(3) a {
  background-color: #5bccb4;
}

.app-listing li:nth-child(4) a {
  background-color: #14a1ea;
}

.app-listing li:nth-child(5) a {
  background-color: #3db2ef;
}

.app-listing li:nth-child(6) a {
  background-color: #67c6f1;
}

.app-listing li:nth-child(7) a {
  background-color: #431db0;
}

.app-listing li:nth-child(8) a {
  background-color: #6540c1;
}

.app-listing li:nth-child(9) a {
  background-color: #8968ce;
}

.h-130 {
  height: 130px
}

.grid-float li {
  float: left;
  margin-right: 2%;
  margin-bottom: 2%;
  width: 18.4%;
}

.grid-float li:nth-child(5n+5) {
  margin-right: 0
}

.history-listing li {
  padding: 15px;
  border-bottom: 1px solid #ccc;
}

.history-listing li .alert {
  font-size: 13px;
}

.mx-800 {
  max-width: 800px
}

.mx-270 {
  width: 270px
}

.id-bx {
  height: 150px;
  position: relative;
  padding: 15px;
  border-radius: 10px;
  width: 100%;
  display: flex;
  align-items: center;
}

.id-bx-listing li:nth-child(1) .id-bx {
  background-color: #ff585f;
}

.id-bx-listing li:nth-child(2) .id-bx {
  background-color: #00cd88;
}

.id-bx-listing li:nth-child(3) .id-bx {
  background-color: #06a7db;
}

.id-bx-listing li:nth-child(4) .id-bx {
  background-color: #ffc300;
}

.mx-900 {
  max-width: 700px;
  margin: 0 auto;
  padding: 25px;
  position: relative;
  background-color: #fff;
  border-top: 5px solid #00cba1;
  border-bottom: 5px solid #00cba1
}

.id-bx h6 {
  color: #fff;
  font-size: 30px;
  font-weight: 600
}

.id-bx p {
  color: #fff;
  font-size: 13px;
}

.id-bx .fa {
  color: #fff;
  font-size: 25px;
  position: absolute;
  right: 15px;
  top: 15px
}

.id-bx-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  background: rgba(0, 0, 0, .2);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 29px;
  color: #fff;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.bx-selected .bx-selected-line {
  margin-top: 15px;
  width: 100%;
  height: 5px;
  background-color: #54658d;
}

.right-bg {
  height: 90%;
  background: #fff;
  padding: 20px;
}

.menu-icon .fa {
  font-size: 17px;
}

.menu-icon img {
  width: 17px
}

.tv-list li {
  float: left;
  width: 18.4%;
  margin-right: 2%
}

.tv-list li:nth-child(5n+5) {
  margin-right: 0
}

.tv-list li .travel-widget {
  height: 100px;
  background-color: #cbcbcb;
  padding: 15px;
  border-radius: 2px;
  display: flex;
  align-items: center;
}

.tv-list li .travel-widget:hover {
  background-color: #00cba1;
}

.tv-list li .travel-widget h4 {
  font-size: 16px;
  font-weight: 600
}

.tv-list li .travel-widget:hover h4,
.tv-list li .travel-widget:hover p {
  color: #fff;
}

.sales-listng li {
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
  padding-left: 0;
  margin-bottom: 15px
}

.sales-listng li:last-child {
  border: 0
}

.mx-700 {
  max-width: 900px
}

.step {
  display: none;
}

.step.active {
  display: flex;
}




/* Styling for the selected options display */
#selectedOptions {
  margin-top: 20px;
  font-size: 16px;
}

#displaySelected {
  color: #007BFF;
  font-weight: bold;
}

.bootstrap-select button {
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: none;
  height: 34px;
  padding: 7px 10px;
  width: 200px !important
}

.bootstrap-select button:hover {
  background-color: transparent !important;
  box-shadow: none;
  outline: none;
}

/* styles.css */
.checkbox-container {
  display: block;
  position: relative;
  cursor: pointer;
  font-size: 22px;
  user-select: none;
  height: 150px;
}

.checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 150px;
  width: 100%;
  /* Adjust the width to fit the text */
  background-color: #d5d2d2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  /* Adjust the font size as needed */
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  border-radius: 6px;
  box-sizing: border-box;

}


.date-icon-2 {
  position: absolute;
  top: 11px;
  cursor: pointer;
  color: #aaa;
  right: 10px;
}

.checkbox-container input:checked~.checkmark {
  background-color: #2196F3;
  color: white;
  /* Change text color when checked */
}

.checkbox-container .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.checkbox-container input:checked~.checkmark:after {
  display: block;
}

.h-220 {
  height: 220px
}

.h-370 {
  min-height: 370px;
  display: flex;
  align-items: center;
}

.table-info-p table tr td {
  padding: 5px 0
}

.history-steps ul li {
  margin-bottom: 30px;
  padding-left: 30px;
  position: relative;
}

.step-dot {
  position: absolute;
  left: 0;
  top: 4px;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #00cba1;
}

.step-dot:after {
  content: '';
  position: absolute;
  bottom: -42px;
  width: 2px;
  background: #54658d;
  height: 38px;
  left: 0;
  right: 0;
  margin: auto;
}

.history-steps ul li:last-child .step-dot:after {
  content: none;
}

.req-bx-link {
  background-color: #cbcbcb;
  padding: 15px;
  border-radius: 2px;
  display: flex;
  align-items: center;
}

.mx-720 {
  max-width: 720px
}

.req-bx-link p {
  font-size: 16px;

}

.mr-25 {
  margin-right: 25px
}

.g-clr {
  color: #008000;
}

.r-clr {
  color: #ff0000;
}

.acc-h-txt {
  font-size: 14px;
}

.md-txt {
  color: #54658d;
  font-weight: 600
}

.type-file-new {
  position: absolute;
  top: 7px;
  left: 6px;
  width: 100%;
  height: 100%;
  font-size: 10px;
}

.bx-active {
  background-color: #00cba1;
}

.bx-active p,
.bx-active h5,
.bx-active h6 {
  color: #fff;
}

.login-wrap {
  background-color: #fff;
  padding: 15px;
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  border-radius: 6px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
}

.text-pd {
  padding: 5px !important;
}

.a-link {
  text-decoration: underline;
  color: #54658d;
}

.p-info-txt {
  color: #9f9f9f;
  display: block;
}

.mx-700 {
  max-width: 700px;
}

.fab-icon-edit {
  background-color: #008000;
}

.fab-icon-delete {
  background-color: #ff0000;
}

.mx-1000 {
  max-width: 1000px
}

.tb-bg-2 thead th p {
  color: #fff;
  font-size: 12px;
  font-weight: 600
}

/*---- typography starts from here  -----*/

.pia-production-report .title-flex,
.pia-entry-dashbaord .title-flex,
.create-reports .title-box,
.pia-production-report-details .title-flex,
.pia-audit-selection .title-flex,
.letter .title-flex,
.letter_upload .title-flex {
  background: #1a1a68;
  padding: 10px 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pia-production-report .title-flex h5,
.pia-entry-dashbaord .title-flex h5,
.pia-production-report-details .title-flex h5,
.pia-audit-selection .title-flex h5,
.letter .title-flex h5,
.letter_upload .title-flex h5 {
  color: #fff;
  font-size: 17px;
}

.pia-production-report .title-flex a.back-cta,
.pia-entry-dashbaord .title-flex a.back-cta,
.pia-production-report-details .title-flex a.back-cta {
  background: #fff;
  padding: 5px 20px;
  border-radius: 19px;
  color: #1a1a68;
  font-weight: 600;
  border: 2px solid #1a1a68;
  transition: 0.4s all ease;
  margin: -10px 0px;
}

.pia-production-report .title-flex a.back-cta i,
.pia-entry-dashbaord .title-flex a.back-cta i,
.pia-production-report-details .title-flex a.back-cta i {
  padding-right: 7px;
}

.pia-entry-dashbaord .title-flex a.back-cta:hover,
.pia-production-report .title-flex a.back-cta:hover,
.pia-production-report-details .title-flex a.back-cta:hover {
  transform: translateX(-10px);
}

.pia-entry-dashbaord .title-flex a.back-cta:hover i,
.pia-production-report .title-flex a.back-cta:hover i,
.pia-production-report-details .title-flex a.back-cta:hover i {
  transform: translateX(-2px);
}

.pp-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #cfeacf;
  padding: 15px 15px;
  border-radius: 8px;
  border: 1px solid #000;
}

.range-flex {
  width: 40%;
  display: flex;
  align-items: center;
}

.range-flex label {
  width: 50%;
  background: #0D3E7CFF;
  padding: 6px 12px;
  color: #fff;
  font-weight: 600;
  border-radius: 3px;
  margin-right: 11px;
  text-align: center;
}

.create-reports .submit,
.btn-box .submit,
.btn-box .sub-nxt {
  margin: 12px 11px;
  padding: 4px 20px;
  background: #008000;
  color: #fff;
  font-weight: 600;
  border: 2px solid #008000;
  border-radius: 4px;
  transition: 0.3s all ease;
  float: right;
}

#holiday .flex-box .flex-leave-child .aply-cta {
  position: absolute;
  bottom: 8px;
  right: 4%;
  border: none;
  background: #0c8aae;
  border-radius: 4px;
  padding: 4px 10px;
  font-weight: 600;
  color: #fff;
  font-size: 10px;
}

.pp-flex .cta-box {
  max-width: unset !important;
  margin: 0;
}

.pp-flex .cta-box button.export-cta {
  margin: 0;
  padding: 5px 15px;
  border: 2px solid #93f0b6;
  font-weight: 600;
  border-radius: 4px;
}

.pia-entry-dashbaord .pia-flex:not(:last-child) {
  margin-bottom: 20px;
}

a.view-alls,
a.strt-adit,
a.rework,
a.edit-aud {
  color: #0D3E7CFF !important;
  text-decoration: underline !important;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 14px;
}

td.pend {
  color: #ffa500;
  font-weight: 600;
}

td.comp {
  color: #008000;
  font-weight: 600;
}

.pia-entry-dashbaord .pia-flex .row .green-text label {
  color: #088008;
}

.pia-production-report tbody td a {
  color: blue;
  text-decoration: underline;
}

.move-data .nav-tabs,
.master-map .nav-tabs {
  border-bottom: none;
}

.move-data .nav-tabs .nav-link,
.master-map .nav-tabs .nav-link {
  background: #042262;
  border: 2px solid #042262;
  margin-right: 4px;
  border-radius: 3px;
  color: #fff;
  font-weight: 600;
}

.move-data .nav-tabs .nav-link.active,
.master-map .nav-tabs .nav-link.active {
  color: #042262;
}

.move-data .export-cta,
.master-map .export-cta {
  width: auto;
  margin: 0 0 0px auto;
  display: block;
  padding: 8px 20px;
  font-weight: 600;
}

.incident-my-to-do .title-flex,
.new-upload-dashboard .title-flex,
.line-hr-dashboard .title-flex,
.line-hr-details .title-flex,
.hr-inci-sum .travel-title-box {
  background: #26269a;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 99;
  position: relative;
}

.incident-my-to-do .title-flex h5,
.new-upload-dashboard .title-flex h5,
.line-hr-dashboard .title-flex h5,
.line-hr-details .title-flex h5 {
  color: #fff;
  font-size: 18px;
}

.incident-my-to-do .title-flex a.back-cta,
.new-upload-dashboard .title-flex a.back-cta,
.line-hr-dashboard .title-flex a.back-cta,
.line-hr-details .title-flex a.back-cta {
  background: #e0d8d8;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #000;
  transition: 0.3s all ease;
  display: inline-block;
}

.incident-my-to-do .title-flex a.back-cta:hover,
.new-upload-dashboard .title-flex a.back-cta:hover,
.line-hr-dashboard .title-flex a.back-cta:hover,
.line-hr-details .title-flex a.back-cta:hover {
  color: #000;
}

.incident-my-to-do .title-flex a i,
.new-upload-dashboard .title-flex a i,
.line-hr-dashboard .title-flex a i,
.line-hr-details .title-flex a i {
  margin-right: 10px;
}

.top-table .table thead th {
  text-align: center;
  border-right: 2px solid #fff;
  background: #1a1a68;
}

.top-table .table tbody td {
  background: #fff;
  padding: 10px;
  text-align: center;
}

#linehrdetail .table thead tr th {
  border-top: 2px solid #fff;
}

.line-hr-dashboard .table-bordered td,
.new-upload-dashboard .table-bordered td,
#linehrdetail .table-bordered td {
  border: 1px solid #dee2e6 !important;
}

.line-hr-dashboard tbody tr:nth-child(odd),
.new-upload-dashboard tbody tr:nth-child(odd),
#linehrdetail tbody tr:nth-child(odd) {
  background-color: #fff;
}

.line-hr-dashboard tbody tr:nth-child(even),
.new-upload-dashboard tbody tr:nth-child(even),
#linehrdetail tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}


.line-hr-dashboard .table thead th,
.new-upload-dashboard .table thead th,
#linehrdetail .table thead th {
  color: #000 !important;
  border: 1px solid #dee2e6 !important;
  background-color: #f5f5f5;
}


canvas#myBarChart,
canvas#myBarChartses {
  height: 78px !important;
  width: 70% !important;
}

.line-hr-details .cta button.primary-cta {
  padding: 5px 20px;
  font-size: 16px;
  width: 9%;
  font-weight: 600;
  border: 2px solid #0D3E7CFF;
  transition: all .3s;
  margin-top: -41px;
  margin-bottom: 6px;
  float: right;
}

.line-hr-details .cta button.primary-cta:hover {
  color: #0D3E7CFF;
  background: transparent;
}

.delete-modal .primary-cta,
.withdraw-modal .primary-cta {
  margin-top: 0;
  margin-bottom: 0;
  width: 18%;
  font-weight: 600;
  padding: 6px 10px;
  border: 2px solid #0D3E7CFF;
  transition: 0.3s all ease-in-out;
}

.delete-modal .secondary-cta,
.withdraw-modal .secondary-cta {
  width: 19%;
  padding: 5px 10px;
}

.delete-modal .primary-cta:hover,
.withdraw-modal .primary-cta:hover {
  color: #0D3E7CFF;
  background: transparent;
}

#leave .title-flex,
#attendence .title-flex,
#weekoff .title-flex,
#report .title-flex {
  background: #fff;
  padding: 6px 10px;
  border-radius: 4px;
  margin-bottom: 10px;
}

#leave .title-flex h5,
#attendence .title-flex h5,
#weekoff .title-flex h5,
#report .title-flex h5 {
  font-size: 16px;
  font-weight: 600;
}

/*---- typography ends here  ---*/

/*---- allocation starts from here -----*/

.flex-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.allo-flex-box .right-boxes h3 {
  color: #000;
}

.allo-flex-box {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #ECF0F3;
  padding: 0px;
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
  border-radius: 6px;
  padding-top: 0px;
  flex-direction: row-reverse;
}

.allo-flex-box .left-cols {
  width: 38%;
  margin-left: 3%;
}

.pagination {
  text-align: right;
  width: 100%;
  display: block;
  padding: 20px;
  padding-bottom: 0;
}

.pagin-drop {
  display: flex;
  align-items: center;
}

.pagin-drop .dropdown-box {
  margin-left: 10px;
  margin-top: 10px;
}

.pagin-drop select.value-drp {
  padding: 10px 10px;
  outline: none;
  border: 1px solid #c1c1c1;
  border-radius: 3px;
  cursor: pointer;
}


.pagination a {
  color: black;
  padding: 8px 16px;
  text-decoration: none;
}

.pagination a.active {
  background-color: #54658d;
  color: white;
  border-radius: 5px;
}

.pagination a:hover:not(.active) {
  background-color: #ddd;
  border-radius: 5px;
}

.allo-flex-box img {
  width: 100%;
  min-height: 472px;
}

.cloned-input-section-container {
  max-height: 40vh;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.allo-flex-box .right-boxes {
  width: 95%;
  padding: 15px;
  margin: 0 auto;
}

.title-allo h3 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 22px;
}

.flex-box .left-col {
  width: 33%;
  margin-right: 14%;
}

.flex-box .col-mid {
  width: 6%;
  margin-right: 14%;
}

.flex-box .col-right {
  width: 33%;
}

.flex-box .left-main {
  background: #5c6884;
  padding: 20px;
  min-height: 280px;
  max-height: 280px;
  border-radius: 5px;
  overflow: hidden;
}

.flex-box .right-main {
  background: #5c6884;
  padding: 20px;
  min-height: 280px;
  max-height: 280px;
  border-radius: 5px;
  /* max-height: 28vh; */
  overflow: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.title-box {
  margin-bottom: 20px;
  padding: 11px;
  background: #ffffff;
  border-radius: 3px;
  /* display: inline-block; */
}

.title-box input#selectAll,
.title-box input#selectAllDpt,
.title-box input#selectAllSubp {
  cursor: pointer;
  border-radius: 4px;
  transform: scale(1.4);
  vertical-align: middle;
  margin-left: 4px;
  margin-right: 7px;
}

.cloned-section label {
  margin-bottom: 20px;
  padding: 11px;
  background: #ffffff;
  border-radius: 3px;
  width: 100%;
}

.cloned-section label input.selectAllRight {
  cursor: pointer;
  border-radius: 4px;
  transform: scale(1.4);
  vertical-align: middle;
  margin-left: 4px;
  margin-right: 7px;
}

.fa-long-arrow-right:before,
.fa-long-arrow-left:before {
  color: #04cca3;
}

.cloned-input-section input.item-right,
.cloned-input-section input.dpt-right,
.cloned-input-section input.subp-right {
  cursor: pointer;
  transform: scale(1.6);
  vertical-align: middle;
  margin-left: 14px;
  margin-right: 7px;

}

.acn .nav-tabs .nav-link {
  background: #86CDED;
  color: #fff;
}

.acn .nav-tabs .nav-link.active {
  color: #000;
}

.cloned-input-section {
  margin-bottom: 13px;
  color: #fff;
}


.check-box li {
  margin-bottom: 13px;
  color: #fff;
}

.check-box ul {
  max-height: 40vh;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.check-box ul::-webkit-scrollbar {
  display: none;
}

.cta-box {
  display: flex;
  max-width: 37%;
  margin: 40px auto;
  align-items: center;
  justify-content: space-between;
}

.check-box li input.item,
.check-box li input.dpt,
.check-box li input.subp {
  cursor: pointer;
  transform: scale(1.6);
  vertical-align: middle;
  margin-left: 14px;
  margin-right: 7px;
}

.cta-box .sbmt {
  width: 40%;
}

.cta-box .clr {
  width: 40%;
}

.table-responsive td.modals-box {
  cursor: pointer;
}

.allon .table thead th:nth-child(4),
.allon .table thead th:nth-child(5),
.allon .table thead th:nth-child(6) {
  text-align: center;
  width: 16%;
}

.allon .table thead th:nth-child(1) {
  width: 6%;
  text-align: center;
}

input.search-left.item-search,
input.search-left.dpt-search,
input.search-left.subp-search {
  width: 100%;
  border: none;
  margin-bottom: 20px;
  padding: 11px;
  background: #ffffff;
  border-radius: 3px;
  outline: none;
}

input.search-right.item-search-right,
input.search-right.subp-search-right,
input.search-right.dpt-search-right {
  width: 100%;
  border: none;
  margin-bottom: 20px;
  padding: 11px;
  background: #ffffff;
  border-radius: 3px;
  outline: none;
}

input.search-left.item-search::placeholder,
input.search-left.dpt-search::placeholder,
input.search-left.subp-search::placeholder {
  color: rgb(33, 37, 41);
  font-family: tahoma;
  font-size: 13px;
  font-weight: 400;
}

.allon .table tbody td:nth-child(1),
.allon .table tbody td:nth-child(4),
.allon .table tbody td:nth-child(5),
.allon .table tbody td:nth-child(6) {
  text-align: center;
}

.allowcation .table tbody td:nth-child(1),
.allowcation .table tbody td:nth-child(4),
.allowcation .table tbody td:nth-child(5),
.allowcation .table tbody td:nth-child(6) {
  text-align: center;
}

.allowcation .tab-pane {
  display: block;
}

.allowcation .table-responsive {
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px);
}

.allowcation .table thead th:nth-child(4),
.allowcation .table thead th:nth-child(5),
.allowcation .table thead th:nth-child(6) {
  width: 18%;
}

.allowcation .table thead th:nth-child(1) {
  width: 8%;
}

.mid-main i {
  font-size: 50px;
  cursor: pointer;
}


.flex-box .right-main p {
  font-family: tahoma;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 13px;
}

/*---- allocation ends here -----*/

/*---- Result starts from here ----*/

.result .table thead th:nth-child(1) {
  width: 6%;
}

.result .table thead th:nth-child(5) {
  width: 15%;
  min-width: 100px;
  text-align: center;
}

.result td.crt span {
  background: #00cba1;
  padding: 10px;
}

.result td.incrt span {
  background: #f8c790;
  padding: 10px;
}

.result .table tbody td:nth-child(5) {
  text-align: center;
}

.result .table tbody td:nth-child(6) {
  text-align: center;
}

td.crt i {
  color: #00cba1;
  font-size: 20px;
}

.result td.incrt i {
  font-size: 20px;
  color: #ff1212;
}

.result .table tbody td:nth-child(1) {
  text-align: center;
}

/*---- Result ends here ----*/


/*----- Candidate starts from here ----*/

.left-container {
  position: relative;
  /* background: #222; */
  width: 100%;
  height: 350px;
}

.pie-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bar-left {
  width: 28%;
  margin-right: 2%;
}

.bar-right {
  width: 70%;
}

.bar-tables {
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.bar-tables .bar-left {
  width: 30%;
  padding-right: 2%;
  min-height: 235px;
  margin-right: 0%;
}

.bar-tables .table-right {
  width: 69%;
}

.scrollable-tbody {
  max-height: 200px;
  /* Adjust as needed */
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.scrollable-tbody::-webkit-scrollbar {
  display: none;
}

.scrollable-tbody table {
  margin: 0;
}

.table-right .table thead th:nth-child(1) {
  width: 8%;
}

.table-right .table thead th:nth-child(2) {
  width: 22%;
}

.table-right .table thead th:nth-child(3) {
  width: 17%;
}

.table-right .table thead th:nth-child(4) {
  width: 20%;
}

.table-right .table thead th:nth-child(5) {
  width: 14%;
}

.table-right .table thead th:nth-child(6) {
  width: 30%;
}

.table-right .table tbody td:nth-child(1) {
  text-align: center;
  width: 8%;
}

.table-right .table tbody td:nth-child(2) {
  width: 22%;
}

.table-right .table tbody td:nth-child(3) {
  width: 17%;
}

.table-right .table tbody td:nth-child(4) {
  width: 20%;
}

.table-right .table tbody td:nth-child(5) {
  width: 14%;
}

.table-right .table tbody td:nth-child(6) {
  width: 30%;
}

/*---- candidate ends here ---*/

/*---- configure questions starts from here ----*/

.instrn {
  margin: 20px 0px 0px;
}

.instrn h6 {
  margin-bottom: 20px !important;
}

.instrn ul li:not(:last-child) {
  padding-bottom: 9px;
}

/*---configure questions ends here----*/

/*-----bgv spoc documents upload  starts from here----*/

.doc-tabs li {
  float: none;
}

.doc-tabs {
  display: flex;
  align-items: center;
  justify-content: center;
}

.doc-tabs li .travel-widget {
  border-radius: 10px;
  justify-content: center;
  text-align: center;
  height: unset;
}

.doc-tabs li:nth-child(1) .travel-widget:hover,
.doc-tabs li:nth-child(2) .travel-widget:hover,
.doc-tabs li:nth-child(3) .travel-widget:hover {
  background-color: #00cba1;
}

.doc-tabs li .travel-widget:hover i {
  color: #ffffff;
}

.doc-tabs i {
  font-size: 32px;
  margin-bottom: 10px;
}

.doc-tabs p {
  margin-bottom: 9px;
  font-size: 13px;
}

.doc-tabs li:nth-child(1) .travel-widget {
  background-color: #95d7b4
}

.doc-tabs li:nth-child(2) .travel-widget {
  background-color: #889cc8;
}

.doc-tabs li:nth-child(3) .travel-widget {
  background-color: #e3a29b;
}

.upload-main-box {
  margin-top: 20px;
}

.upload-main-box .top-box {
  margin-bottom: 16px;
}

.upload-main-box input.files {
  border: 2px dotted #c1c1c1;
  padding: 7px;
  border-radius: 0px;
  width: 100%;
  cursor: pointer;
}

.upload-main-box input[type="file" i]::-webkit-file-upload-button {
  border: none;
}

.upload-main-box {
  margin-top: 20px;
}

.upload-main-box .top-box {
  margin-bottom: 16px;
}

.upload-main-box input.files {
  border: 2px dotted #c1c1c1;
  padding: 7px;
  border-radius: 0px;
  width: 100%;
}

input[type="file" i]::-webkit-file-upload-button {
  border: none;
}

.upload-main-box .bottom-box {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 327px;
  margin: 0 auto;
}

.upload-main-box .bottom-box a.sv {
  padding: 10px 24px;
  background: #28a745;
  text-align: center;
  border-radius: 50px;
  font-weight: 600;
  color: #fff;
  border: 2px solid #28a745;
  margin-right: 16px;
}

.upload-main-box .bottom-box a.cnl {
  padding: 10px 24px;
  background: #df2906;
  text-align: center;
  border-radius: 50px;
  font-weight: 600;
  color: #fff;
  border: 2px solid #df2906;
}

.upload-main-box .bottom-box a.sv:hover {
  background: transparent;
  color: #28a745;
}

.upload-main-box .bottom-box a.cnl:hover {
  background: transparent;
  color: #df2906;
}

.allo-files {
  max-width: 250px;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 14px;
}


.allo-files p {
  font-size: 12px;
}

/*-----bgv spoc documents upload ends here----*/

/*---- pat and pat1 start from here -----*/

.main-patsection {
  background: #fff;
  padding: 0px;
  min-height: 85vh;
}

.main-patsection .top-pat {
  display: flex;
  align-items: stretch;
  justify-content: center;
  background-image: url("../images/new-bg-mask.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /* min-height: 53vh; */
  min-height: 232px;
}

.main-patsection .content-boxes {
  /* background-color: #00cba1; */
  padding: 20px;
  width: 70%;
}

.main-patsection .right-boxes {
  /* background-color: #D1F6EEFF; */
  padding-right: 20px;
  width: 30%;
}

.main-patsection .right-boxes .logo {
  text-align: right;
  width: 100%;
  margin-bottom: 20px;
}

.main-patsection .right-boxes .logo img {
  width: 36%;
  margin-top: 3px;
}

.hand-img {
  width: 100%;
  text-align: right;
}

.hand-img img {
  width: 50%;

}

.main-patsection .content-boxes h1 {
  color: #fff;
  font-weight: 700;
  margin-bottom: 7px;
  font-size: 30px;
}

.main-patsection .content-boxes p {
  font-size: 14px;
  line-height: 21px;
  font-weight: 400;
  color: #153D35FF;
  margin-bottom: 20px;
}

.main-patsection .content-boxes a {
  margin-top: 20px;
  background: #ffab02;
  padding: 8px 10px;
  color: #fff;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 10px;
}

.main-patsection .down-pat {
  margin-top: 12px;
  border-radius: 5px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-items: center;
}

.main-patsection .down-pat .col-left {
  width: 22%;
  margin-right: 2%;
  background-color: #D1F6EEFF;
  padding: 20px;
  border-top-right-radius: 60px;
  border-bottom-right-radius: 60px;
  position: sticky;
  top: 0;
  height: auto;
  overflow: hidden;
}

.main-patsection .down-pat .col-right {
  width: 76%;
}


.main-patsection .down-pat .icon-box a {
  width: 100px;
  height: 49px;
  display: block;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}

.main-patsection .down-pat .col-left p {
  font-size: 37px;
  color: #178356FF;
}

.vectors {
  position: absolute;
  width: 20%;
  right: -7px;
  top: 14px;
}

.vectors img {
  width: 100%;
}

.main-patsection .down-pat .col-left .content-left {
  margin-top: 0px;
}

.main-patsection .down-pat .col-left p span {
  font-size: 32px;
  color: #17B07DFF;
}

.new-search-box {
  text-align: right;
  margin-bottom: 0px;
  position: relative;
  width: 30%;
  /* border: 2px solid #178356; */
  border: 1px solid #ffffff;
  border-radius: 20px;
  display: flex;
  padding: 7px 12px;
  align-items: center;
  background: #f0f1f2;
  cursor: pointer;
}

.new-search-box input[type="search"] {
  outline: none;
  border: none;
  width: 100%;
  background: #f0f1f2;
}

.new-search-box input[type="search"]::placeholder {
  color: #565656FF;
}

.main-patsection .down-pat .icon-content .child {
  width: 25%;
  padding: 10px 10px;
  border-radius: 10px;
  background: transparent;
  margin-bottom: 0px;
}

.new-search-box i {
  margin-left: 5px;
  position: relative;
  right: 2px;
  font-size: 16px;
  color: #7D7D7EFF;
  cursor: pointer;
  margin-right: 9px;
}

.main-patsection .down-pat .icon-content {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  overflow-y: auto;
}

.main-patsection .down-pat .icon-box {
  text-align: center;
  margin-bottom: 0px;
  margin-left: -55px;
}


.main-patsection .down-pat .heading-box {
  text-align: center;
  margin-bottom: 12px;
  margin-top: 6px;
}

.main-patsection .down-pat .icon-box img {
  margin-bottom: 10px;
  width: 100%;
  height: 100%;
}

.main-patsection .down-pat .icon-content .child:first-child a {
  width: 70px;
  height: 52px;
}

.main-patsection .down-pat .heading-box p {
  font-weight: 700;
  font-size: 13px;
  color: #000000 !important;
  text-align: left;
}

.main-patsection .content-box p {
  color: #000000;
  text-align: left;
}

.main-patsection .down-pat .icon-content .content-box {
  max-height: 15vh;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.main-patsection .down-pat .icon-content .content-box::-webkit-scrollbar {
  display: none;
}


/*---- pat and pat1 ends here ----*/

/*---- mars starts from here ----*/

.emars.main-patsection .content-boxes p {
  margin-bottom: 0;
}

.main-patsection.emars .content-boxes {
  padding-bottom: 0;
}

.main-patsection.emars .top-pat {
  min-height: 209px;
}

.main-patsection.emars .icon-content {
  width: 100%;
}

.main-patsection.emars .down-pat .heading-box p {
  text-align: center;
}

.main-patsection.emars .down-pat .icon-box {
  margin-left: 0;
}

.main-patsection.emars .down-pat .icon-content .child img {
  width: 70px;
  height: 52px;
}

/*--- mars ends here ----*/

/*------ video manual starts from here  ---*/

.video_manual .flex-boxes {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

.video_manual .flex-boxes nav.custom-tab {
  width: 23%;
  margin-right: 2%;
  background: #323b77;
  padding: 15px;
  border-radius: 10px;
}

.video_manual .flex-boxes .tab-content {
  width: 75%;
}

.video_manual .custom-tab .nav-tabs .nav-link {
  width: 100%;
  border: 2px solid #00cba1;
  border-radius: 0px;
  font-weight: 600;
  color: #00cba1;
  background: transparent;
  font-size: 12px;
}

.video_manual .custom-tab .nav-tabs .nav-link a {
  color: #00cba1
}

.video_manual .nav-tabs .nav-link:not(:last-child) {
  margin-bottom: 14px;
}

.video_manual .nav-tabs .nav-link.active {
  color: #fff;
  background: #00cba1;
}

.video_manual .video-child {
  border: 2px solid #000;
  border-radius: 5px;
  padding: 10px;
}

.video_manual .video-child video {
  width: 100%;
}

/*---- video manual ends here ----*/


/*----- variable pay inputs starts from here ---*/

.vp-inputs {
  background: #fff;
  box-shadow: 0px 0px 1px #171a1f12, 0px 0px 2px #171a1f1F;
  padding-bottom: 18px;
}

.vp-inputs .title-box {
  background: #0066CCFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.vp-inputs .title-box h4 {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}

.vp-inputs .button-box {
  max-width: 1020px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.vp-inputs .button-box button {
  background: #05205F;
  border-radius: 2px;
  box-shadow: 0px 0px 1px #171a1f12, 0px 0px 2px #171a1f1F;
  color: #fff;
  border: none;
  padding: 10px;
  margin: 0px 18px;
  margin-bottom: 10px;
}

.vp-inputs .access-link {
  margin-left: 40px;
}


.vp-inputs .access-link p {
  font-size: 14px;
  font-weight: 600;
}

.vp-inputs .access-link p a {
  color: #0066CCFF;
}

/* ----- variable pay inputs ends here -----*/

/*---- upload variable pay starts from here ---*/

.vp-inputs .title-box span {
  color: #fff;
  font-size: 16px;
}

.upload-container {
  padding: 0px 15px;
}

.company-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.company-flex .left {
  margin-right: 150px;
  width: 6%;
}

.company-flex .left label {
  font-size: 16px;
}

.company-flex select.cmps {
  width: 195px;
  padding: 8px;
  outline: none;
  cursor: pointer;
}

.upload-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

span.required-star {
  color: #ff0000;
}

.upload-flex .left {
  margin-right: 65px;
  width: 13%;
}

.upload-flex .right {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.radio-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  border: none;
}

.radio-list button.active {
  border: none;
}

.radio-list button {
  padding: 0;
  border: none;
  background: none;
  margin-right: 36px;
}

.dpt-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.dpt-flex .left {
  margin-right: 146px;
  width: 6%;
}

select.dpts {
  width: 195px;
  padding: 8px;
  outline: none;
  cursor: pointer;
}

.path-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.path-flex .right {
  padding: 10px 15px;
  background: #0e3e7c;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.path-flex .right input[type="file"] {
  background: #0e3e7c;
}

.dpt-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}


select.dpts {
  width: 195px;
  padding: 8px;
  outline: none;
  cursor: pointer;
}

.path-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.path-flex .left {
  margin-right: 111px;
  width: 8.9%;
}

.path-flex .right {
  padding: 10px 15px;
  background: #0e3e7c;
  color: #fff;
  border-radius: 5px;
  cursor: pointer;
}

.path-flex .right input[type="file"] {
  background: #0E3E7CFF;
}

.back-load-cta {
  display: block;
  text-align: center;
}

.back-load-cta button {
  padding: 8px 20px;
  background: #0e3e7c;
  color: #fff;
  border-radius: 5px;
  border: none;
}

.back-load-cta button:not(:last-child) {
  margin-right: 13px;
}

ul.dwnd-links {
  max-width: 400px;
  margin: 20px auto 20px 0;
  text-align: center;
}

ul.dwnd-links a.dwnld-tem {
  color: #6FA9FFFF;
  font-weight: 600;
}

ul.dwnd-links li:not(:last-child) {
  margin-bottom: 18px;
}

ul.dwnd-links a.dwnld-com {
  color: #77A37AFF;
  font-weight: 600;
}


.table-flexes {
  display: flex;
  align-items: stretch;
}

.table-flexes .table thead th {
  background: #DEEFFFFF;
  color: #000;
  border-right: 1px solid #dee2e6;
}

.table-flexes .right-title {
  text-align: center;
  background: #DEEFFFFF;
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

.table-flexes tbody td {
  border-right: 1px solid #cecece;
}

.table-flexes .right-title h3 {
  font-size: 14px;
  font-weight: 600;
}

.table-flexes .right-title {
  text-align: center;
  background: #DEEFFFFF;
  margin-bottom: 20px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 10px;
}

.table-flexes .right-title h3 {
  font-size: 14px;
  font-weight: 600;
}

.table-flexes .left-table {
  border: 1px solid #ccc;
}

.table-flexes .left-table thead {
  border-bottom: 1px solid #ccc;
}

.radio-list button span {
  position: relative;
  display: flex;
  align-items: center;
}

.radio-list button:hover {
  border: none;
}

.radio-list button span:before {
  content: "";
  border: 1px solid #b0a7a7;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  margin-right: 7px;
}

.radio-list button span:after {
  content: "";
  position: absolute;
  width: 0;
  height: 9px;
  background: #b0a7a7;
  border-radius: 20px;
  left: 3px;
  top: 5px;
}

.radio-list button.active span::before {
  border-color: #636AE8FF;
}

.radio-list button.active span::after {
  background: #636AE8FF;
  width: 9px;
}

.table-flexes tbody td {
  border-right: 1px solid #cecece;
}

.table-flexes .right-table tbody {
  border-bottom: 1px solid #ccc;
}

.table-flexes .right-table {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

/*--- upload variable pay ends here ---*/

/*----employee self service starts from here -----*/

.emp-selft-service .title-box {
  margin-bottom: 20px;
  padding: 11px;
  background: #0066CCFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.emp-button-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 19px;
}

.emp-button-flex button.emp-child {
  margin: 0px 6px;
  padding: 8px 20px;
  background: #0e3e7c;
  color: #fff;
  border-radius: 5px;
  border: none;
}

.emp-self-container .title-box h4 {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}

.emp-self-container {
  background: #fff;
  box-shadow: 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.03), 0 0.9375rem 15px 1.40625rem rgba(4, 9, 20, 0.03), 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
}

.emp-self-container .content-box {
  padding: 15px;
  padding-top: 0px;
}

.emp-self-container .content-box .row-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 603px;
  margin-bottom: 20px;
}

.emp-self-container .content-box .row-flex h6 {
  font-size: 14px;
}

.emp-self-container .drt-flex .title-left {
  width: 29%;
  margin-right: 15%;
}

.emp-self-container .drt-flex .dp-dwn-right {
  width: 71%;
}

.emp-self-container .content-box .row-flex select.data-opn {
  padding: 8px 20px;
  background: #0e3e7c;
  color: #fff;
  border-radius: 2px;
  width: 100%;
  text-align: center;
}

.emp-self-container .drt-flex h6 {
  font-size: 14px;
}

.emp-self-container .drt-flex select.locn {
  padding: 8px 20px;
  background: #0e3e7c;
  color: #fff;
  border-radius: 2px;
  width: 100%;
  text-align: center;
}

.emp-self-container .drt-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 932px;
  margin-bottom: 20px;
}

.emp-self-container .title-left {
  width: 40%;
  margin-right: 5%;
}

.emp-self-container .dp-dwn-right {
  width: 37%;
}

.upld-flexes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
  margin-bottom: 50px;
}

.upld-flexes .upld-sec {
  display: flex;
  justify-content: space-between;
  width: 48%;
}

.mini-upld h6 {
  font-size: 14px;
}

.mini-upld select.up-1 {
  outline: none;
  padding: 8px 10px;
  width: 100%;
}

.mini-upld {
  width: 50%;
}

.button-optn {
  display: block;
  text-align: center;
  margin: 10px 0px;
}

.button-optn button {
  padding: 6px 20px;
  background: #0e3e7c;
  color: #fff;
  border-radius: 2px;
  text-align: center;
  border: none;
  outline: none;
  margin: 0px 4px;
}

/*----employee self service ends here -----*/

/*---- hro reports starts from here ----*/

.hro-reports .title-box {
  background: #0066CCFF;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  margin-bottom: 20px;
  padding: 11px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.title-box p {
  color: #fff;
}

.hro-reports .title-box h4 {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}

section.hro-reports {
  background: #fff;
  box-shadow: 0px 0px 1px #171a1f12, 0px 0px 2px #171a1f1F;
  padding-bottom: 18px;
}

.report-container {
  padding: 0px 20px;
}

.report-container {
  padding: 0px 20px;
}

button.primary-cta {
  margin: 20px 10px;
  padding: 5px 10px;
  border: none;
  background: #0D3E7CFF;
  color: #fff;
  border-radius: 3px;
}

/*---- hro reports ends here ----*/
/*--- vpf benifits ends here ---*/

.upload-wedding ul {
  padding: 0px 14px 0px 50px;
}

.upload-wedding ul li {
  list-style: disc;
  margin-bottom: 12px;
}

section.upload-wedding {
  margin-bottom: 20px;
}

.content-section {
  overflow: hidden;
  padding: 0px 18px;
}

p.names {
  font-size: 14px;
}

p.date {
  font-size: 14px;
}

.content-section label {
  font-weight: 600;
}

/*--- vpf benifits ends here ---*/
/*--- upload wedding details starts from here ---*/

.upload-wedding .report-container {
  margin-top: 35px;
}

.upload-wedding label {
  font-weight: 600;
}

.upload-wedding input {
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 3px;
  border: 1px solid #c1c1c1;
}

.upload-wedding input {
  padding: 5px 10px;
  font-size: 11px;
  border-radius: 3px;
  border: 1px solid #c1c1c1;
}

input[type="file"].primary-cta {
  padding: 5px 10px;
  border: none;
  background: #0D3E7CFF;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
}


.report-container p {
  font-size: 13px;
  padding-left: 0;
}

.dcln {
  margin-left: 15px;
}

.dcln input[type="checkbox"] {
  width: 17px;
  margin-right: 10px;
}

button.upld {
  display: block;
  text-align: center;
  margin: 20px auto;
}

/*--- upload wedding details ends here ---*/

/*---- lock variable pay starts from here----*/

.lock-var .form-control {
  font-size: 14px;
}

.form-control:focus {
  border: none;
}

.lock-var .table thead th,
.lock-var .table tbody td {
  text-align: center;
}

td.warning {
  color: #ff0000;
  /* background: #ff0000; */
}

.lock-var {
  padding-bottom: 0 !important;
}

input[type=checkbox],
input[type=radio] {
  cursor: pointer;
}

/*---- lock variable pay ends here -----*/

/*--- variable pay operations starts from here ---*/


.lock-var thead th:nth-child(3) {
  min-width: 133px;
}


.title-box h4 span {
  font-size: 13px;
  font-weight: 400;
}

.lock-var tbody td:nth-child(3) {
  min-width: 133px;
  text-align: center;
}

.lock-var thead th:nth-child(4),
.lock-var tbody td:nth-child(4) {
  min-width: 174px;
}

.lock-var .table thead th {
  vertical-align: middle;
}

.lock-var thead th:nth-child(7),
.lock-var tbody td:nth-child(7) {
  min-width: 200px;
}

.lock-var thead th:nth-child(10),
.lock-var tbody td:nth-child(10) {
  min-width: 200px;
}

/*---- variable pay operations ends here ----*/

/*---- uploader Dashboard starts from here ----*/


.cal-finan thead th {
  vertical-align: middle;
}

.cal-finan thead th span {
  display: block;
  padding: 5px 10px;
  border: none;
  background: #0D3E7CFF;
  color: #fff;
  border-radius: 3px;
  margin-top: 9px;
  cursor: pointer;
}

.cal-finan::-webkit-scrollbar {
  display: none;
}

.cal-finan td.upld {
  color: #008000;
}

.cal-finan td.not-upld {
  color: #d82738;
}

.new-upload-dashboard .new-search-box {
  margin-left: 0;
  width: 100%;
}

.new-upload-dashboard .primary-cta {
  margin: 0;
  width: 100%;
  padding: 9px;
}

.new-upload-dashboard tbody td a {
  color: blue;
  text-transform: capitalize;
}

#donut-container {
  width: 300px;
  /* height: 154px; */
  position: relative;
  margin: auto;
  margin-top: 59px;
}

#donut-center-text {
  position: absolute;
  top: 50%;
  left: 27%;
  transform: translate(-50%, -50%);
  font-size: 20px;
  font-weight: bold;
}

.donus {
  margin-top: -77px;
}

#upload-table {
  margin-top: 0px;
}

.legend-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 12px;
}

.legend-flex .legend-child {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-right: 10px;
}

.legend-flex .legend-child span {
  margin-right: 9px;
  width: 23px;
  height: 23px;
  position: relative;
}

.legend-flex .legend-child span p {
  color: #fff;
  position: absolute;
  left: 8px;
  top: 4px;
  font-weight: 600;
  font-size: 10px;
}

.legend-flex .legend-name {
  font-size: 12px;
  font-weight: 600;
}

.new-upload-dashboard label {
  display: block;
  width: 100%;
}

.legend-flex .legend-child span.select-dot-red p,
.legend-flex .legend-child span.select-dot-orange p {
  left: 4px;
}

.cal-finan .select-dot-green p,
.cal-finan .select-dot-red p {
  color: #fff;
  position: absolute;
  left: 6px;
  top: 1px;
  font-weight: 600;
}


.cal-finan .select-dot-red p {
  font-size: 8px;
  left: 4px;
  top: 4px;
}

.cal-finan .select-dot-green,
.cal-finan .select-dot-red {
  position: relative;
  width: 20px;
  height: 20px;
}

.custom-selects {
  position: relative;
  width: 100%;
}

.custom-selects select {
  width: 100%;
  appearance: none;
  /* remove default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 35px;
  /* space for icon */
}

.custom-selects::after {
  content: "\f0c9";
  /* Unicode for fa-bars */
  font-family: "Font Awesome 6 Free";
  /* Font Awesome font */
  font-weight: 900;
  /* required for solid icons (fas) */
  position: absolute;
  right: 10px;
  top: 56%;
  transform: translateY(-50%);
  pointer-events: none;
  color: #555;
  font-size: 14px;
}

.new-upload-dashboard .main-search .form-control {
  height: 37px;
}

/*---- uploader Dashboard ends here ----*/

/*---- line hr dashboard starts from here ----*/


.line-hr-drd thead th {
  vertical-align: middle;
}


.line-hr-dashboard .main-search .form-control {
  height: 37px;
}

.line-hr-drd thead th:nth-child(1) {
  min-width: 20px;
}

.line-hr-drd thead th span {
  display: block;
  padding: 5px 10px;
  border: none;
  background: #0D3E7CFF;
  color: #fff;
  border-radius: 3px;
  margin-top: 9px;
  cursor: pointer;
}

.line-hr-drd::-webkit-scrollbar {
  display: none;
}

.line-hr-drd td.acpt {
  color: #008000;
}

.line-hr-drd td.pending-accpt {
  color: orange;
}

.line-hr-drd td.not-acpt {
  color: #d82738;
}

td.pending-accpt-bg {
  background: orange;
}

span.select-dot-orange {
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: orange;
  margin: auto;
  cursor: pointer;
}

.line-hr-dashboard select.form-control {
  font-size: 14px;
  padding: 9px;
}

.line-hr-dashboard .primary-cta {
  margin: 0;
  width: 100%;
  padding: 9px;
}

.line-hr-dashboard tbody td a {
  color: blue;
  text-transform: capitalize;
}

.line-hr-dashboard label {
  display: block;
  text-align: left;
  width: 100%;
}

#content-donut-center {
  position: absolute;
  left: 27%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 1.5em;
}

#linehr-table {
  margin-top: 0px;
}

.line-hr-drd .select-dot-orange,
.line-hr-drd .select-dot-red,
.line-hr-drd .select-dot-green {
  width: 20px;
  height: 20px;
  position: relative;
}

.line-hr-drd .select-dot-orange p,
.line-hr-drd .select-dot-red p {
  color: #fff;
  position: absolute;
  left: 4px;
  top: 3px;
  font-weight: 600;
  font-size: 9px;
}

.line-hr-drd .select-dot-orange p {
  color: #000 !important;
}

.line-hr-drd .select-dot-green p {
  color: #fff;
  position: absolute;
  left: 6px;
  top: 1px;
  font-weight: 600;
}


/*---- line hr dashboard ends here ----*/

/*---- line hr details starts from here ---*/

.counter-flex {
  text-align: center;
  margin-bottom: 0px;
  width: 79%;
  padding: 20px;
  border-radius: 30px;
  background: #242492;
}

.counter-flex .count-child {
  /* background: #9ccc8b; */
  background: #ffffff;
  margin: 0px 8px;
  padding: 12px;
  border-radius: 20px;
  width: 31.33%;
}

/* .counter-flex .count-child:nth-child(2) {
  background: #cca48b;
}

.counter-flex .count-child:nth-child(3) {
  background: #70a0c8;
} */

.line-hr-details .counter-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.line-hr-details .counter-box .right-counter {
  padding-left: 10px;
}

.line-hr-details .counter-box .img-box {
  width: 20%;
}

.line-hr-details .counter-box .img-box i {
  font-size: 40px;
}

h2.count {
  margin-bottom: 9px;
  font-weight: 600;
  font-size: 28px;
  color: #242492;
}

.counter-flex .count-child span {
  font-size: 13px;
  font-weight: 600;
  color: #000;
}

.counter-flex .count-child span i {
  margin-left: 6px;
}

.line-hr-detail thead th {
  vertical-align: middle;
}

.line-hr-detail tbody td:nth-child(4) {
  text-align: center;
}

.line-hr-detail .cta {
  display: block;
  width: 100%;
  text-align: right;
}

.scroll-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  box-sizing: border-box;
  padding: 5px;
  position: relative;
}

.scroll-container .scrolling-text {
  display: inline-block;
  padding-left: 100%;
  animation: scroll-left 20s linear infinite;
  font-size: 16px;
  font-weight: 600;
  font-style: italic;
  color: #00b36a;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-100%);
  }
}

.line-hr-details .nav-link {
  background: #1a1a68 !important;
  color: #fff !important;
  font-weight: 600;
  border-radius: 5px !important;
  border: 2px solid #1a1a68 !important;
  margin-right: 4px;
  padding: 6px 22px;
}

.line-hr-details .nav-link.active {
  background-color: #fff !important;
  color: #1a1a68 !important;
}

.line-hr-details .nav-tabs {
  border-bottom: unset !important;
}


/*---- line hr details ends here ----*/

/*--- bulk_recruitment starts from here ----*/

.bulk_dashboard span.bold {
  font-weight: 600;
}

.bulk_dashboard span {
  display: block;
}


/*---- bulk recruitment ends here ----*/

/*---- new upload starts from here -----*/

.right-side-content .count-child {
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 15px;
  width: 30.33%;
}

.right-side-content h2.count {
  font-size: 25px;
}

.right-side-content .count-child span {
  font-size: 14px;
}

.new-upload .counter-flex {
  margin-bottom: 20px;
}

.new-upload .content-box {
  max-width: 601px;
}

.new-upload .content-box button.primary-cta {
  display: block;
  width: 100%;
  text-align: center;
  max-width: 118px;
  padding: 10px;
  margin: 0 0 20px auto;
}

/*---- new upload ends here ----*/

/*--- entry form starts from here -----*/

.entry-table tbody td:nth-child(2) {
  padding-left: 30px;
}

.entry-dashbaord .primary-cta {
  margin: 0 auto;
  display: block;
  padding: 8px 27px;
  margin-top: 17px;
}

.entry-flexs {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.entry-flexs .entry-child {
  width: 48%;
  padding: 15px;
  margin-bottom: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  text-align: center;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
}

.entry-flexs .entry-child .names {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  text-align: left;
  width: 90%;
}

.entry-flexs .entry-child i {
  font-size: 19px;
  margin-right: 23px;
  width: 10%;
  padding-left: 20px;
}

.entry-flexs .entry-child:not(:nth-child(2n+2)) {
  margin-right: 4%;
}

.entry-child p.count {
  font-size: 20px;
  font-weight: 600;
  text-align: center;
  width: 100%;
}

#viewDate .table thead th:nth-child(7),
#viewDate .table tbody td:nth-child(7) {
  text-align: center;
}

#viewDate .table tbody td i {
  font-size: 20px;
}


.fixed-header-table {
  max-height: 300px;
  overflow-y: auto;
}

.fixed-header-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}


.fixed-header-table thead th {
  top: 0;
  position: sticky;
  z-index: 2;
}

.entry-child h3.name {
  font-size: 16px;
  font-weight: 500;
  text-align: center;
}

.entry-child.blue-bg {
  background: #aeaeeb;
}

.entry-child.green-bg {
  background: #b0eeaa;
}

.entry-child h3.name i {
  font-size: 19px;
  margin-right: 7px;
}

.entry-child.orange-bg {
  background: #ecc784;
}

.entry-child.red-bg {
  background: #ee9696;
}

.entry-child.yellow-bg {
  background: #e0e096;
}

.entry-child.grad-bg {
  background: #96e0d7;
}

/*---- entry form ends here -----*/

/*---- Production report starts from here -----*/


.production-report .primary-cta {
  width: 100%;
  padding: 8px 10px;
  margin: 0;
  margin-top: 17px;
}

.production-table {
  margin-top: 20px;
}

button.export-cta {
  border: none;
  background: #93f0b6;
  color: #000;
  border-radius: 3px;
  width: 100%;
  padding: 8px 10px;
  margin: 0;
  margin-top: 17px;
}

.pia-production-report table tr th:nth-child(9),
.pia-production-report table tr td:nth-child(9) {
  text-align: center;
}

button.export-cta i {
  margin-right: 10px;
}

tr.total-row {
  background-color: #54658d !important;
  color: #fff;
}

.production-table tr.total-row td a {
  color: #fff !important;
}

.production-table tbody tr td:nth-child(4),
.production-table tbody tr td:nth-child(5),
.production-table tbody tr td:nth-child(6),
.production-table tbody tr td:nth-child(7),
.production-table tbody tr td:nth-child(8) {
  text-align: center;
}

.production-table thead th:nth-child(4),
.production-table thead th:nth-child(5),
.production-table thead th:nth-child(6),
.production-table thead th:nth-child(7),
.production-table thead th:nth-child(8) {
  text-align: center;
}

/*---- Production report ends here ------*/

/*---- producton report deatils starts from here ---*/

.production-report-details td.orange-text {
  color: orange;
}

.production-report-details td.red-text {
  color: red;
}

.production-report-details td.green-text {
  color: #008000;
}

.production-report-details tbody td:nth-child(3),
.production-report-details tbody td:nth-child(4),
.production-report-details tbody td:nth-child(5),
.production-report-details tbody td:nth-child(6) {
  text-align: center;
}

.production-report-details .export-cta {
  margin: 0 0 10px auto;
  display: block;
  width: 10%;
}

/*--- production report details ends here ----*/

/*---- Audit Report starts from here ----*/


.audit-item .db-bx-v {
  background: #4b6fe1;
}

.audit-table tbody tr:last-child {
  background: #54658d;
  color: #ffffff;
}

.audit-table {
  margin-top: 20px;
}

.audit-table thead th:nth-child(4),
.audit-table thead th:nth-child(5),
.audit-table thead th:nth-child(6),
.audit-table thead th:nth-child(7),
.audit-table thead th:nth-child(8),
.audit-table thead th:nth-child(9),
.audit-table thead th:nth-child(10),
.audit-table thead th:nth-child(11),
.audit-table thead th:nth-child(12) {
  text-align: center;
}

.audit-table tbody td:nth-child(4),
.audit-table tbody td:nth-child(5),
.audit-table tbody td:nth-child(6),
.audit-table tbody td:nth-child(7),
.audit-table tbody td:nth-child(8),
.audit-table tbody td:nth-child(9),
.audit-table tbody td:nth-child(10),
.audit-table tbody td:nth-child(11),
.audit-table tbody td:nth-child(12) {
  text-align: center;
}

.audit-table tbody tr:last-child td {
  text-align: center;
}

.audit-table tbody td a {
  color: #007bff !important;
}

/*---- Audit Report ends here -----*/

/*---- Audit Report detail starts from here ----*/

.audit-cta {
  width: 100%;
  margin: 0 0 0 auto;
  display: block;
  text-align: right;
}

.audit-cta .export-cta {
  margin-bottom: 11px;
  width: 10%;
  margin-top: 0;
}

.audit-cta .back-cta {
  border: none;
  background: #a293f0;
  color: #000;
  border-radius: 3px;
  width: 10%;
  padding: 8px 10px;
  margin: 0;
  ;
  margin-bottom: 11px;
  display: inline-block;
  text-align: center;
}

.audit-detail::-webkit-scrollbar {
  display: none;
}

.audit-detail tbody td:nth-child(8),
.audit-detail tbody td:nth-child(13),
.audit-detail tbody td:nth-child(14) {
  text-align: center;
}

.audit-detail thead th:nth-child(8),
.audit-detail thead th:nth-child(13),
.audit-detail thead th:nth-child(14) {
  text-align: center;
}

.audit-detail a.edit-cta {
  padding: 7px 11px;
  background: #8fd3a7;
  border-radius: 4px;
}

.audit-detail a.edit-cta:hover {
  color: inherit;
}

/*---- Audit Report detail ends here ----*/

/*---- Edit Audit starts from here ----*/

.edit-audit-cta {
  text-align: center;
}

.edit-audit-cta .sumt {
  background: #54658d;
  border: none;
  padding: 8px 19px;
  color: #fff;
  border-radius: 4px;
  margin-right: 10px;
}

.edit-audit-cta .back-cta {
  color: #fff;
  background-color: #6c757d;
  text-transform: uppercase;
  border: 0;
  -webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
  font-weight: 500;
  padding: .625rem 1.5rem .5rem;
  font-size: .75rem;
  line-height: 1.5;
  letter-spacing: .5px;
  border-radius: 4px;
}

.edit-audit .required {
  color: red;
}

/*---- Edit Audit Ends here -----*/

/*---- Audit Selection report starts from here ----*/

.audit-sele-table thead th:nth-child(4),
.audit-sele-table thead th:nth-child(5),
.audit-sele-table thead th:nth-child(6),
.audit-sele-table thead th:nth-child(7),
.audit-sele-table thead th:nth-child(8) {
  text-align: center;
}

.audit-sele-table tbody td:nth-child(4),
.audit-sele-table tbody td:nth-child(5),
.audit-sele-table tbody td:nth-child(6),
.audit-sele-table tbody td:nth-child(7),
.audit-sele-table tbody td:nth-child(8) {
  text-align: center;
}

.audit-sele-table tr.total-row td a {
  color: #fff;
}

.audit-selc-report .primary-cta {
  width: 100%;
  padding: 8px 10px;
  margin: 0;
  margin-top: 17px;
}

.audit-sele-table {
  margin-top: 20px;
}

.audit-detail td.na {
  background: orange;
}

.audit-detail td:nth-child(12),
.audit-detail td:nth-child(13) {
  min-width: 106px;
}

.audit-detail .start-audit {
  border: none;
  background: #93f0b6;
  color: #000;
  border-radius: 3px;
  width: 100%;
  padding: 8px 10px;
  margin: 0;
  margin-top: 17px;
}

.audit-detail thead th {
  vertical-align: middle;
}

/*---- Audit Selection reports ends here  ----*/
/*---- Audit selectiom report detail starts from here ---*/

span.audit-detail-date {
  color: #0c9675;
}

/*--- Audit Selection report detail ends here ----*/

/*--- Peer Audit Selection details report starts from here ----*/
.audit-detail-report tbody td:nth-child(12) {
  background: orange;
}

.audit-detail-report tbody td:nth-child(13) {
  min-width: 140px;
}

.audit-detail-report tbody td a.start-audit {
  border: none;
  background: #93f0b6;
  color: #000;
  border-radius: 3px;
  width: 100%;
  padding: 8px 10px;
  margin: 0;
  margin-top: 17px;
}

/*---- Peer Audit Selection details report ends here ----*/

/*---- user role starts from here ----*/

.flex-rows {
  padding: 0px 20px;
  margin-bottom: 16px;
}

.flex-rows .search-box {
  margin-right: 10px;
}

.flex-rows .search-box label {
  font-weight: 600;
}

.flex-rows .primary-cta {
  margin-top: 0;
  margin-bottom: 0;
  padding: 9px 20px;
  font-weight: 600;
  border: none;
  background: #0D3E7CFF;
  color: #fff;
  border-radius: 3px;
  margin-right: 10px;
}

.create-user {
  padding: 10px 10px;
  background: #008000;
  color: #fff;
  border-radius: 3px;
  cursor: pointer;
}

.create-user p {
  line-height: 0 !important;
  color: #fff;
  margin-left: 9px;
  font-size: 12px;
  position: relative;
  top: 5px;
  font-weight: 600;
}

.flex-rows .search-box input {
  margin-left: 9px;
  outline: none;
  border: 1px solid #140303b5;
  padding: 6px 10px;
  border-radius: 3px;
}

.action .edit-icon {
  border: none;
  padding: 0;
  background: transparent;
}

.action .edit-icon i {
  font-size: 14px;
  color: #204ed6;
  margin-right: 8px;
  transition: transform 0.3s ease;
}

.action .delete-icon {
  border: none;
  padding: 0;
  background: transparent;
}

.action .delete-icon i {
  font-size: 14px;
  color: #de2222;
  margin-right: 8px;
}

.action .edit-icon i:hover {
  transform: scale(1.2);
}

.action .delete-icon i:hover {
  transform: scale(1.2);
}

.edit-modal .modal-content {
  background: #c8eee7;
}

.edit-modal .modal-dialog {
  max-width: 1100px;
}

.edit-modal .modal-body {
  margin: 0px 15px;
  padding: 15px 15px;
  background: #fff;
  border-radius: 5px;
}

.secondary-cta {
  border: 2px solid #008000;
  padding: 7px 15px;
  border-radius: 4px;
  background: #008000;
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  transition: 0.3s all ease-in-out;
}

.secondary-cta:hover {
  background: transparent;
  color: #008000;
}

.edit-modal h5 {
  font-weight: 600;
}


.delete-modal .modal-content {
  background: #c8eee7;
}

.delete-modal h5 {
  font-weight: 600;
}

.delete-modal .modal-body {
  padding: 0 20px;
}

.delete-modal p {
  font-weight: 500;
  font-size: 14px;
  color: #000;
}

.create-user:hover {
  color: #fff;
}

/*---- user role ends here ----*/

/*---- create user starts from here ---*/

.create-user-cta .primary-cta {
  padding: 7px 20px;
}

.create-user-cta .back-cta {
  display: flex;
  border: none;
  background: #a293f0;
  color: #000;
  border-radius: 3px;
  width: 13%;
  padding: 8px 10px;
  text-align: center;
  margin: 20px 10px;
  align-items: center;
}

.create-user-cta .back-cta i {
  margin-right: 10px;
}

.details-title {
  background: #257ae1;
  padding: 10px;
  border-radius: 5px;
  margin-bottom: 20px;
}

.details-title h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.create-user-container {
  padding: 15px 15px;
  background: #cff2f4;
  padding-top: 15px;
  border-radius: 4px;
}

.add-cta {
  display: block;
  text-align: center;
  padding: 5px 10px;
  width: 7%;
  margin: 0 auto;
  background: #28a745;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  border: 2px solid #28a745;
  transition: 0.3s all ease-in-out;
}

.add-cta:hover {
  background: transparent;
  color: #28a745;
}

/*---- create user ends here----*/

/*---- master sub process start from here ---*/

.plus-icons i {
  font-size: 25px;
  color: #008000;
  cursor: pointer;
}

.sub-process.edit-modal .modal-dialog {
  max-width: 779px;
}

.master-sub-process .flex-row {
  padding: 15px;
  background: #cff2f4;
  border-radius: 4px;
}

.master-sub-process .primary-cta {
  background: #008000;
  margin-top: 0;
  height: 32px;
  margin-bottom: 0;
}

.master-sub-process .back-cta {
  margin-top: 0;
  height: 32px;
  margin-bottom: 0;
}

.master-sub-process .search-box:not(last-child) {
  margin-bottom: 20px;
}

.master-sub-process label {
  font-weight: 600;
  margin-bottom: 17px;
}

.master-sub-process .reset-cta {
  padding: 5px 12px;
  border: none;
  background: #b58fe0;
  border-radius: 4px;
}

.master-sub-process .create-user-cta {
  padding: 0;
}

.trash-icons i {
  color: #ff0000;
  cursor: pointer;
  font-size: 20px;
}

.sub-process-table {
  margin-top: 20px;
}

.master-sub-process .delete-box,
.master-sub-process .second-input,
.master-sub-process .update-cta {
  display: none;
}

/*---- master sub process ends here ---*/

/*--- outcome reason starts from here ----*/

.outcome-reason .flex-row {
  padding: 15px;
  background: #cff2f4;
  border-radius: 4px;
}

.outcome-reason label {
  margin-bottom: 17px;
  font-weight: 600;
}

.outcome-reason .search-box:not(:last-child) {
  margin-bottom: 20px;
}

.form-control:disabled {
  cursor: no-drop;
}

.outcome-reason .reset-cta {
  margin: 20px 10px;
  padding: 7px 10px;
  border: none;
  background: #c4c1f0;
  color: #000;
  border-radius: 3px;
  width: 20%;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.outcome-reason .primary-cta {
  margin-top: 0;
  margin-bottom: 0;
}

.outcome-reason .create-user-cta {
  margin-top: 23px;
}

.action .add-icon i {
  font-size: 14px;
  color: #008000;
  margin-right: 8px;
}

.outcome-reason span.required {
  color: #ff0000;
}

.cancel-cta {
  margin: 20px 10px;
  padding: 7px 10px;
  border: none;
  background: #b5b5b5;
  color: #000;
  border-radius: 3px;
  width: 20%;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}

.add-icon {
  position: relative;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
}

.add-icon .tooltip-text {
  visibility: hidden;
  width: 100px;
  background-color: #c3e7a8;
  color: #191616;
  text-align: center;
  border-radius: 4px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  top: 19px;
  left: 124%;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 0.3s;
  font-size: 12px;
  white-space: nowrap;
}

.add-icon:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/*---- outcome reason ends here ----*/

/*---- requistion starts from here ----*/

.requsition nav.custom-tab {
  background: #323b77;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 10px;
  overflow-y: auto;
  min-height: 70vh;
  max-height: 70vh;
}

.requsition .nav-tabs .nav-link {
  width: 100%;
  border: 2px solid #ff6c00;
  border-radius: 5px;
  font-weight: 600;
  color: #ff6c00;
  background: transparent;
  font-size: 12px;
}

.requsition .nav-tabs .nav-link a {
  color: #ff6c00;
}

.requsition .nav-tabs .nav-link.active,
.requsition .nav-tabs .nav-link.active a {
  color: #fff;
  background: #ff6c00;
}

.requsition .nav-tabs .nav-link:not(:last-child) {
  margin-bottom: 14px;
}

.top-box-comtainer {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}

.top-box-comtainer .request-box {
  width: 17.7%;
  background: #e0f3ff;
  margin: 0px 10px 10px;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  border: none;
}


.request-box .icon i {
  font-size: 26px;
  margin-bottom: 14px;
  margin-top: 10px;
}

.request-box.request {
  background: #84b3e6;
}

.request-box.wip {
  background: #ffe58a;
}

.request-box.closed {
  background: #49b3618f;
}

.request-box.threshold {
  background: #ff4d4f;
}

.requsition .divider {
  margin: 16px 0px;
  border: 1px dashed #3e3383;
}

.requsition tbody td:nth-child(7) span {
  width: 70%;
  display: block;
  text-align: center;
}

.requsition td.pend span {
  background: orange;
  padding: 6px 10px;
  border-radius: 3px;
}

.requsition td.sucess span {
  background: #24e783;
  padding: 6px 10px;
  border-radius: 3px;
}

.requsition td.fail span {
  background: #eb2e1c;
  padding: 6px 10px;
  border-radius: 3px;
  color: #fff;
}


.searcbox {
  text-align: right;
  width: 100%;
  max-width: 200px;
  margin: 0 0 0 auto;
}

.searcbox input.input-search {
  width: 100%;
  border: 2px solid #9d9a54;
  font-size: 14px;
}

.more-menu {
  width: 115px;
}

/* More Button / Dropdown Menu */
.more-menu-btn {
  background: none;
  border: 0 none;
  line-height: normal;
  overflow: visible;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  width: 100%;
  text-align: left;
  outline: none;
  cursor: pointer;
}

.more-btn {
  width: 35px;
  height: 35px;
  border: 0 none;
  text-align: center;
  outline: none;
  cursor: pointer;
  background: #F9F9FB;
  line-height: normal;
  overflow: visible;
  padding: 1px 6px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}


.more-dot {
  background-color: #aab8c2;
  margin: 0 auto;
  display: inline-block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  transition: background-color 0.3s;
}

.more-menu {
  position: absolute;
  top: 100%;
  z-index: 900;
  float: left;
  padding: 10px 0;
  margin-top: 9px;
  background-color: #fff;
  border: 1px solid #ccd8e0;
  border-radius: 4px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  opacity: 0;
  transform: translate(0, 15px) scale(.95);
  transition: transform 0.1s ease-out, opacity 0.1s ease-out;
  pointer-events: none;
}

.more-menu-caret {
  position: absolute;
  top: -10px;
  left: 12px;
  width: 18px;
  height: 10px;
  float: left;
  overflow: hidden;
}

.more-menu-caret-outer,
.more-menu-caret-inner {
  position: absolute;
  display: inline-block;
  margin-left: -1px;
  font-size: 0;
  line-height: 1;
}

.more-menu-caret-outer {
  border-bottom: 10px solid #c1d0da;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: auto;
  left: 0;
  top: 0;
  width: auto;
}

.more-menu-caret-inner {
  top: 1px;
  left: 1px;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
}

.more-menu-items {
  margin: 0;
  list-style: none;
  padding: 0;
}

.more-menu-item {
  display: block;
}

.more-menu-btn {
  min-width: 100%;
  color: #66757f;
  cursor: pointer;
  display: block;
  font-size: 13px;
  line-height: 18px;
  padding: 5px 20px;
  position: relative;
  white-space: nowrap;
}

.more-menu-item:hover {
  background-color: #489fe5;
}

.more-menu-item:hover .more-menu-btn {
  color: #fff;
}

.show-more-menu .more-dot {
  background-color: #516471;
}

.more-btn .more-dot {
  background-color: #516471;
}

.show-more-menu .more-menu {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  pointer-events: auto;
}

.more {
  position: relative;
}

.searcbox {
  position: relative;
}

.searcbox i {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #9d9a54;
  pointer-events: none;
}


#raiseModals .modal-content {
  background: linear-gradient(to bottom, #ed6a5a, #ec407a, #ba68c8);
}

#raiseModals .modal-dialog {
  max-width: 900px;
}

#raiseModals .modal-flex {
  max-width: 100% !important;
  justify-content: center;
  margin: unset;
  padding: 0px 15px;
}

#raiseModals .modal-flex .modal-child {
  width: 31%;
  background: #fff;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding: 10px;
  margin: 0px 10px;
  margin-bottom: 20px;
}

#raiseModals .modal-flex .modal-child .img-box {
  width: 80px;
  height: 80px;
}

#raiseModals .modal-flex .modal-child .img-box img {
  width: 100%;
}

#raiseModals .modal-flex .modal-child h2 {
  font-size: 23px;
  font-weight: 600;
  margin: 17px 0px;
}

#raiseModals .modal-header {
  border-bottom: unset;
  padding: 8px 10px;
}

#raiseModals .modal-header button.close {
  background: #fff;
  padding: 0;
  margin: 0 0 0 auto;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  opacity: 1 !important;
  text-shadow: none;
}

#raiseModals button.Join-team {
  width: 100%;
  background: #000;
  padding: 8px 10px;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  border: none;
}


/*---- requistion ends here ----*/

/*---- table sort indicatiors start from here ---*/
th.sortable {
  cursor: pointer;
  user-select: none;
  position: relative;
  padding-right: 30px;
}

th.sortable .sort-indicator {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  color: #ccc;
  user-select: none;
}

th.sortable .sort-indicator.asc {
  right: 20px;
}

th.sortable .sort-indicator.desc {
  right: 5px;
}

th.sortable .sort-indicator.active {
  color: #000;
  font-weight: bold;
}


/*--- table sort indicators ends here ----*/

/*--- new raise request starts from here ---*/

.new-raise td.move span {
  background: #f1ac2d;
  padding: 6px 10px;
  border-radius: 3px;
}

.new-raise tbody td:nth-child(7) span {
  width: 100%;
  display: block;
  text-align: center;
  color: #000;
  font-weight: 500;
}

td.move button.move-modal {
  border: none;
  padding: 0;
}

.new-raise-modal span.required {
  color: red;
}

.new-raise .bulk-move {
  margin-bottom: 15px;
  display: block;
  float: right;
  border: 2px solid #ff6c00;
  padding: 5px 20px;
  background: #ff6c00;
  border-radius: 4px;
  color: #fff;
  transition: all 0.3s ease-in-out;
}

.new-raise .bulk-move:hover {
  background: transparent;
  color: #ff6c00;
  opacity: 1;
}

.new-raise a.bulk-back-move {
  margin-bottom: 15px;
  display: block;
  float: right;
  border: 2px solid #c1bab5;
  padding: 5px 20px;
  background: #c1bab5;
  border-radius: 4px;
  color: #000;
  margin-left: 10px;
  font-weight: 600;
}

.new-raise a.bulk-back-move i {
  margin-right: 5px;
}

.new-raise .nav-tabs .nav-link a {
  color: #ff6c00;
}

/*--- new raise request end here ----*/

/*--ch_case_viewrequest starts from here ---*/

.requsition .nav-tabs .nav-link:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.case-view-request {
  background: #add8e6;
  border: 2px solid #000;
  padding: 0;
  width: 48%;
  margin: 0px 10px;
}

.view-request-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.view-request-flex .view-request-nav {
  width: 22%;
  padding: 12px 10px !important;
  min-height: 64vh !important;
  max-height: 64vh !important;
}

.view-request-flex .view-request-tab {
  width: 78%;
}

.view-request-flex .tab-view-flex {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}

.case-view-request .modal-header {
  border-bottom: 0;
  padding-bottom: 0;
}

.case-view-request .modal-footer {
  border-top: unset;
}

.case-view-request:nth-child(2) {
  background: #efefef;
}

.case-view h5 {
  display: inline-block;
  margin-bottom: 0 !important;
}

.case-view a.bulk-back-move {
  margin-bottom: 0;
}

.case-view .title-flex-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}

/*--- ch_case_viewrequest ends here ---*/

/*--- lateral Requistion starts from here ----*/

.lateral-main {
  padding: 10px;
  background: #bcc2ee;
  border-radius: 10px;
  border: 2px solid #141010;
}

.sub-cta {
  width: 39%;
  display: block;
  margin: 23px 0px 0px 0px;
  background: #008000;
  border-radius: 5px;
  padding: 5px 10px;
  color: #fff;
  border: 2px solid #008000;
  font-weight: 600;
  transition: 0.3s ease-in-out;
}

.sub-cta:hover {
  background: transparent;
  color: #008000;
}

#laterl-req h5.title {
  display: inline;
}

#laterl-req .title-container {
  margin-bottom: 20px;
}

#laterl-req a.bulk-back-move {
  margin-bottom: 15px;
  display: block;
  float: right;
  border: 2px solid #c1bab5;
  padding: 5px 20px;
  background: #c1bab5;
  border-radius: 4px;
  color: #000;
  margin-left: 10px;
}

/*--- lateral Requition ends here ----*/

/*---- Investigation starts from here ----*/

.investi-main .child-invest {
  border: 2px solid #403232;
  margin: 0px 10px 15px;
  width: 23%;
  border-radius: 8px;
  padding: 0px 0px 15px;
  background: #f7f3ff;
  transition: transform 0.5s ease;
  cursor: pointer;
}

.investi-main .child-invest:hover {
  transform: scale(1.1);
}

.investi-main {
  padding: 0px 15px;
}

.child-invest .img-icon {
  width: 100px;
  height: 100px;
  margin: 0 auto 10px auto;
}

.child-invest .img-icon img {
  width: 100%;
}

.investi-main a.play-button i {
  float: right;
  font-size: 30px;
  color: #008000;
  transition: transform 0.5s ease;
  padding-right: 10px;
}

.investi-main a.play-button:hover i {
  transform: rotate(360deg);
}

.desc-box span {
  font-weight: 600;
  font-size: 11px;
  color: #403232;
}

.investi-main .desc-box {
  margin-bottom: 14px;
  border-top: 2px dotted #000;
  border-bottom: 2px dotted #000;
  padding: 10px;
}

.pd-left .investi-main .child-invest {
  width: 31%;
}

/*--- Investigate ends here ----*/

/*--- central_hub_dashboard starts from here -----*/

.central_hub_dash .center-panel {
  grid-column: span 3;
  text-align: center;
}

.central_hub_dash .canva-box {
  width: 100%;
  min-height: 305px;
  max-height: 371px;
  border: 2px solid #000;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.central_hub_dash .canva-box .content-show span {
  color: #2763BBFF;
  font-weight: 600;
  font-style: italic;
}

.central_hub_dash .canva-box .content-show p {
  color: #2763BBFF;
  font-weight: 600;
  font-style: italic;
}

.indicators span span.indi {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin-right: 6px;
}

.indicators span p {
  font-weight: 600;
  font-style: italic;
  color: #000;
}

.indicators span.chnge-re-ind span.indi {
  background: #5ce1e6;
}

.indicators span.inci-re-ind span.indi {
  background: #0cc0df;
}

.indicators span {
  display: flex;
  align-items: center;
  position: relative;
}

.indicators span.ser-re-ind span.indi {
  background: #0097b2;
}

.central_hub_dash .panel {
  width: 100%;
  margin-bottom: 16px;
}

.central_hub_dash .panel h3 {
  text-align: center;
  text-decoration: underline;
  text-decoration-color: #3e41b7;
  font-size: 20px;
  font-weight: 600;
  color: #3e41b7;
  margin-top: 5px;
}

.central_hub_dash .canva-box .content-show {
  position: absolute;
}

.central_hub_dash .canva-box .content-show.chge-re {
  top: 10px;
  right: 50px;
}

.central_hub_dash .canva-box .content-show.inci-re {
  top: 44%;
  right: 15px;
}

.central_hub_dash .canva-box .content-show.ser-re {
  bottom: 40px;
  left: 13px;
}

.central_hub_dash canvas#caseRequestChart,
.central_hub_dash canvas#slaChart,
.central_hub_dash canvas#geoChart {
  width: 200px !important;
  height: 200px !important;
  margin: 0 auto;
}

.central_hub_dash .stats {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 10px;
  column-gap: 19px;
  margin: 10px 0;
  margin-top: 62px;
  margin-bottom: 48px;
}

.central_hub_dash .stat-box {
  border: 2px solid black;
  border-radius: 200px;
  padding: 5px 20px;
  font-weight: bold;
  width: 45%;
  color: #214484FF;

}

.central_hub_dash .stat-box span {
  display: block;
  margin-top: 5px;
}

.central_hub_dash .highlight {
  color: red;
}

.central_hub_dash .button {
  background-color: #3366cc;
  color: white;
  border: none;
  padding: 10px 30px;
  font-weight: bold;
  font-size: 1rem;
  border-radius: 20px;
  cursor: pointer;
  margin: 10px 0;
  width: 95%;
}

.stat-boxes {
  border: 2px solid black;
  border-radius: 200px;
  padding: 5px 20px;
  font-weight: bold;
  width: 96%;
  color: #214484FF;
  margin: 0 auto;
  margin-bottom: 14px;
}

.stat-below {
  margin-top: 40px;
}

.central_hub_dashboard .containers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  flex-direction: column;
  width: 30%;
}

.central_hub_dashboard {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

canvas#caseRequestChart {
  width: 300px !important;
  height: 300px !important;
}

.content-shows {
  position: absolute;
}

.content-shows.usa {
  top: 15px;
  left: 33%;
}

.content-shows.ida {
  right: 29px;
}

.content-shows.phpi {
  bottom: 7px;
  left: 49%;
}

.content-shows.jama {
  left: 6%;
}

.content-shows span {
  font-weight: 600;
}

.content-shows p {
  font-weight: 600;
}

.middle-content h4 {
  font-size: 20px;
  color: #2763BBFF;
  font-weight: 600;

}

.central_hub_dash .button a {
  color: #fff;
}

/*--- central_hub_dashbaord ends here -----*/

/*--- travel starts from here -----*/

.travel.inp-widget {
  padding: 0;
}

.one-way-trip {
  display: none;
}

.travel h5.title {
  padding: 15px;
  margin-bottom: 0;
}

.travel .images.section-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 260px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}

.travel .images.section-bg:after {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgb(0 0 0 / 30%);
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  z-index: -1;
}

.travel .inp-widget {
  position: relative;
  padding: 0;
}

.travel-navigation ul {
  display: flex;
  width: 100%;
  justify-content: center;
}


.travel-navigation ul li a {
  color: #000000;
  font-size: 14px;
}

.travel .inp-widget .travel-navigation {
  position: absolute;
  z-index: 99;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 10px;
}

.travel-navigation a.logo {
  background: #fff;
  padding: 7px;
  width: 10%;
  border-radius: 4px;
  margin-bottom: 0;
}

.travel-navigation a.logo img {
  width: 100%;
}

.travel-navigation ul li {
  position: relative;
  width: auto;
  margin-right: 35px;
  padding-bottom: 3px;
}

.travel-navigation ul li:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 2px;
  width: 0;
  background-color: #000000;
  transition: linear .5s;
}

.travel-navigation ul li:hover:before {
  width: 100%;
  left: 0;
}

.tourist-slider .slick-arrow {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid #8cffd9;
  border-radius: 50%;
  color: #8cffd9;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 19px;
  justify-content: center;
  position: absolute;
  text-align: center;
  z-index: 1
}

.tourist-slider .slick-next,
.tourist-slider .slick-prev {
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.tourist-slider .slick-next:hover,
.tourist-slider .slick-prev:hover {
  background-color: #8cffd9;
  color: #000;
  -webkit-transition: all .5s ease-out;
  -o-transition: all .5s ease-out;
  transition: all .5s ease-out
}

.tourist-slider .slick-arrow {
  height: 35px;
  top: 48%;
  width: 35px;
}

.tourist-slider .slick-next {
  right: 10%;
}

.tourist-slider .slick-prev {
  left: 10%;
}

.tourist-slider {
  position: relative;
}


.tourist-slider ul.slick-dots {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  list-style: none;
  position: absolute;
  right: 47.3%;
  top: 86%;
}

.tourist-slider ul.slick-dots li {
  background: #4db393;
  border-radius: 50%;
  cursor: pointer;
  height: 10px;
  margin-bottom: 15px !important;
  margin-right: 18px;
  width: 10px;
}

.tourist-slider ul.slick-dots li.slick-active {
  background: #8cffd9;
  height: 14px;
  width: 14px;
}

.tourist-slider ul.slick-dots button {
  background: transparent;
  border: 0;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0px;
  margin: 0 auto;
  min-width: auto;
  outline: 0;
  padding: 5px;
  width: 20px;
}

.travel-tabber {
  padding: 17px 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
}

.travel-tabber .custom-tab {
  flex-basis: 32%;
  margin-right: 1%;
  background: #bae2fe;
  padding: 0px;
  border-radius: 15px;
  border: 1px solid #000;
}

.travel-tabber .custom-tab h2 {
  margin-bottom: 17px;
  font-size: 15px;
  font-weight: 600;
  margin-left: 12px;
  margin-top: 10px
}

.travel-tabber .nav-tabs {
  background: none;
}

.travel-tabber .nav-tabs .nav-link {
  display: flex;
  margin: 0px 8px;
  margin-bottom: 12px;
  border-radius: 4px;
  align-items: center;
  border: none;
  padding: 6px 10px;
  width: 45%;
  justify-content: space-between;
  background: #FFCC66;
}

.travel-tabber .nav-tabs .nav-link .col-line {
  width: 2px;
  height: 26px;
  background: #000;
}

.travel-tabber .nav-tabs .nav-link a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.travel-tabber .nav-tabs .nav-link p.left {
  font-size: 13px;
  color: #000;
  line-height: 15px;
  width: 59%;
  text-align: left;
}

.travel-tabber .nav-tabs .nav-link img.right {
  margin-left: 0px;
  width: 14%;
}

.travel-tabber .tab-content {
  background: #EBFFFF;
  padding: 0px;
  border-radius: 15px;
  border: 1px solid #000;
  flex-basis: 67%;
}

.travel-tabber h2 {
  margin-bottom: 10px;
  font-size: 15px;
  font-weight: 600;
  margin-left: 12px;
  margin-top: 11px;
}

.travel-tabber .rows-details {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 15px;
}

.travel-tabber .rows-details .left-col {
  width: 33%;
  margin-right: 2%;
}

.travel-tabber .rows-details label {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
}

.travel-tabber .rows-details p {
  font-size: 14px;
}

span.required {
  color: #ff0000;
}

#previoushistoryModal .modal-body ul li.pending-seen.revert::before {
  border-color: #ff0000 !important;
}

#previoushistoryModal .modal-body ul li.pending-seen.revert .elStoryColumn {
  border-color: #ff0000 !important;
}

.job-request ul li.pending-seen.revert::before {
  border-color: #ff0000 !important;
}

.job-request ul li.pending-seen.revert .elStoryColumn {
  border-color: #ff0000 !important;
}


/*---- travel ends here ----*/

/*---- map asp parameter starts from here ----*/

.row-flex .head-title h4 {
  font-size: 14px;
  font-weight: 600;
}

.para-child {
  padding: 10px;
  background: #c3f2d2;
  border-radius: 10px;
  border: 2px dashed #000;
}

.left-parameter,
.right-parameter {
  min-height: 28vh;
  max-height: 28vh;
  overflow-y: auto;
}

.left-parameter p,
.right-parameter p {
  font-size: 13px;
  margin-bottom: 2px;
  cursor: pointer;
}

.right-parameter::-webkit-scrollbar,
.left-parameter::-webkit-scrollbar {
  width: 10px;
}

.right-parameter::-webkit-scrollbar-track,
.left-parameter::-webkit-scrollbar-track {
  background: #0080005e;
  border-radius: 10px;
}

.right-parameter::-webkit-scrollbar-thumb,
.left-parameter::-webkit-scrollbar-thumb {
  background: #008000;
  border-radius: 10px;
}

.arrow-box {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.arrow-box i {
  font-size: 26px;
  color: #008000;
  cursor: pointer;
}

.left-parameter p.selected,
.right-parameter p.selected,
.left-parameter p:hover,
.right-parameter p:hover {
  background-color: #008000;
  padding: 3px 3px;
  border-radius: 3px;
  color: #fff;
  margin-right: 8px;
}

.left-parameter p,
.right-parameter p {
  cursor: pointer;
  margin: 4px 0;
}

/*---- map asp parameter ends here ---*/

/*--- travel tab starts from here ----*/

.travel-detail a.back-cta {
  float: right;
  background: #e0d8d8;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #000;
  transition: 0.3s all ease;
}

.valu-main-boxes {
  max-height: 210px;
  overflow-y: auto;
}

.types-travel-box {
  max-height: 224px;
  overflow-y: auto;
}

.travel-detail a.back-cta:hover {
  color: inherit;
}

.travel-detail a.back-cta i {
  margin-right: 10px;
}

.travel-detail .travel-tabs {
  margin-top: 20px;
}

.travel-detail .travel-tabs {
  margin-top: 20px;
}

.travel-detail .nav-tabs .nav-link {
  width: 21%;
  border-radius: 6px;
  background: lightblue;
  margin-right: 4px;
  padding: 4px 10px;
}

.travel-detail .nav-tabs .nav-link a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.travel-detail .nav-tabs .nav-link a img.right {
  width: 12%;
}

.travel-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 93%;
}

.types-travel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow-x: auto;
}

.travel-flex .travle-mini {
  width: 25%;
  margin-right: 1%;
}

.icon-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 7%;
}

.travel-detail .nav-tabs .nav-link.active {
  background: #FFCC66;
  transform: scale(1.2);
  margin-right: 29px;
  margin-left: 20px;
}

h2.tagline {
  font-size: 16px;
  margin: 13px 0px 25px;
}

.travel-detail .nav-tabs .nav-link a p {
  font-size: 14px;
  font-weight: 600;
}

.select-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}

.select-wrapper select {
  width: 100%;
  padding-right: 30px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: white;
}

.travle-mini label {
  font-weight: 600;
  margin-bottom: 5px;
}

.travel-tabs .plus-icons,
.travel-tabs .trash-icons {
  border: none;
  background: none;
  top: 12px;
  position: relative;
  left: 0;
}

.preference-tabs .icon-flex {
  width: 8%;
}

.select-wrapper::after {
  content: "\f107";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 10px;
  pointer-events: none;
  transform: translateY(-50%);
  color: #05d1a5;
  font-size: 14px;
}


.detail-mini {
  width: 21%;
  background: #156082;
  margin-right: 3px;
  padding: 7px 10px;
  border-radius: 2px;
  text-align: left;
  display: flex;
  align-items: center;
}

.values-mini {
  width: 21%;
  margin-right: 3px;
  border-radius: 2px;
  text-align: left;
  display: flex;
  align-items: center;
}

.detailings {
  max-width: 93%;
  margin: 10px 0px 35px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.detailings::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Edge */
}


#accomudations .detailings {
  max-width: 100%;
}

.value-flexes {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 93%;
}

.value-add {
  margin: 10px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.value-add::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Edge */
}

.detail-mini label {
  color: #fff;
  font-weight: 600;
  font-size: 13px;
}

.no-calendar-icon::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
}

/* Firefox */
.no-calendar-icon {
  -moz-appearance: textfield;
}

.value-add .plus-icons,
.value-add .trash-icons {
  top: 0;
}

.highlights {
  background: none;
  padding: 0;
  border: none;
  color: #5288a3;
  font-weight: 600;
  text-decoration: underline;
}

p.modal-cta {
  font-size: 14px;
  margin: 50px 14px 20px;
}

#accomudations .value-flexes {
  width: 100%;
}

#mealModal .modal-content,
#seatModal .modal-content,
#cabModal .modal-content {
  /* background: #d4e0e5; */
  background: #ffffff;
  border-radius: 30px;
  border: 1px solid #000;
}

#mealModal .modal-dialog {
  max-width: 770px;
}

#seatModal .modal-dialog {
  max-width: 850px;
}


#mealModal .modal-body {
  display: flex;
  align-items: stretch;
  justify-content: center;
  padding: 0 40px;
  gap: 29px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#mealModal .image-panel {
  width: 77%;
}

#mealModal .modal-header,
#seatModal .modal-header,
#cabModal .modal-header {
  padding-top: 3px;
  background: #163E64;
  padding-bottom: 3px;
  margin-top: 55px;
  border-radius: unset;
}

#mealModal .modal-header .modal-title,
#seatModal .modal-header .modal-title,
#cabModal .modal-header .modal-title {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
}

#mealModal .modal-header .close,
#seatModal .modal-header .close,
#cabModal .modal-header .close {
  color: #fff;
  opacity: 1;
}

.travel-detail .nav-tabs {
  border-bottom: unset;
}

#cabModal .cab-modal .view-add-cta,
#cabModal .value-add .plus-icons,
#cabModal .value-add .trash-icons {
  background: none;
  padding: 0;
  border: unset;
  margin-right: 10px;
}

#mealModal .checkbox-panel {
  border: 2px solid #003b4d;
  border-radius: 25px;
  padding: 40px;
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 40px;
  box-sizing: border-box;
  min-height: 44vh;
  max-height: 44vh;
  overflow-y: auto;
}

#mealModal .checkbox-item,
#seatModal .checkbox-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}

#mealModal .checkbox-item input[type="checkbox"],
#seatModal .checkbox-item input[type="checkbox"] {
  width: 20px;
  height: 20px;
  accent-color: #333;
}

#mealModal .image-panel img {
  width: 100%;
  height: auto;
  border-radius: 25px;
  object-fit: cover;
}

#cabModal select {
  background: transparent;
}

#cabModal input {
  background: transparent;
}

#seatModal .modal-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 40px;
  gap: 20px;
}

#seatModal .preferences {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 50%;
}

#seatModal .arrow-text {
  background-image: url('../images/new-arrow.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 118px;
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  color: #003B5C;
  font-weight: bold;
  text-align: center;
}

#seatModal .image {
  width: 55%;
}

#seatModal .mode {
  border-radius: 10px;
  padding: 15px;
  border: 2px solid #000;
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
  padding-left: 0;
  justify-content: space-between;
}

#seatModal .label {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  color: #005a9c;
}

#seatModal .arrow {
  font-size: 24px;
  transform: rotate(180deg);
}

#seatModal .options {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  box-sizing: border-box;
  width: 43%;
  min-height: 8vh;
  max-height: 26vh;
  overflow-y: auto;
}

#seatModal .options li {
  margin: 5px 0;
}

#seatModal .image img {
  border-radius: 20px;
  width: 100%;
  height: auto;
  object-fit: cover;
}

#cabModal .modal-dialog {
  max-width: 900px;
}

#accomudations {
  margin-top: 40px;
  max-width: 1005px;
}

#docs .detailings {
  margin-bottom: 0;
  max-width: 100%;
  margin-top: 58px;
}

#docs .values-mini {
  border: 1px solid grey;
  margin-right: 0;
  padding: 15px;
  width: 25%;
  border-radius: 0;
  justify-content: space-between;
}

#docs .value-add {
  margin: 0;
}

#visas .detailings {
  max-width: 100%;
}

#visas .value-flexes {
  width: 100%;
}

#docs .value-flexes {
  width: 100%;
}

#docs .values-mini label {
  font-size: 14px;
}

#docs .detail-mini {
  margin-right: 1px;
  width: 26%;
}

#docs .values-mini input[type="checkbox"] {
  transform: scale(2);
}

#docs p {
  margin-top: 70px;
  font-size: 15px;
  margin-bottom: 30px;
}

#cabModal .detailings {
  width: 92%;
  max-width: 92%;
}

#cabModal .value-add {
  width: 100%;
  max-width: 100%;
}

#docs {
  padding-bottom: 40px;
}

#docs p a {
  color: #5d8996;
  text-decoration: underline;
  font-style: italic;
}

button.sub-req {
  float: right;
  background: #04b891;
  border: 2px solid #04b891;
  padding: 5px 20px;
  border-radius: 4px;
  font-weight: 600;
  transition: 0.3s all ease;
}

#visas {
  margin-top: 40px;
  max-width: 900px;
}

#visas .values-mini,
#visas .detail-mini {
  width: 24%;
}

.text-area {
  max-width: 900px;
  margin-top: 40px;
}

textarea.textsarea {
  width: 97%;
  min-height: 100px;
}

#cabModal .cab-modal .view-add-cta {
  background: none;
  padding: 0;
  border: unset;
  margin-right: 10px;
}

#cabModal .table thead th {
  background: #156082;
  border: 3px solid #fff;
}

#cabModal .table thead {
  margin-bottom: 0;
}

#cabModal tbody.cab-modal {
  margin-top: 0;
}

#cabModal .table-responsive {
  background: #fff !important;
}

#cabModal tbody.cab-modal tr {
  background: #fff !important;
}

#cabModal tbody.cab-modal tr td {
  border: 1px solid #c1c1c1;
  padding: 5px;
}

.cab-modal textarea.form-control {
  height: 40px !important;
  overflow-y: auto;
}

/*--- travel tab ends here ----*/

/*---- my dashboard Starts from here ----*/

#chartdiv {
  width: 100%;
  height: 400px;
  background: #d1d1d1;
  margin: 0;
  padding: 0;
}

#chartdiv a[href*="amcharts"] {
  display: none !important;
}

#chartdiv tspan {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0;
}

.travel-title-box {
  background: #284c6e;
  margin: 0px -15px;
  border-radius: 0;
  margin-bottom: 10px;
  padding: 6px 10px;
}

.travel-title-box h4 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  margin-left: -15px;
}

.travel-title-box a.back-cta,
.read-reports a.back-cta,
.leave-apln .flexes a.back-cta {
  float: right;
  background: #e0d8d8;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #000;
  transition: 0.3s all ease;
  display: inline-block;
}

#interviewResult input.form-control {
  border-color: #000 !important;
  color: #000 !important;
  font-weight: 600;
}

#transLink .modal-header button.close span {
  position: relative;
  bottom: 2px;
}

#interviewResult input.form-control:focus-visible {
  outline: none !important;
}

.leave-apln .flexes a.back-cta {
  float: unset !important;
  margin-right: 8px;
  border: none;
}

.leave-apln .flexes a.back-cta:hover {
  color: #000 !important;
}

.travel-title-box a.back-cta i,
.read-reports a.back-cta i,
.leave-apln .flexes a.back-cta i {
  margin-right: 10px;
}

.travel-title-box a.back-cta:hover {
  color: #000;
}

.read-reports a.back-cta:hover {
  color: #000;
}

/*---- my dashboard ends here -----*/

/*--- set preferences starts from here ----*/

.preference-tabs .custom-tab .nav-link {
  text-align: left;
  border-radius: 0;
  margin-bottom: 5px;
  background: unset;
  border-right: unset;
  padding: 0px 15px;
  transition: 0.3s all ease;
}

#setdocs .valu-main-boxes {
  max-height: 142px;
}

.preference-tabs .custom-tab .nav-link:hover {
  transform: scale(1.02);
}

.preference-tabs .custom-tab .nav-link:hover p.left {
  font-weight: 600;
}

.preference-tabs .custom-tab .nav-link:hover img.right {
  transform: scale(1.2);
}

.preference-tabs .custom-tab {
  background: #c1e5f5;
  border-radius: 30px;
  border: 1px solid #000;
  width: 27%;
  margin-right: 3%;
}

.preference-tabs {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.preference-tabs .row {
  gap: 0px;
}

.preference-tabs .tab-content {
  background: #e6fef9;
  border-radius: 30px;
  border: 1px dashed #000;
  width: 70%;
  padding: 10px;
}

.preference-tabs .nav-tabs {
  padding: 15px 0px 0px;
}

.preference-tabs .custom-tab .nav-link.active {
  font-weight: bold;
  background: unset;
}

.preference-tabs .custom-tab .left {
  font-size: 14px;
  font-weight: 500;
}

#setinsus .wrap-detail-box .detailings {
  margin-bottom: 13px;
}

.comment-box textarea {
  min-height: 116px;
  resize: none;
}

.preference-tabs .custom-tab img.right {
  width: auto;
  height: 16px;
}

.preference-tabs .custom-tab .nav-link.active p.left {
  font-weight: 600;
}

.preference-tabs .custom-tab .nav-link.active img.right {
  transform: scale(1.5);
}

.preference-tabs .values-mini {
  width: 31.6%;
}

.preference-tabs .detail-mini {
  width: 29%;
}

.preference-tabs .value-add .plus-icons,
.preference-tabs .value-add .trash-icons {
  border: none;
  background: none;
  padding-left: 0;
}

.preference-tabs input[type=checkbox] {
  transform: scale(2.3);
}

#setpports .detailings,
#setdocs .detailings {
  margin-bottom: 0;
}

#setdocs .detailings {
  max-width: 100%;
}

.two-col-tab .detail-mini,
.two-col-tab .values-mini {
  width: 24.5%;
}

.three-col-tab .detail-mini,
.three-col-tab .values-mini {
  width: 24.6%;
}

#setmeals {
  padding: 40px;
  padding-bottom: 40px;
}

#setmeals .checbox-flexes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10px;
}

#setmeals .checbox-flexes .left {
  width: 90%;
  padding: 8px 20px;
  border: none;
  background: #156082;
  color: #fff;
  text-align: left;
  margin-right: 30px;
}

#setpprences .preferences {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 90%;
  margin: 0 auto;
}

#setpprences .mode {
  border-radius: 10px;
  padding: 15px;
  border: 2px solid #000;
  display: flex;
  flex-direction: row;
  gap: 15px;
  align-items: center;
  padding-left: 0;
  justify-content: space-between;
}

#setpprences .label {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-weight: bold;
  font-size: 18px;
  color: #005a9c;
}

#setpprences .arrow-text {
  background-image: url("../images/without-border.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 118px;
  height: 89px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1px;
  color: #003B5C;
  font-weight: bold;
  text-align: center;
}

#setpprences .options {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 16px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  box-sizing: border-box;
  width: 43%;
  /* min-height: 6vh;
    max-height: 26vh;
    overflow-y: auto; */
  padding-right: 17px;
}

#setpprences .checkbox-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
}

#setpprences input[type="checkbox"] {
  width: 12px;
  height: 10px;
  accent-color: #333;
}

/*---- set preferences ends here ----*/

/*---- my request starts from here ----*/

.my-request button.highlights {
  background: #284c6e;
  padding: 6px 20px;
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
}

.my-request p {
  margin-top: 70px;
  margin-bottom: 31px;
  font-size: 14px;
}

.my-request p .click-here {
  background: none;
  border: none;
  padding: 0;
  margin-right: 7px;
  font-style: italic;
  text-decoration: underline;
  color: #284c6e;
}


#previoushistoryModal .modal-dialog {
  max-width: 1000px;
  margin-top: 10px;
}

#previoushistoryModal .modal-content {
  background: #d4e0e5;
  border-radius: 30px;
  border: 1px solid #000;
}

#previoushistoryModal .modal-header {
  padding-top: 3px;
  background: #163E64;
  padding-bottom: 3px;
  margin-top: 55px;
  border-radius: unset;
}

#previoushistoryModal .modal-header h5 {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

#previoushistoryModal .modal-header .close {
  color: #fff;
  opacity: 1;
}

#previoushistoryModal .modal-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}

#previoushistoryModal .modal-body ul {
  width: 60%;
  padding-left: 55px;
  margin-top: 0px;
}

#previoushistoryModal .modal-body .calender-right {
  width: 40%;
}

#previoushistoryModal .modal-body ul li.approved-box {
  padding-bottom: 0;
  width: 0;
  top: 11px;
  background: none;
  margin-top: -24px;
  height: 60px;
}

.elStoryColumn,
.job-request .elStoryColumn {
  background: #abc0c9;
  position: relative;
  top: -11px;
  width: 352px;
  left: 18px;
  padding: 13px;
  border-radius: 7px;
  transition: all 0.4s ease-in-out;
  z-index: 14;
  box-shadow: 7px 6px 15px 0px rgba(0, 0, 0, 0.25);
  border: 2px solid #47d45a;
}

.job-request .elStoryColumn {
  width: 800px !important;
}

#previoushistoryModal .modal-body ul li.pending-seen::before,
#previoushistoryModal .modal-body ul li.pending-not-seen::before,
.job-request ul li.pending-seen::before,
.job-request ul li.pending-not-seen::before {
  border: 3px solid #fefe07 !important;
}

#previoushistoryModal .modal-body ul li.pending-seen .elStoryColumn,
#previoushistoryModal .modal-body ul li.pending-not-seen .elStoryColumn,
.job-request ul li.pending-seen .elStoryColumn,
.job-request ul li.pending-not-seen .elStoryColumn {
  border-color: #fefe07;
}

.approved-box .elStoryColumn {
  background: no-repeat;
  padding: 0;
  border: none;
  box-shadow: none;
  top: 7px;
}

.approved-box .elStoryColumn h4 {
  font-size: 17px;
  font-weight: 600;
}

#previoushistoryModal .modal-body ul li,
.job-request ul li {
  background: #156082;
  position: relative;
  width: 2px;
  /* padding-bottom: 40px; */
  list-style-type: none;
  height: 99px;
}

.job-request ul.timeline-flex {
  max-width: 72%;
  margin: 0 auto;
  margin-top: 26px;
}

.req-bg .title-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.job-report.job-request .req-bg .title-flex a.back-cta {
  float: unset !important;
  bottom: 7px;
}

#previoushistoryModal .modal-body ul li:before,
.job-request ul li:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  width: 15px;
  height: 15px;
  border: 3px solid #47d45a;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #156082;
}


#previoushistoryModal .modal-body ul li.pending-seen:after,
#previoushistoryModal .modal-body ul li.pending-not-seen:after,
.job-request ul li.pending-seen:after,
.job-request ul li.pending-not-seen:after {
  position: absolute;
  content: "";
  bottom: 78%;
  right: 13px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

#previoushistoryModal .modal-body ul li.pending-seen:after,
.job-request ul li.pending-seen:after {
  background-image: url(../images/danger.svg);
}

#previoushistoryModal .modal-body ul li.pending-not-seen:after,
.job-request ul li.pending-not-seen:after {
  background-image: url(../images/timer.svg);
}

#previoushistoryModal .modal-body ul li.approved-box::before {
  background-image: url('../images/check-mark.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-color: unset;
  border: none;
  width: 30px;
  height: 30px;
}

#previoushistoryModal .modal-body ul .descrWrap p,
.job-request ul .descrWrap p {
  color: #fff !important;
  font-style: italic;
}

.job-request .descrWrap {
  text-align: left;
}

#previoushistoryModal .modal-body ul h5,
.job-request ul h5 {
  margin-bottom: 24px;
}

#previoushistoryModal .modal-body ul h5,
#previoushistoryModal .calender-right h4 {
  padding-left: 19px;
  font-size: 16px;
  font-weight: 600;
}

#previoushistoryModal .calender-right h4 {
  margin-bottom: 12px;
}

#previoushistoryModal .calendar {
  max-width: 600px;
  margin: auto;
  background: #abc0c9;
  border-radius: 12px;
  box-shadow: 7px 6px 15px 0px rgba(0, 0, 0, 0.25);
  padding: 20px;
  border: 2px solid #163E64;
}

#previoushistoryModal .calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

#previoushistoryModal .calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
  text-align: center;
}

#previoushistoryModal .day-name {
  font-weight: bold;
  color: #b21212;
}

#previoushistoryModal h5#monthYear {
  color: #163E64;
  font-weight: 600;
}

.calendar-header button {
  border: 2px solid #163E64 !important;
  color: #163E64 !important;
  font-weight: 600 !important;
  padding: 4px 10px;
  font-size: 14px;
}

#previoushistoryModal .date {
  padding: 10px 0;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  transition: background 0.3s;
  color: #163E64;
  font-weight: 600;
}

#previoushistoryModal .date:hover {
  background: #e8f0fe;
}

#previoushistoryModal .inactive {
  color: #7e5959;
}

#previoushistoryModal .indicators {
  margin-top: 4px;
  display: flex;
  justify-content: center;
  gap: 4px;
  position: absolute;
  bottom: 5px;
  left: 16px;
}

#previoushistoryModal .dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}

#previoushistoryModal .dot-purple {
  background: #6f42c1;
}

#previoushistoryModal .dot-yellow {
  background: #ffc107;
}

#previoushistoryModal .dot-green {
  background: #28a745;
}

#previoushistoryModal .dot-red {
  background: #dc3545;
}

#eventModal {
  background: #00000082;
}

#eventModal .modal-dialog {
  max-width: 1025px;
  margin: 0 auto;
  margin-top: 12px;
}

#eventModal .modal-content {
  background-color: #d4e0e5 !important;
  border-radius: 30px;
  border: 1px solid #000;
  z-index: 0;
  min-height: 95vh;
}

#eventModal .modal-header {
  padding-top: 3px;
  background: #163E64;
  padding-bottom: 3px;
  margin-top: 55px;
  border-radius: unset;
}

#eventModal .modal-header h5 {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

#eventModal .modal-header .close {
  color: #fff;
  opacity: 1;
}

.modal-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  max-width: 800px;
  margin: 0 auto;
}

.modal-child {
  margin: 0 auto;
  padding: 20px;
  width: 37%;
  border-radius: 10px;
  text-align: center;
  position: relative;
  background: #e8a7a7;
  min-height: 100px;
  margin-bottom: 10px;
  border-left: 4px solid #000;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.modal-child p {
  font-size: 16px;
  display: block;
  width: 100%;
  font-weight: 600;
  margin-bottom: 10px;
}

.modal-child span {
  width: 100%;
}

.pale-green {
  background: #8fd68f;
}

.pale-lav {
  background: #c2c2e8;
}

.pale-red {
  background: #ffadad;
}

.pale-blue {
  background: #a5cce4;
}

/*--- my request ends here -----*/

/*--- my actions starts from here ----*/

.my-actions td:last-child a.highlights {
  background: #284c6e;
  padding: 10px 12px;
  text-decoration: none;
  color: #fff;
  border-radius: 6px;
}

.my-actions tbody td:last-child {
  min-width: 141px;
  text-align: center;
}

.my-actions thead th:last-child {
  text-align: center;
}

.appr-box {
  float: right;
  margin: 10px;
}

.my-actions .inp-widget {
  padding-bottom: 56px;
}

.appr-box a.appr {
  background: #04B891;
  padding: 8px 15px;
  border-radius: 4px;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.appr-box a.appr:hover {
  color: inherit;
}

#revertModal a.sub {
  float: right;
  background: #04B891;
  padding: 7px 15px;
  border-radius: 4px;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*--- My actions ends here ----*/

/*----TM master starts from here -----*/

.add-new-records button.sub-cta {
  margin: 0;
  margin-top: 21px;
}

.add-new-records p.desp {
  font-size: 13px;
  font-style: italic;
}

.my-master .master-box {
  background: #e6fef9;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 10px;
}

.my-master .master-box button {
  background: #284c6e;
  padding: 7px 20px;
  text-decoration: none;
  color: #fff !important;
  border-radius: 4px;
  font-weight: 600;
  border: none;
  margin-top: 19px;
  margin-right: 2px;
}

.my-master .master-box button a {
  color: #fff !important;
}

.my-master .master-box button a i {
  margin-right: 8px;
}

.my-master .master-box label {
  font-weight: 600;
}


#editmodal .top-form-box {
  background: #e6fef9;
  margin-bottom: 0;
}

#editmodal .modal-content {
  max-width: 1100px;
}

#editmodal .modal-dialog {
  max-width: 715px;
}

#editmodal .modal-header {
  background: #042262;
  margin-top: 45px;
  padding: 8px 15px;
}

#editmodal .modal-header h5 {
  color: #fff;
  font-weight: 600;
  font-size: 17px;
}

#editmodal .modal-header .close {
  text-shadow: none;
  background: white;
  opacity: 1;
  padding: 2px 8px;
  border-radius: 50%;
  margin: 0;
}

#editmodal .modal-footer {
  padding: 10px;
  border-top: 0px;
  padding-top: 0 !important;
}

#editmodal .modal-footer .update-cta {
  background: green;
  padding: 7px 22px;
  border: none;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
}

/*---TM Master ends here ----*/

/*--- view approve starts from here ----*/

.view-approve .travel-title-box h4 {
  margin-left: 0;
}

.flex-detils.bg-white {
  padding: 20px;
  background: #F2F2F2FF;
  border-radius: 16px;
  border: 1px solid #B6CADEFF;
  margin-bottom: 20px;
  box-shadow: 0px 0px 1px #171a1f12, 0px 0px 2px #171a1f1F;
}

.view-approve .travel-desc {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 6px;
}

.view-approve .travel-desc label {
  margin-right: 9px;
  margin-bottom: 0;
  line-height: 10px;
  font-weight: 600;
}

.view-approve .travel-desc input {
  width: auto;
  border: none;
  border-bottom: 2px dotted #000;
  padding: 0;
  display: inline-block;
  height: auto;
}

.bg-blue-box {
  background: #B6CADEFF;
  border-radius: 2px;
  /* border-xs */
  border: 1px solid #B6CADEFF;
  box-shadow: 0px 0px 1px #171a1f12, 0px 0px 2px #171a1f1F;
  padding: 15px;
}

.flex-detils.bg-half-white {
  padding: 20px;
  background: #D9D9D9FF;
  border-radius: 16px;
  /* border-xl */
  border: 1px solid #B6CADEFF;
  box-shadow: 0px 0px 1px #171a1f12, 0px 0px 2px #171a1f1F;
  margin-bottom: 20px;
}

.flex-detils input.form-control {
  background: transparent;
}

.flex-detils.bg-grey {
  background: #BFBFBFFF;
  border-radius: 10px;
  /* border-l */
  border: 1px solid #BFBFBFFF;
  box-shadow: 0px 0px 1px #171a1f12, 0px 0px 2px #171a1f1F;
  padding: 20px;
}

.flex-detils input.form-control:focus {
  border: none !important;
  background: transparent !important;
  border-bottom: 2px dotted #000 !important;
}

.view-approve .travel-title-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.view-approve .flex-cta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 20px 0px;
}

.view-approve .flex-cta .highlights {
  padding: 7px 17px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: Inter;
  font-size: 14px;
  font-weight: 600;
  color: #000000FF;
  background: #D7C751FF;
  opacity: 1;
  border: none;
  border-radius: 6px;
  margin-right: 15px;
  text-decoration: none;
}

.view-approve a.appr {
  background: #04B891;
  padding: 7px 15px;
  border-radius: 4px;
  font-weight: 600;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


#revertModal .modal-dialog {
  max-width: 1000px;
  margin-top: 10px;
}

#revertModal .modal-content {
  background: #d4e0e5;
  border-radius: 30px;
  border: 1px solid #000;
}

#revertModal .modal-header {
  padding-top: 6px;
  background: #163E64;
  padding-bottom: 6px;
  margin-top: 55px;
  border-radius: unset;
}

#revertModal h5 {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}

#revertModal button {
  color: #fff;
  opacity: 1;
  font-size: 18px;
}

#revertModal .body-description {
  min-height: 300px;
  max-height: 300px;
  overflow-y: auto;
  background: #f2f2f2;
  border-radius: 40px;
  margin-bottom: 30px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

/*--- view approve ends here -----*/

/*-- travel reports starts from here ----*/

.report-flex-box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.report-flex-box .agnt-bxs {
  width: 23.31%;
  margin: 0px 10px;
  margin-bottom: 20px;
  border-radius: 25px;
  text-align: center;
  box-shadow: 0px 0px 1px #171a1f12, 0px 0px 2px #171a1f1F;
  position: relative;
  min-height: 365px;
  max-height: 365px;
}

.report-flex-box .view-cta {
  position: absolute;
  left: 37%;
  bottom: 20px;
}

.img-title-box .icn-bx {
  margin: 0 auto;
  margin-bottom: 8px;
  border: none;
  padding: 0;
}

.img-title-box .icn-bx img {
  width: 100%;
}

.report-flex-box h6.travel-report-title {
  font-weight: 600;
  margin-bottom: 10px;
}

.view-cta .view-btn {
  background: #163e64;
  color: #fff;
  padding: 7px 18px;
  border-radius: 5px;
  border: 2px solid #163e64;
  font-weight: 600;
  transition: 0.4s all ease;
}

.view-cta .view-btn:hover {
  background: transparent;
  color: #163e64;
}

.travel-content {
  min-height: 157px;
  margin-bottom: 30px;
  overflow-y: auto;
}

.travel-reports {
  background: #b6cade;
  border-radius: 20px;
}

.travel-content p.desc {
  font-size: 14px;
}

.travel-reports h5.page-title {
  color: #fff;
  font-size: 18px;
}

.travel-dashboard h5.page-title {
  background: #163e64;
  margin-left: -15px;
  margin-right: -15px;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
  padding: 10px;
}

.travel-reports .title-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 15px;
  margin-right: -15px;
  margin-left: -15px;
  background: #163e64;
  margin-bottom: 20px;
  color: #fff;
  font-size: 18px;
  margin-top: 40px;
}

.travel-reports a.back-cta {
  float: right;
  background: #e0d8d8;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #000;
  transition: 0.3s all ease;
  display: inline-block;
}

.travel-reports i {
  margin-right: 10px;
}

.travel-reports a.back-cta:hover {
  color: #000;
}


/*---- travel reports ends here ---*/

/*---- travel dashboard starts from here ----*/

.travel-dashboard .dashboard {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  max-width: 1200px;
  margin: 10px auto;
  padding: 10px;
}

.travel-dashboard .chart-container {
  width: 31.63%;
  height: 220px;
  margin: 0px 10px;
}

.travel-dashboard canvas {
  border-radius: 8px;
}

.travel-dashboard .wide {
  grid-column: span 2;
}


/*---- travel dashbaord ends here ----*/

/*-- travel detailed report starts from here ---*/


.travel-detailed .row {
  border-bottom: 1px dashed #000;
  margin-bottom: 20px;
}

.travel-detailed a.back-cta {
  background: #e0d8d8;
  padding: 8px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #000;
  transition: 0.3s all ease;
  margin-bottom: 10px;
}

.travel-detailed .audit-cta .export-cta {
  margin-right: 10px;
}

.travel-detailed a.back-cta i {
  margin-right: 10px;
}

/*-- travel detailed report ends here ---*/

/*-- Incident Management starts from here ---*/

.inci-banner {
  height: 300px;
  width: 100%;
}

.inci-banner img.incident-img {
  width: 100%;
  height: 100%;
}

.neumorphic-flexbox {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 20px;
  border-radius: 30px;
  background: #242492;
  box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.69);
  -webkit-box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.69);
  -moz-box-shadow: 1px 4px 5px 0px rgba(0, 0, 0, 0.69);
}

.neumorphic-box {
  /* width: 16.5%; */
  width: 14.97%;
  padding: 20px 20px;
  /* margin: 0px 49px; */
  margin: 0px 26px 26px;
  border-radius: 30px;
  background: #dcdcf7;
  box-shadow: inset -10px -10px 20px rgba(255, 255, 255, 0.6), inset 10px 10px 20px rgba(0, 0, 0, 0.1);
  text-align: center;
  position: relative;
  transition: all .5s ease-out;
  will-change: transform;
}

.neumorphic-box:not(:last-child)::after {
  content: '';
  position: absolute;
  top: -7%;
  /* right: -51px; */
  right: -34px;
  width: 2px;
  height: 157px;
  background-color: #a0a0e0;
}

.neumorphic-box:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.raise-img-box {
  width: 80px;
  height: 80px;
  margin: 0 auto;
  margin-bottom: 10px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  will-change: transform;
}

.neumorphic-box:hover .raise-img-box {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.raise-img-box img {
  width: 100%;
}

.raise-box:hover h6 {
  color: #000;
}

.raise-box h6 {
  font-weight: 600;
}

#analysisModal .analysis-text {
  padding: 15px;
  background-color: #efefef;
  border: solid 1px #ccc;
  color: #0024ff;
  margin-bottom: 25px;
}

table td .contact-details {
  display: block;
  text-align: left;
  white-space: nowrap;
}

table td .badge {
  font-size: 90%;
  font-weight: 600;
  padding: 0.4em 0.75em;
}

table td .icon-btn {
  padding: 5px;
  border-radius: 4px;
}

table td .icon-btn:hover {
  background-color: #e0e0e0;
}

/*-- Incident Management ends here ---*/

/*---- incident raise request starts from here ----*/

.incident-raise-request .title-flex {
  background: #26269a;
  padding: 5px 10px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.incident-raise-request .title-flex h5 {
  color: #fff;
  font-size: 18px;
}

.incident-raise-request .title-flex a.back-cta {
  background: #e0d8d8;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #000;
  transition: 0.3s all ease;
  display: inline-block;
}

.incident-raise-request .title-flex a i {
  margin-right: 10px;
}

.top-table,
.top-table-two {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #f2f2f2;
  padding: 10px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.top-table-two .table thead th {
  text-align: center;
  border-right: 2px solid #fff;
  background: #26269a;
}

.top-table-two .table tbody td {
  padding: 6px 10px;
  background: #fff;
  border: 2px solid #BFBFBF;
}

.top-table-two .table tbody td::placeholder {
  color: #000;
}

#table-three td {
  padding: 10px;
  overflow: hidden;
}

div#table-three td input[type="checkbox"] {
  transform: scale(1.3);
  font-size: 23px;
}

.top-table-two .table .select-wrapper select,
.top-table .table .select-wrapper select {
  border: none;
  outline: none;
  line-height: 10px;
}

.incident-my-to-do .top-table .table td {
  background: inherit;
}

.top-table .table tbody td input,
.top-table-two .table tbody td input {
  width: 100%;
  border: none;
  outline: none;
  text-align: center;
  color: #000;
}


.rise-inci-flex-child {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #f2f2f2;
  padding: 15px 20px 24px;
  border-radius: 5px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  /* box-shadow: 0px 0px 1px #171a1f12, 0px 0px 2px #171a1f1F;  */
}

.rise-inci-flex {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.rise-inci-flex-child .btn-flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.rise-inci-flex-child .btn-flex .sub-cta {
  width: auto;
  margin-top: 0;
  padding: 3px 16px;
  margin-right: 10px;
}


.top-table tr.disabled td input {
  cursor: no-drop;
}


.top-table tr.disabled td {
  background: #e0dada;
}

.rise-inci-flex ul.left-rise {
  width: 34%;
  padding: 8px 10px;
  background: #d5d5ef;
  margin-bottom: 20px;
  border-radius: 4px;
  box-shadow: 0px 0px 1px #171a1f12, 0px 0px 2px #171a1f1F;
  margin-right: 2%;
  display: flex;
  align-items: center;
}

.rise-inci-flex textarea.input-right[disabled] {
  background: #e0dada;
  cursor: no-drop;
}

.rise-inci-flex ul.left-rise li {
  font-weight: 600;
}

.rise-inci-flex textarea.input-right,
.rise-inci-flex input.input-right {
  width: 64%;
  height: 54px;
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #000;
  text-align: left;
  resize: none;
  overflow-y: auto;
  padding: 10px !important;
  box-sizing: border-box;
}

.rise-inci-flex-child .preview-cta {
  border: 1px solid #ffa500;
  float: right;
  background: #ffa500;
  border-radius: 4px;
  padding: 4px 16px;
  font-weight: 600;
  text-transform: capitalize;
}

#previewModal .modal-dialog {
  max-width: 1120px;
}

#previewModal .modal-header h5 {
  color: #fff;
  font-weight: 600;
}

#previewModal .close {
  text-shadow: none;
  background: white;
  opacity: 1;
  padding: 2px 8px;
  border-radius: 50%;
  margin: 0;
}

#previewModal .btn-flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

#previewModal .btn-flex button.sub-cta {
  width: auto;
  margin-top: 0;
  padding: 3px 16px;
  margin-right: 10px;
}

#previewModal .btn-flex button.bck-cta {
  background: #e0d8d8;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #000;
  transition: 0.3s all ease;
  display: inline-block;
}

#previewModal .btn-flex button.bck-cta a:hover {
  color: #000;
  text-decoration: none;
}

#previewModal .btn-flex button.bck-cta a i {
  margin-right: 10px;
}

#previewModal .modal-dialog .modal-content {
  background: #f2f2f2;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

#previewModal .rise-inci-flex-child {
  padding: 0;
  box-shadow: none;
  background: none;
  margin-top: 0;
}

#previewModal .modal-header {
  border-bottom: 0;
  background: #26269a;
  padding: 9px 16px;
  margin-top: 40px;
  border-radius: 0;
}

#previewModal .rise-inci-flex-child li {
  font-size: 12px;
}

.incident-raise-request .title-flex a.back-cta:hover {
  color: #000;
}

.sub-modal .modal-content {
  background: #c8eee7;
}

.sub-modal p {
  font-weight: 500;
  font-size: 14px;
  color: #000;
}

.sub-modal .modal-body {
  padding: 0 20px;
}

.sub-modal .primary-cta {
  margin-top: 0;
  margin-bottom: 0;
  width: 18%;
  font-weight: 600;
  padding: 6px 10px;
  border: 2px solid #0D3E7CFF;
  transition: 0.3s all ease-in-out;
}

.sub-modal .secondary-cta {
  width: 19%;
  padding: 5px 10px;
}

#submitModal {
  background: #00000091;
}

/*--- incident raise request ends here ----*/

/*--- incideent my request starts from here ----*/

.total-incident-main {
  width: 100%;
  padding: 14px 40px 14px 40px;
  border-radius: 30px;
  background: #242492;
}

.total-incident-main h5 {
  color: #fff;
  font-weight: 600;
  margin-top: 3px;
  margin-bottom: 15px;
}

#inci-my-req h6,
.summary h6 {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 10px;
}

.total-incident-main .main-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.total-incident-main .left-column {
  width: 14%;
  margin-right: 9%;
}

.total-incident-main .right-column {
  width: 77%;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  gap: 24px;
}

.total-incident-main .right-column .counter-col {
  width: 20%;
  background: #fff;
  border-radius: 20px;
  padding: 10px;
  box-shadow: -2px 4px 23px 7px rgb(0 0 0 / 19%);
  -webkit-box-shadow: -2px 4px 23px 7px rgb(0 0 0 / 19%);
  -moz-box-shadow: -2px 4px 23px 7px rgb(0 0 0 / 19%);
  min-height: 85px;
  max-height: 85px;
}

.total-incident-main .right-column .counter-col:first-child .img-box {
  width: 36px;
  height: 45px;
  margin-top: 5px;
  margin-right: 26px;
  margin-left: -17px;
}

.total-incident-main .right-column .counter-col:nth-child(3) .img-box {
  width: 40px;
  height: 40px;
  margin-top: 5px;
  margin-right: 35px;
  margin-left: -17px;
}

.total-incident-main .left-column .counter-box {
  background: #ababab;
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #b1b1b1;
  text-align: center;
  min-height: 85px;
  max-height: 85px;
}

.total-incident-main .left-column span.counter {
  color: #26269a;
  font-size: 26px;
  font-weight: 600;
}

.total-incident-main .left-column .counter-box p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  color: #fff;
}

.total-incident-main .right-column .counter-box {
  display: flex;
  align-items: center;
  justify-content: center;
}

.total-incident-main .right-column .counter-box .right-counter {
  text-align: center;
  margin-top: 4px;
}

.total-incident-main img.inci-img {
  width: 100%;
  height: 100%;
}

.total-incident-main .right-column .img-box {
  width: 35px;
  height: 35px;
  margin-right: 25px;
}

.total-incident-main .right-column span.counter {
  font-size: 26px;
  font-weight: 600;
  color: #242492;
}

.total-incident-main .right-column p {
  font-size: 17px;
  font-weight: 600;
}

#inci-my-req .top-table tbody td {
  background: inherit;
}

.incident-raise-request input {
  background: inherit;
  padding: 0;
  text-align: center;
}

.incident-raise-request input::placeholder {
  color: #000;
}

.incident-raise-request .top-table,
.incident-my-to-do .top-table {
  margin-top: 0px;
}

#inci-my-req .eye-action {
  background: none;
  border: none;
}

#inci-my-req .top-table tbody td input {
  text-align: left;
  margin-left: 17px;
}

#actionModal .modal-dialog {
  max-width: 1150px;
}

#actionModal .top-table {
  margin-top: 0;
}

#actionModal .rise-inci-flex ul.left-rise {
  width: 36%;
}

#actionModal .rise-inci-flex textarea.input-right,
#actionModal .rise-inci-flex input.input-right {
  width: 62%;
}

#inci-my-req .select-wrapper .form-control {
  background: transparent;
}

#inci-my-req .select-wrapper .form-control:focus {
  background: transparent !important;
  border: none !important;
}

#inci-my-req button.view-cta {
  background: #242492;
  padding: 3px 15px;
  color: #fff;
  border-radius: 5px;
  border: 2px solid #242492;
}

#inci-my-req button.view-cta a {
  color: #fff;
  font-weight: 600;
}

/*---- incident my request ends here -----*/

/*---- incident my to do starts from here ----*/

#depart-modal .top-table {
  margin-top: 0;
}

.incident-my-to-do .report-box {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}

.report-left-flex {
  width: 65%;
  margin-right: 1%;
  background: #f2f2f2;
  padding: 13px;
  padding-top: 30px;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.depar-box {
  width: 3%;
  position: absolute;
  right: 0;
  bottom: 47%;
}

.deptr {
  padding: 0;
  border: none;
  color: #0000ff;
}

#depart-modal .modal-dialog {
  max-width: 1150px;
}

.depar-box button.depar-btn,
.depart-box button.depar-btn,
#depart-modal table th button.depar-btn {
  border: none;
  background: none;
  margin-left: 10px;
}

#depart-modal table th button.depar-btn {
  color: #fff !important;
  font-size: 17px;
  margin-left: 0;
}

#depart-modal td {
  padding: 0;
  text-align: center;
}

.depar-box button.depar-btn i,
.depart-box button.depar-btn i {
  font-size: 20px;
}

#depart-modal .delete-btn i {
  font-size: 17px;
}

.security-management .neumorphic-box:nth-child(2n+2)::after {
  width: 2px !important;
}

.incident-my-to-do .top-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  margin-bottom: 22px;
  text-align: center;
}

.report-top-box .left-box {
  box-shadow: 0px 1px 8px -2px rgba(0, 0, 0, 0.58);
  -webkit-box-shadow: 0px 1px 8px -2px rgba(0, 0, 0, 0.58);
  -moz-box-shadow: 0px 1px 8px -2px rgba(0, 0, 0, 0.58);
  padding: 10px;
  width: 25%;
  background: #ececfa;
  border-radius: 12px;
}

.report-top-box .right-box {
  width: 73%;
  margin-left: 2%;
  background: #fff;
  padding: 5px 10px;
  border-radius: 3px;
  box-shadow: 0px 1px 8px -2px rgb(0 0 0 / 24%);
  -webkit-box-shadow: 0px 1px 8px -2px rgb(0 0 0 / 24%);
  -moz-box-shadow: 0px 1px 12px 2px rgba(0, 0, 0, 0.58);
}

.report-top-box .left-box p {
  font-weight: 600;
  font-size: 14px;
}

.report-top-box .right-box p {
  font-size: 14px;
}

.report-bottom-box {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.report-bottom-box .button-left {
  background: #1a1a68;
  padding: 8px 10px;
  margin-right: 10px;
  color: #fff;
  font-weight: 600;
  border-radius: 3px;
}

.incident-my-to-do .button-flexes {
  display: flex;
}

.report-right-flex tbody td {
  border: 1px solid black !important;
  border-collapse: collapse;
  padding: 6px;
  vertical-align: top;
}

.report-right-flex tbody td:nth-child(2) textarea {
  background: none;
  border: none;
  resize: none;
  min-height: 100px;
  outline: none;
  width: 100%;
  padding: 0 !important;
}

.report-right-flex table tr td:nth-child(2) {
  width: 200px;
  max-width: 200px;
  background: #fff;
}

.report-right-flex input.yes-no {
  border: none;
  font-weight: 400;
  color: #000;
}

.report-right-flex table tr td:nth-child(2) .select-wrapper,
.report-right-flex table tr td:nth-child(2) select,
.report-right-flex table tr td:nth-child(2) textarea {
  width: 100%;
  box-sizing: border-box;
}

.report-right-flex tbody td:nth-child(1) {
  font-weight: 600;
}

.report-right-flex tbody td .select-wrapper {
  border: none;
}

.report-right-flex tbody tr {
  background: transparent !important;
  /* height: 55px; */
}

.incident-my-to-do button.sub {
  float: right;
  margin-top: -70px;
  padding: 6px 20px;
  background: #04b891;
  border: none;
  border-radius: 3px;
  font-weight: 600;
  box-shadow: 0px 1px 8px -2px rgba(0, 0, 0, 0.58);
  -webkit-box-shadow: 0px 1px 8px -2px rgba(0, 0, 0, 0.58);
  -moz-box-shadow: 0px 1px 8px -2px rgba(0, 0, 0, 0.58);
}

.report-right-flex tbody tr.remarks {
  height: 108px !important;
  max-height: 108px !important;
  overflow-y: auto;
}

.report-right-flex tbody td .select-wrapper select {
  border: none;
  outline: none;
  background: transparent;
}

.incident-my-to-do .report-right-flex {
  width: 34%;
}

/*.incident-my-to-do .table-responsive {
  background: #f2f2f2;
  padding: 37px 12px 50px;
  border-radius: 30px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  padding-bottom: 50px;
}*/

.incident-my-to-do .button-flexes .view-box {
  display: flex;
  flex-direction: column;
  border: none;
  background: none;
  margin-right: 20px;
  text-align: center;
}

.incident-my-to-do .button-flexes .view-box img {
  width: 45px;
  height: 45px;
  margin: 0 auto;
  margin-bottom: 10px;
}

.pop-ups button.depar-btn {
  border: none;
  background: none;
}

/*--- incident my to do ends here -----*/

/*---- incident my to do summary starts from here ----*/


.summary button.view-cta a {
  color: #fff;
  font-weight: 600;
}

.summary button.view-cta {
  background: #242492;
  padding: 3px 15px;
  color: #fff;
  border-radius: 5px;
  border: 2px solid #242492;
}


/*---- incident my to do summary ends here ------*/

/*---- incident resolve detail starts from here ----*/


.incident-resolve-detail .table-responsive {
  padding-bottom: 16px;
  padding-top: 16px;
}

.incident-resolve-detail .report-top-box .left-box {
  width: 40%;
}

.incident-resolve-detail .report-top-box .right-box {
  width: 58%;
}

.incident-resolve-detail .btn-flex {
  display: flex;
  align-items: center;
  margin-top: 18px;
}

.incident-resolve-detail .btn-flex button {
  border: none;
  border-radius: 4px;
  margin-right: 10px;
  padding: 5px 30px;
  font-size: 14px;
  font-weight: 600;
}

.incident-resolve-detail .btn-flex .back-cta {
  background: #f9bb00;
}

.incident-resolve-detail .btn-flex .save-cta {
  background: #04b790;
}

.incident-resolve-detail .report-bottom-box textarea {
  height: 158px;
  max-height: 158px;
  overflow-y: auto;
  resize: none;
  width: 100%;
}


/*---- incident resolve detail ends here -----*/

/*---- incident report starts from here ---*/


.incident-report-rights .report-right-flex {
  padding-top: 0px;
  padding-bottom: 16px;
}

.incident-report-rights tr {
  height: auto !important;
}

.incident-report-rights .title-flex a.back-cta:hover {
  color: #000;
}

.incident-report-rights tr input {
  background: none;
  border: none;
  width: 100%;
}

.incident-report-rights .table-responsive {
  padding-top: 21px;
  padding-bottom: 21px;
}

.incident-report-rights .table-responsive.child-tables {
  background: #d9d9d9;
}

.child-tables table tr td:nth-child(1) {
  width: 200px !important;
  /* Set your desired width here */
}


.incident-report-rights .depar-box {
  bottom: 50%;
}

/*--- incident report ends here ----*/

/*--- dms starts from here ----*/

.dms-home .chart-box {
  width: 400px;
  height: 500px;
  width: 280px !important;
  height: 208px !important;
  border: 1px solid #000 !important;
  padding: 10px;
}

.main-widget.dms-home {
  padding: 0;
}

.dms-home .chart-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  background: #fff;
  padding: 79px 0px 10px;
}

.dms-home .img-box {
  padding-top: 158px;
  /* width: 245px; */
  width: 100%;
  margin: 0 auto;
}

.dms-home .img-box img.dms-img-left {
  width: 100%;
}

.main-widget.dms-home .dms-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  background: #fff;
}

.main-widget.dms-home .dms-flex .dms-left {
  background: #000;
  width: 22%;
  margin-right: 2%;
  height: 100vh;
  position: sticky;
  top: 0;
  padding: 20px;
  overflow: hidden;
  z-index: 10;
}

.main-widget.dms-home .dms-flex .dms-right {
  width: 76%;
  background: #fff;

}

.dms-flex .search-container {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 47px;
  margin-bottom: 35px;
}

.dms-flex .search-box {
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 30px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
  padding: 10px 15px;
  width: 63%;
  margin-left: 5%;
}

.dms-flex .search-box input {
  border: none;
  outline: none;
  flex: 1;
  font-size: 16px;
  padding-left: 10px;
}

.dms-flex .search-box i {
  color: #555;
  font-size: 16px;
  margin: 0 8px;
  cursor: pointer;
}

.dms-flex .advance-search {
  color: orange;
  font-size: 14px;
  text-decoration: none;
}

.dms-flex .advance-search:hover {
  text-decoration: underline;
}

/*--- dms ends here ---*/

/*--- dms candidate starts from here ---*/

#candidate-listings .dms-right {
  padding-top: 86px;
  gap: 31px;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
  padding-bottom: 20px;
}

.card-listing-child.active {
  background: #fff;
  box-shadow: rgb(108 161 167 / 35%) 0px 5px 15px;
  width: 31%;
  padding: 15px;
  border-radius: 9px;
  border: 2px solid #6ca1a7;
}

.menu-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.menu-row .m-left {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  background: #9bc17f;
  padding: 4px 14px;
  border-radius: 20px;
  color: #fff;
}

.menu-row .m-left i {
  font-size: 7px;
  margin-right: 6px;
}

.menu-row .m-left p {
  font-weight: 600;
  font-size: 14px;
  color: #fff;
}

#candidate-listings .m-right {
  font-size: 20px;
}

.candidate-profile {
  margin: 10px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.candidate-profile .ig-box {
  background: #8ad7c8;
  width: 85px;
  height: 85px;
  border-radius: 85px;
  overflow: hidden;
  border: 2px solid #539185;
}

.candidate-profile .ig-box img {
  width: 100%;
}

.candidate-profile .name-box h4 {
  font-weight: 600;
  font-size: 18px;
  margin: 10px 0px 5px;
}

.candidate-profile .name-box {
  text-align: center;
}

.candidate-profile .name-box p {
  font-size: 14px;
}

.candidate-details {
  background: #bfecf2;
  border: 2px solid #6ca1a7;
  border-radius: 10px;
  padding: 15px;
}

#candidate-listings .rows {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 2px;
}

#candidate-listings .flex-rows {
  display: flex;
  padding: 0;
  justify-content: flex-start;
  margin-bottom: 0;
}

#candidate-listings p.icon {
  margin-right: 10px;
  font-size: 14px;
}

#candidate-listings p.conts {
  font-weight: 600;
}

#candidate-listings .flex-rows .rows {
  margin-right: 26px;
}

#candidate-listings p.conts a {
  color: #2e55c9;
}

#candidate-listings .rows:last-child {
  margin-bottom: 0;
}

.joined-details {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.joined-details p.left {
  color: #afb1b0;
  font-size: 14px;
  font-weight: 600;
}

.joined-details p.left span {
  color: #000;
  font-weight: 600;
}

.joined-details .cand-views i {
  margin-left: 9px;
  font-weight: 600;
  font-size: 15px;
}

.joined-details a.cand-views {
  font-weight: 600;
  border-bottom: 2px solid #000;
}

.joined-details a.cand-views:hover {
  color: #000;
}

.card-listing-child.inactive {
  border: 2px solid #c2c4cf;
  background: #fff;
  box-shadow: rgb(100 100 104 / 35%) 0px 5px 15px;
  width: 31%;
  padding: 15px;
  border-radius: 9px;
}

.card-listing-child.inactive .menu-row .m-left {
  background: #c2c4cf;
  color: #000;
}

.card-listing-child.inactive .m-left p {
  color: #000;
}

.card-listing-child.inactive .candidate-details {
  background: #e1e2e9;
  border: 2px solid #c2c4cf;
}

.card-listing-child.inactive .candidate-profile .ig-box {
  background: #e1e2e9;
  border: 2px solid #c2c4cf;
}

/*--- dms candidate ends here ----*/

/*--- dms candidate listing details starts from here ---*/

.listing-details .dms-left {
  background: #bcebf0 !important;
  width: 26% !important;
  overflow-y: auto !important;
  border-right: 2px solid #6ca1a7 !important;
  padding: 10px !important;
  margin-right: 0 !important;
}

.listing-details .img-box {
  padding-top: 0;
}

.listing-details .card-listing-child.active,
.listing-details .card-listing-child.inactive {
  width: 100%;
}

.listing-details .dms-right {
  width: 74% !important;
  padding-top: 18px !important;
}

.right-top-box {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #155f80;
  padding-bottom: 12px;
  padding-left: 12px;
}

.right-top-box .content-left {
  width: 60%;
}

.right-top-box .content-right {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 35%;
}

.right-top-box .content-right .arrow-divs {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 4px;
}

.right-top-box .content-right .arrow-divs img.right-arrows {
  width: 12%;
  margin-right: 5px;
}

.right-top-box .content-right .arrow-divs img.left-arrows {
  width: 12%;
  transform: rotate(180deg);
  margin-left: 6px;
}

.right-top-box .content-right .arrow-divs p.pagi-no {
  font-size: 14px;
  font-weight: 600;
}

.right-top-box .content-right span.pagi-total {
  font-size: 14px;
  font-weight: 600;
  margin-right: 27px;
}

.listing-details .dms-flex {
  padding-top: 57px;
}

.listing-details p.left {
  padding-right: 20px;
  font-size: 12px;
}

.listing-details .candidate-profile .ig-box {
  width: 60px;
  height: 60px;
  border-radius: 60px;
}

.listing-details .card-listing-child.active {
  padding: 10px;
}

.listing-details a.cand-views {
  font-size: 11px;
}

.listing-details .dms-right img.dms-img-left {
  width: 47%;
  margin: 0 auto;
}

.listing-details .v-flexes {
  display: block;
  width: 100%;
  padding: 0px 20px;
}

.listing-details .v-flexes .doc-v {
  border: 2px solid #000;
  background: #155f80;
  padding: 3px 15px;
  font-weight: 600;
  color: #fff;
  border-radius: 3px;
}

.listing-details .dms-right {
  gap: 12px !important;
}

.listing-details .file-box {
  margin-bottom: 0;
  margin-top: 15px;
  border-bottom: 1px solid #000;
  padding-bottom: 15px;
}

.listing-details .fle-details-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.listing-details .fle-details-box p.left-file {
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
}

.listing-details .fle-details-box p.right-file {
  font-style: italic;
  font-size: 14px;
}

/*--- dms candidate listing details ends here ----*/

/*-- manual upload dms start from here ----*/

.manual-upload .dms-right {
  padding-top: 0px !important;
  display: block !important;
}

.manual-upload .right-top-box {
  background: #155f80;
  padding-top: 12px;
}

.manual-upload .right-top-box h5 {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}


.upd-detail-box {
  margin-left: 5%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.upd-detail-box .file-boxes {
  width: 75%;
  margin-right: 5%;
  display: flex;
  position: relative;
}

.file-text {
  width: 89%;
  margin-right: 1%;
  border: 2px solid #000;
  padding: 7px 13px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}

.file-button {
  padding: 7px 18px;
  border: 2px solid #000;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.hidden-file-input {
  display: none;
}

.upd-detail-box .uplod {
  padding: 5px 13px;
  background: #155f80;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
  border: 2px solid #155f80;
  transition: 0.3s all ease;
}

.upd-detail-box .uplod:hover {
  background: transparent;
  color: #155f80;
}

#dms-manual-docs {
  margin: 10px;
  max-width: 785px;
  margin-left: 5%;
  margin-top: 60px;
}

.dms-flex .search-box input::placeholder {
  color: #000;
  font-weight: 500;
}

#dms-manual-docs .move-cta {
  float: right;
  margin-top: 20px;
  border: 2px solid #008000;
  background: #008000;
  color: #fff;
  padding: 7px 30px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 2px;
  transition: 0.3s all ease;
}

#dms-manual-docs .move-cta:hover {
  background: transparent;
  color: #008000;
}

/*--- manual upload dms ends here ---*/

/*---- create update starts from here ----*/
.create-reports {
  background: #ffffff;
  padding-bottom: 60px;
}

.create-reports input.form-control,
.create-reports select,
.create-reports .form-multi-select-input-group {
  font-size: 11px;
  height: 34px;
  border-radius: 3px;
  border: 1px solid #c1c1c1;
  cursor: auto;
  font-weight: 600;
  box-shadow: none !important;
  outline: none;
  font-family: Arial, sans-serif !important;
}

.create-reports input.form-control:focus,
.create-reports .create-reports select:focus,
.create-reports .form-multi-select-input-group:focus {
  background-color: #fff !important;
  box-shadow: none !important;
}

.create-reports .form-multi-select-search::placeholder,
.create-reports .form-multi-select-indicator {
  color: #000 !important;
  font-size: 11px;
  font-weight: 600;
}

.create-reports .form-multi-select-input-group {
  overflow-y: scroll;
}

.create-reports button.form-multi-select-cleaner {
  font-weight: 600;
  color: #000 !important;
}

.create-reports .form-multi-select-indicator::before {
  background-color: #000 !important;
}

.create-reports .form-multi-select-tag {
  display: flex;
  align-items: center;
  padding: 4px;
  background-color: unset;
  border: unset;
  border-radius: unset;
  font-size: 12px;
  font-weight: 600;
}

.create-reports .title-box h4 {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  font-family: Arial, sans-serif;
  margin-bottom: 0 !important;
}

.create-reports .title-box a.view-upt {
  padding: 3px 36px;
  background: #fff;
  border-radius: 33px;
  font-size: 14px;
  font-weight: 500;
  border: 2px solid #fff;
  transition: 0.4s all ease;
  color: inherit;
  text-decoration: none;
}

.create-reports .title-box a.view-upt:hover {
  background: transparent;
  color: #fff;
}

.create-reports p {
  padding: 0px 12px;
  text-align: right;
  font-size: 14px;
  color: #ff0000;
  margin-bottom: 10px;
}

.create-reports .form-multi-select-option {
  font-size: 12px;
  padding: 2px;
  color: #000;
  padding: 0 !important;
  padding-left: 32px !important;
}

.create-reports .form-multi-select-buttons {
  position: relative;
}

.create-reports .form-multi-select-option:focus,
.create-reports .form-multi-select-option:hover {
  color: #000;
  text-decoration: none;
  background-color: unset;
  border: unset !important;
  box-shadow: unset !important;
  font-weight: 600;
}

.create-reports .form-multi-select-option.form-multi-selected {
  background-color: unset;
}

.create-reports label {
  font-weight: 600;
  font-size: 13px;
  font-family: Arial, sans-serif;
}

.create-reports .row {
  margin-left: inherit;
  margin-right: inherit;
}

.file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 34px;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 4px;
  display: flex;
}

.file-upload-placeholder {
  flex: 1;
  padding: 6px 12px;
  background-color: #f6f7f8;
  color: #666;
  font-family: sans-serif;
  font-size: 14px;
  pointer-events: none;
}

.file-upload-btn {
  padding: 6px 15px;
  background-color: #1a1a68;
  font-weight: bold;
  color: #ffffff;
  font-family: sans-serif;
  border-left: 1px solid #ccc;
}

.file-upload-wrapper input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}

.create-reports .input-boxes {
  border: 1px solid #000;
  background: #cfeacf;
  border-radius: 4px;
}

.create-reports .basic-container {
  display: flex;
  align-items: center;
  padding: 10px 0px;
  justify-content: flex-start;
}

#assessment .asses {
  display: flex;
}

#assessment .basic-container {
  width: 58%;
  align-items: flex-start;
}

td.without-link {
    color: #000;
}

td.without-link a {
    color: #000 !important;
    text-decoration: none !important;
}

.highlight .yesno-box {
  display: flex;
  align-items: flex-start;
}

.highlight .yesno-box .basic-container {
  padding-top: 3px !important;
  margin-top: -3px;
  padding-bottom: 0 !important;
}

.highlight #assessmentSelects {
  margin-top: 0 !important;
}

/*---- create update ends here ----*/

/*--- read update starts from here ----*/
.read-reports {
  background: #ffffff;
  padding-bottom: 20px;
}

a.v-upadte-status {
  margin-right: 0px;
  font-size: 14px;
  color: #1a09b0;
}

td.action-box .fa-eye {
  color: #850404;
}

td.action-box .fa-file-zipper {
  color: #d5a216;
}

.action-box a,
.action-box span {
  position: relative;
  cursor: pointer;
  color: #555;
  font-size: 14px;
  transition: color 0.3s ease;
}

.action-box a:hover i,
.action-box span:hover i {
  color: #007bff;
  /* highlight on hover */
}

/* Tooltip Styling */
.action-box [data-tooltip]::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 125%;
  /* position above icon */
  left: 50%;
  transform: translateX(-50%);
  background: #333;
  color: #fff;
  font-size: 12px;
  padding: 5px 8px;
  border-radius: 4px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, transform 0.3s;
  pointer-events: none;
}

/* Tooltip Arrow */
.action-box [data-tooltip]::before {
  content: "";
  position: absolute;
  bottom: 115%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #333;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s;
}

/* Show on Hover */
.action-box [data-tooltip]:hover::after,
.action-box [data-tooltip]:hover::before {
  opacity: 1;
  visibility: visible;
}


a.download-pdf {
  font-size: 14px;
  color: #09b090;
}

.read-reports .fa-pencil-alt {
  color: #0c0de4;
  margin-left: 10px;
  cursor: pointer;
}

.read-reports .title-box {
  /* background: #49627c; */
  background: #1a1a68;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 11px;
  margin-bottom: 6px;
}

.read-reports .title-box h4 {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
}

.read-reports .flex-row {
  padding: 15px;
  background: #c0e5e8;
  border-radius: 4px;
  margin: 15px;
}

.read-reports form.serach-prcs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.read-reports .buttons {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.read-reports .buttons .export-cta {
  width: auto;
  margin-top: 0;
  font-weight: 600;
  padding: 6px 10px;
  margin-left: 10px;
}

.read-reports .buttons .search-cta {
  padding: 5px 16px;
  border: none;
  background: #1444c6;
  color: #fff;
  font-size: 14px;
  border-radius: 3px;
  font-weight: 600;
  text-transform: capitalize;
}

.read-reports .buttons .export-cta i {
  font-size: 13px;
}

.flex-row label {
  font-weight: 600;
  margin-bottom: 2px;
}

.read-reports form.serach-prcs .col-4.col-md-4 {
  margin-left: -15px;
}

.read-reports .update-table-container {
  width: 97.5%;
  margin: 15px;
  background-color: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding-bottom: 10px;
}

.read-reports .table-header {
  display: flex;
  background-color: #365877;
  color: #fff;
  padding: 15px;
  font-weight: bold;
  text-align: center;
}

.update-table.up-no {
  width: 15%;
}

.update-table.up-title {
  width: 50%;
}

.update-table.up-date {
  width: 30%;
}

.read-reports .update-row {
  display: flex;
  align-items: center;
  background-color: #dbfce9;
  margin: 10px 15px;
  border-radius: 10px;
  box-shadow: 0 4px 8px rgb(36 44 39 / 16%);
  padding: 15px 20px;
}

.read-reports .update-row .update-child,
#read-update .update-row .update-child {
  text-align: center;
  font-size: 14px;
  color: #333;
  border-right: 1px solid #000;
}

#read-update .update-row .update-child {
  color: #fff !important;
  border-color: #fff;
}

.read-reports .update-number,
#read-update .update-number {
  font-weight: bold;
  width: 15%;
}

.read-reports .update-title,
#read-update .update-title {
  font-weight: 600;
  text-align: left;
  width: 50%;
}

.read-reports .update-date,
#read-update .update-date {
  font-weight: bold;
  width: 32%;
  border-right: unset !important;
}

.read-reports .update-action,
#read-update .update-action {
  flex: 0 0 30px;
  text-align: right;
  border-right: unset !important;
  border: none;
  background: none;
}

.read-reports .update-action i {
  color: #008000;
  font-size: 18px;
  cursor: pointer;
}

.read-reports td.reports-fx {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.read-reports td.reports-fx span.edit-icon {
  margin-left: 10px;
}

.read-reports span.ackn {
  background: #0f8000;
  font-weight: 600;
  padding: 6px 10px;
  color: #fff;
  border-radius: 4px;
}

.read-reports span.pnd {
  background: #f3ca7e;
  border-radius: 4px;
  font-weight: 600;
  padding: 6px 10px;
  color: #000;
}

#read-update .modal-content {
  background: white;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  border: none;
}

#read-update .modal-header {
  display: flex;
  justify-content: space-between;
  background-color: #183d5d;
  color: white;
  padding: 15px 20px;
  align-items: center;
}


#read-update .modal-dialog {
  max-width: 1200px;
  padding: 0px 15px;
}

td.action-box {
  min-width: 150px;
}

td.action-box span {
  margin-right: 10px;
  position: relative;
}

#read-update .index {
  font-size: 20px;
  font-weight: bold;
  border-right: 1px solid #999;
  padding-right: 20px;
}

#read-update .title {
  font-weight: 500;
}


#read-update .date {
  font-size: 14px;
}

#read-update .collapse-btn {
  background: none;
  border: none;
  color: white;
  font-size: 18px;
  cursor: pointer;
  opacity: 1;
  text-shadow: none;
}

#read-update .collapse-btn i {
  color: #0ca8e4;
}

#read-update .modal-body {
  padding: 20px;
}

#read-update .modal-body h4 {
  margin-top: 0;
  font-weight: bold;
  color: #333;
  font-size: 20px;
  margin-bottom: 10px;
}

#read-update .modal-body p {
  font-size: 14px;
  color: #555;
  line-height: 1.6;
}

#read-update .acknowledge-section {
  text-align: right;
  margin-top: 10px;
}

#read-update .acknowledge-btn {
  background-color: #f4b400;
  color: black;
  border: none;
  padding: 8px 16px;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 2px solid #f4b400;
}

#read-update hr {
  border: none;
  border-top: 1px solid #9d9b9b;
  margin: 20px 0;
}

#read-update .file-section h4 {
  margin-bottom: 10px;
  font-weight: bold;
}

#read-update .file-link {
  display: inline-block;
  /* background-color: #e0f7fa; */
  background: #007b8f;
  color: #ffffff;
  padding: 8px 12px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  overflow: hidden;
  z-index: 1;
  border: 2px solid #007b8f;
}

#read-update .file-link:after {
  content: "";
  background: #fff;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
  transition: all 0.35s;
  top: 0;
  bottom: 0;
  left: -100%;
  right: 100%;
}

#read-update .file-link:hover:after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.35s;
}

#read-update .file-link:hover {
  color: #007b8f;
}

#read-update .file-link i {
  margin-right: 8px;
}

#read-update .modal-details {
  min-height: 110px;
  max-height: 110px;
  overflow-y: auto;
}

#read-update .acknowledge-btn:after {
  content: "";
  background-color: #fff;
  position: absolute;
  z-index: -1;
  padding: 0.85em 0.75em;
  display: block;
  top: 0;
  bottom: 0;
  left: 100%;
  right: -100%;
  transition: all 0.35s;
}

#read-update .acknowledge-btn:hover::after {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  transition: all 0.35s;
}

#read-update .modal-details::-webkit-scrollbar {
  width: 8px;
}

#read-update .modal-details::-webkit-scrollbar-track {
  background: #a9bdce;
  border-radius: 5px;
}

#read-update .modal-details::-webkit-scrollbar-thumb {
  background-color: #183d5d;
  border-radius: 5px;
}

#read-update .modal-details::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

#read-update {
  padding-left: 15px;
}

.controls {
  display: flex;
  justify-content: center;
  margin: 0px;
  gap: 10px;
  position: relative;
  width: 27%;
}

.controls button {
  padding: 3px 5px 0px;
  border: none;
  background: none;
  color: white;
  border-radius: 6px;
  cursor: pointer;
  font-size: 18px;
}


/* Hidden reset options */
.controls .reset-options {
  display: none;
  flex-direction: column;
  gap: 7px;
  position: absolute;
  top: 0px;
  left: 75%;
  background: #fff;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgb(0 0 0 / 52%);
  z-index: 10;
  width: 72%;
}

.controls .reset-options button {
  background: #6c757d;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 10px;
  text-align: left;
}

.controls .reset-options p {
  text-align: left;
  font-weight: 400;
  font-size: 14px;
  margin-left: 10px;
}

.controls .reset-options button:hover {
  background: #5a6268;
}

#read-update .update-title {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

#read-update .update-title p {
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
}

#read-update .update-title div#resetOptions {
  width: 44%;
  left: 80%;
}

#read-update .update-title .controls {
  position: static;
}

#read-update #workspaceWrapper {
  background: #fff !important;
}


/*--- read update ends here -----*/

/*--- dental pia input starts from here ---*/

.pia-entry-dashbaord .check-box {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pia-entry-dashbaord .pia-flex {
  background: #cfeacf;
  padding: 15px 0px;
  border-radius: 8px;
  border: 1px solid #000;
}

.pia-entry-dashbaord .pia-flex .row {
  padding: 0;
}

.pia-entry-dashbaord .pia-flex label {
  font-weight: 600;
}

.btn-box {
  padding: 0px 15px;
  float: right;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}

/*--- dental pia input ends here ----*/

/*--- dental pia production report starts from here ----*/

.pia-production-report .submit {
  margin-right: 0px;
}

/*--- dental pia production report ends here ----*/

/*--- dental rework accordion starts from here ----*/

#dental-rework button.submit {
  margin: 0;
}

.history-acc {
  margin-bottom: 20px;
}

#accordionHistory .accordion-body {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#accordionHistory .accordion-body:not(:last-child) {
  border-bottom: 2px solid #d1d1d1;
}

#accordionHistory .accordion-body .history-flexs {
  width: 32.333%;
  margin-right: 1%;
}

.history-acc .accordion-item {
  margin-bottom: 20px;
  box-shadow: -1px 2px 9px 1px rgb(0 0 0 / 19%);
  -webkit-box-shadow: -1px 2px 9px 1px rgb(0 0 0 / 19%);
  -moz-box-shadow: -1px 2px 9px 1px rgb(0 0 0 / 19%);
  border-radius: 9px;
  border: 2px solid #1A1A67;
}

.history-acc .accordion-button {
  background: #1a1a68;
  color: #fff !important;
  font-weight: 600;
  padding: 12px;
  border-radius: 6px;
}

.history-acc .accordion-button:not(.collapsed) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.history-acc .history-flexs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.history-acc .history-flexs .left-lable {
  font-weight: 600;
  margin-right: 10px;
  font-size: 16px;
  color: #1A1A67;
}

.history-acc .history-flexs:not(:last-child) {
  margin-bottom: 3px;
}

.history-acc .right-values {
  font-size: 16px;
}

.history-acc .accordion-button::after {
  filter: brightness(0) saturate(100%) invert(88%) sepia(54%) saturate(7336%) hue-rotate(185deg) brightness(131%) contrast(100%);
}

.history-acc h5.history-title {
  margin-bottom: 15px;
  font-weight: 600;
}


/*--- dental rework accordion ends here ----*/

/*--- dental pia employee response detail starts from here ----*/

.emp-res-detail-flex {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}

.emp-res-detail-flex .emp-res-left {
  width: 72%;
  margin-right: 1%;
}

.emp-res-detail-flex .emp-res-right {
  width: 27%;
}

.emp-res-detail-flex .history-flexs {
  display: flex;
  align-items: center;
}

.emp-res-detail-flex .history-flexs .left-lable {
  margin-right: 9px;
  font-weight: 600;
}

.emp-res-detail-flex .history-flexs:not(:last-child) {
  margin-bottom: 15px;
}

.emp-res-right .btn-box {
  padding: 0;
  margin-top: 15px;
}

.emp-res-right button.submit {
  margin: 0;
}

.emp-res-right .emp-res-right-top {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}

/* If there are 2 or more .emp-res-right-top, apply border to all but the last one */
#reb-res-detail .emp-res-right .emp-res-right-top:not(:last-of-type):nth-of-type(1) {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 2px dashed #000;
}

/*---- dental pia employee reponse detail ends here ----*/

/*---- incident resolve starts from here -----*/

.resove-reports .table-responsive {
  padding-bottom: 20px;
  padding-top: 20px;
}

.resove-reports .report-left-flex {
  width: 100%;
  padding-bottom: 38px;
}

.resove-reports .right-box {
  background: none;
  box-shadow: none;
  width: 25%;
}

.resove-reports .button-left {
  width: 25%;
}

.resove-reports .textrea {
  width: 40%;
  margin-left: 2%;
}

.resove-reports .report-bottom-box {
  min-height: 49px;
  max-height: 100px;
  flex-wrap: wrap;
}

.resove-reports .textrea textarea {
  min-height: 59px;
  max-height: 100px;
  width: 100%;
}

.resove-reports .btn-flex {
  display: flex;
  align-items: center;
  margin-top: 18px;
  margin-left: 20px;
}

.resove-reports .btn-flex button {
  border: none;
  border-radius: 4px;
  margin-right: 10px;
  padding: 5px 30px;
  font-size: 14px;
  font-weight: 600;
}

.resove-reports .btn-flex .back-cta {
  background: #f9bb00;
}

.resove-reports .btn-flex .save-cta {
  background: #04b790;
}

/*--- incient resolve ends here ----*/

/*--- letter starts from here -----*/

.letter .d-flexes a.back-cta:hover {
  color: inherit;
}

.upload-section {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.upload-section .left-col {
  width: 18%;
  margin-right: 2%;
}

.upload-section .right-col {
  width: 80%;
}

.upload-section .left-col button.link {
  width: 100%;
  margin-bottom: 14px;
  padding: 8px 14px;
  background: #fff;
  color: #1a1a68;
  font-weight: 600;
  border-radius: 4px;
  border: 2px solid #1a1a68;
  line-height: 14px;
}

.upload-section .file-upload-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  border: none;
  height: auto;
}

.letter .upload-btn {
  cursor: pointer;
  border-radius: 4px;
  width: 100%;
  display: block;
}

.upload-section .file-upload-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.upload-section .right-col .sub-cta {
  float: right;
  width: auto;
}

.letter .update-boxes {
  margin: 20px 0px;

}

.letter .update-boxes .nav-link {
  width: 32%;
  text-align: center;
  padding: 6px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border: 2px solid #8594c4;
  background: #7695fa;
  margin-right: 15px;
}

.letter .update-boxes .nav-link.active {
  background: #c6fbb3;
  border-color: #c9e7b6;
}

.letter .update-boxes .nav-link h2.count {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 25px;
}

.letter .update-boxes .nav-link h5.titles {
  font-weight: 600;
  font-size: 18px;
  margin-top: 10px;
}

.letter .update-boxes .nav-tabs {
  border-bottom: none;
}

#totalletter .sub-cta {
  width: 7%;
  margin: 23px 0 0 auto;
}

#totalletter tbody tr td:nth-child(8) {
  text-align: center;
}

.letter #reset-btn {
  display: block;
  margin: 23px 0px 0px auto;
  background: #fb660c;
  border-radius: 5px;
  padding: 5px 20px;
  color: #000;
  border: 2px solid #fb660c;
  font-weight: 600;
  transition: 0.3s ease-in-out;
}

.data-table h5 {
  font-weight: 600;
  margin-bottom: 16px;
}


.letter .divider {
  width: 100%;
  background: #000;
  height: 1px;
  margin-bottom: 11px;
}

.letter .get-emps {
  background: #042262;
  border: 2px solid #042262;
  color: #fff;
  padding: 6px 15px;
  font-weight: 600;
  border-radius: 4px;
  margin: 20px 0 0px 0;
  display: block;
}

.letter button#sub-ctas {
  float: none;
  width: auto;
  margin: 0 0 0 auto;
}


.letter .flex-box i {
  color: #fff;
  font-weight: 600;
  margin-right: 9px;
  font-size: 18px;
}

.letter .flex-box h5 {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
}

.letter .d-flexes {
  display: flex;
  align-items: center;
}

.letter .d-flexes .get-emps {
  margin-top: 0;
  margin-right: 10px;
}

.letter .d-flexes a.back-cta {
  background: #e0d8d8;
  padding: 6px 15px;
  font-size: 13px;
  font-weight: 600;
  border: 2px solid #000;
  transition: 0.3s all ease;
  display: inline-block;
}

.letter .d-flexes a.back-cta i {
  margin-right: 4px;
}

.letter .generated-cta {
  background: none;
  border: none;
  border-bottom: 1px solid #2727e0;
  color: #0000ff;
}

/*--- letter ends here ----*/

/*---letter_upload starts from here ----*/

.letter_upload .new-upload .content-box {
  max-width: 100%;
}

.letter_upload .new-upload .content-box button.primary-cta {
  width: auto;
  max-width: none;
  margin-bottom: 10px;
}

.letter_upload a.back-cta {
  float: right;
  background: #e0d8d8;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #000;
  transition: 0.3s all ease;
  display: inline-block;
}

.letter_upload a.back-cta i {
  margin-right: 6px;
}


/*---letter_upload ends here ----*/

/*----- prudent integration starts from here -----*/


.prud-integration img.incident-img {
  width: 55%;
  height: 250px;
}

.prud-banner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.prud-banner h2.title-head {
  font-size: 60px;
  font-weight: 600;
  color: #042262;
}

.prud-integration .neumorphic-box:not(:last-child)::after {
  background-color: #cdedff;
  top: 0%;
  width: 2px;
}

.prud-integration .neumorphic-box {
  background: #cdedff;
}

.prud-integration .neumorphic-flexbox {
  background: #042262;
  box-shadow: 1px 4px 5px 0px rgb(0 0 0 / 36%);
  -webkit-box-shadow: 1px 4px 5px 0px rgb(0 0 0 / 36%);
  -moz-box-shadow: 1px 4px 5px 0px rgb(0 0 0 / 36%);
}

/*----- prudent integration ends here ------*/

/*----- move data starts from here -----*/

.move-data .travel-title-box {
  background: #042262;
}

.emp-data-box label {
  font-weight: 600;
  margin-bottom: 4px;
}

.emp-data-box .row {
  margin-bottom: 20px;
  margin-left: -15px;
  margin-right: -15px;
}

.emp-data-box .get-emps {
  background: #042262;
  border: 2px solid #042262;
  color: #fff;
  padding: 6px 15px;
  font-weight: 600;
  border-radius: 4px;
  margin: 20px 0 0px 0;
  display: block;
}

.table-containers .export-cta i {
  font-weight: 600;
}

.sftp-cta a.appr {
  margin: 14px 0px 5px auto;
  display: block;
  width: 11%;
  padding: 6px 20px;
  background: #042262;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  font-weight: 600;
  border: 2px solid #042262;
}

/*---- move data ends here ----*/

/*---- pending approval starts from here ----*/

.pending-approval .view-app {
  margin: 0px 0px 5px auto;
  padding: 6px 20px;
  background: #13cfb0;
  text-align: center;
  color: #000;
  border-radius: 4px;
  font-weight: 600;
  border: 2px solid #13cfb0;
}

#viewModal .modal-dialog {
  max-width: 1150px;
}

#viewModal .modal-header {
  background: #042262;
  margin-top: 45px;
  padding: 8px 15px;
}

#viewModal .modal-header h5 {
  color: #fff;
  font-weight: 600;
  font-size: 17px;
}

#viewModal .modal-header .close {
  text-shadow: none;
  background: white;
  opacity: 1;
  padding: 2px 8px;
  border-radius: 50%;
  margin: 0;
}

#viewModal .modal-dialog .modal-content {
  border-radius: 30px;
}

#viewModal .modal-btn-box button {
  background: none;
  padding: 7px 25px;
  border: none;
  border-radius: 18px;
  font-weight: 600;
  margin-right: 0px;
  cursor: none;
}

.modal-btn-box {
  margin-bottom: 15px;
}

.comement-btn-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 24px;
}

.comement-btn-box .commt-box {
  width: 60%;
  margin-right: 5%;
}

.comement-btn-box .commt-box label {
  width: 100%;
  font-weight: 600;
  font-size: 16px;
}

.comement-btn-box .commt-box .comments {
  width: 100%;
  min-height: 100px;
}

.comement-btn-box .btn-box {
  width: 35%;
}

.comement-btn-box .btn-box button {
  background: #92e5ff;
  padding: 6px 21px;
  border-radius: 21px;
  border: 2px solid #92e5ff;
  margin-right: 10px;
  font-weight: 600;
  box-shadow: 2px -1px 21px 4px rgba(146, 229, 255, 0.75);
  -webkit-box-shadow: 0px 0px 21px 2px rgba(146, 229, 255, 0.75);
  -moz-box-shadow: 2px -1px 21px 4px rgba(146, 229, 255, 0.75);
}

.pending-approval .travel-title-box {
  background: #042262;
}

/*--- pending approval ends here ----*/

/*---- master mapping starts from here ---*/

.top-form-box {
  margin-bottom: 20px;
  background: #99fdd1;
  border-radius: 8px;
  border: 1px solid #000;
  padding: 17px 0px;
}

.top-form-box .row label {
  font-weight: 600;
}

.top-form-box .sub-cta {
  width: auto;
  margin: 0 17px 0 auto;
  padding: 5px 20px;
}

#editModals .modal-dialog {
  max-width: 1150px;
}

#editModals .modal-dialog .modal-content {
  border-radius: 30px;
}

#editModals .modal-dialog .modal-header {
  background: #042262;
  margin-top: 45px;
  padding: 8px 15px;
}

#editModals .modal-header h5 {
  color: #fff;
  font-weight: 600;
  font-size: 17px;
}

#editModals .modal-header .close {
  text-shadow: none;
  background: white;
  opacity: 1;
  padding: 2px 8px;
  border-radius: 50%;
  margin: 0;
}

#techdeparts .sub-cta {
  margin: 0;
  margin-top: 20px;
}

/*---- master mapping ends here -----*/

/*---- add dependent starts from here ----*/

.add-dependent .add-emp-details {
  margin-bottom: 20px;
  background: #99fdd1;
  border-radius: 8px;
  border: 1px solid #000;
  padding: 15px 15px;
}

.add-dependent .add-btns {
  margin-bottom: 20px;
}

.add-dependent .add-btns button {
  padding: 7px 20px;
  margin-right: 10px;
  background: #042262;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
  border: 2px solid #042262;
}

.add-dependent .travel-title-box {
  background: #042262;
}

.add-dependent .sub-cta {
  width: auto;
  margin: 16px 0 0 auto;
  padding: 6px 20px;
}

.add-dependent .icon-flex button {
  border: none;
  background: none;
}

.add-dependent .trash-icons {
  display: none;
}

/*---- add dependent ends here -----*/

/*---- My Time  tab starts from here -----*/


.my-time .calendar {
  background: #fff;
  border-radius: 12px;
  /* padding: 20px; */
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
  width: 100%;
  border: 2px solid #a7ffc8;
}

.header-weekbox {
  padding: 9px 2px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  background: #a7ffc8;
  padding-bottom: 7px;
}

.my-time .calender-flex {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: flex-start;
}

#nav-rptTabContent label {
  font-weight: 600;
}

.calender-left {
  width: 46%;
}

#viewDate select.form-control,
#viewDate input.form-control,
#viewDate tbody tr {
  background: #fff;
  cursor: auto;
}

#viewDate tbody td {
  padding: 5px;
}

#viewDate .table-responsive .icon-flex button {
  border: none;
  background: none;
  position: relative;
}

.my-time .nav-link {
  background: #0c8aae !important;
  color: #fff !important;
  font-weight: 600;
  border: 2px solid #0c8aae !important;
  margin-right: 3px;
  border-radius: 5px !important;
}

#viewDate .close {
  background: #e0d8d8;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #000;
  transition: 0.3s all ease;
  display: inline-block;
  float: unset;
  margin: 0;
  padding: 9px 10px;
  opacity: 1 !important;
  text-shadow: none;
}

#viewDate .close i {
  margin-right: 8px;
}

#viewDate .modal-header {
  background: #0C8AAF;
  margin-top: 18px;
  padding: 5px 17px;
  border-radius: unset;
}

.date-box-changes {
  padding: 14px 20px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.date-box-changes button.dt-change {
  width: 18%;
  padding: 4px 10px;
  border-radius: 4px;
  border: none;
  background: #bbbbbb;
}

.date-box-changes button.dt-change.active {
  background: #54658d;
  color: #fff;
}

#viewDate .modal-header h5 {
  color: #fff !important;
  font-weight: 600;
}

.my-time .nav-link.active {
  background: none !important;
  color: #0c8aae !important;
}

.my-time .title-box {
  padding: 8px;
  margin-bottom: 10px;
}

.my-time .title-box h5 {
  font-weight: 600;
  font-size: 18px;
}

.my-time .header {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;

}

.my-time .header button {
  background: #0c8aae;
  border: none;
  color: white;
  font-size: 18px;
  padding: 5px 10px;
  cursor: pointer;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  border: 2px solid #0c8aae;
  position: relative;
}

.my-time .header button i {
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  top: 2px;
  left: 7px;
}

.my-time .header button:disabled {
  background: #999;
  cursor: not-allowed;
  border-color: #999;
}

.my-time .header button i.fa-angle-right {
  left: 9px;
}

.date-month {
  font-size: 16px;
}

.my-time .date span {
  position: relative;
  bottom: 6px;
}

.my-time {
  margin-top: -10px;
}

.my-time .weekdays,
.my-time .dates {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px 8px;
}

.my-time .dates {
  padding: 8px 2px 0px;
  padding-bottom: 0px;
}

.my-time .weekdays span {
  text-align: center;
  font-size: 13px;
  color: #000;
  font-weight: 600;
}

.my-time .date {
  height: 30px;
  width: 30px;
  margin: 0 auto;
  border-radius: 30px;
  text-align: center;
  line-height: 40px;
  color: #000;
  font-size: 12px;
  background: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  border: none;
}

.my-time .date p {
  font-weight: 400;
  font-size: 12px;
  position: relative;
  bottom: 10px;
}

.my-time .nav-tabs {
  border-bottom: unset;
}

/* Example color codes */
.my-time .bg-present {
  background: #4CAF50;
  color: #fff;
}

.my-time .bg-lop {
  background: #E53935;
  color: #fff;
}

.my-time .bg-pleave {
  background: #FF9800;
  color: #fff;
}

.my-time .bg-mleave {
  background: #BA68C8;
  color: #fff;
}

.my-time .bg-coff {
  background: #03A9F4;
  color: #fff;
}

.my-time .bg-bjoining {
  background: #3F51B5;
  color: #fff;
}

.my-time .bg-weekoff {
  background: #BDBDBD;
  color: #fff;
}

.my-time .tab-content {
  background: #0c8aae;
  padding: 12px 10px;
  border-radius: 10px;
}

.my-time .calender-detail {
  background: #fff;
  padding: 13px;
  border-radius: 7px;
  width: 53%;
  margin-left: 1%;
  box-shadow: -2px 2px 13px 1px rgb(16 0 0 / 35%);
  -webkit-box-shadow: -2px 2px 13px 1px rgb(16 0 0 / 35%);
  -moz-box-shadow: -2px 2px 13px 1px rgb(16 0 0 / 35%);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.my-time .calender-detail .left-colums {
  width: 36%;
  margin-right: 2%;
}

.my-time .calender-detail .right-colums {
  width: 62%;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
}

.my-time .calender-detail .left-colums .top-box-detail {
  width: 100%;
  max-height: unset;
  border-bottom: unset;
  min-height: 367px;
}

#viewDate .fixed-header-table {
  max-height: unset;
  overflow-y: auto;
}

#voilation-report tbody td a {
  color: #007bff;
  text-decoration: underline;
}

.my-time .top-box-detail .flex-detail {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.pending-tabber .nav-tabs .nav-link.disabled {
  cursor: no-drop !important;
  pointer-events: none;
}

.pending-actions {
  width: 100%;
  background: #c5c5c58c;
  margin-left: 0%;
  padding: 10px;
  border-radius: 8px;
  margin-top: 13px;
  min-height: 231px;
  max-height: 240px;
  overflow-y: auto;
}

.pending-actions .title-box {
  background: transparent;
  display: flex;
  align-items: center;
}

.pending-actions .title-box .icon-box {
  margin-right: 10px;
}

.pending-actions .title-box h6 {
  font-weight: 600;
  font-size: 14px;
}

.main-date-box {
  text-align: center;
  min-height: 60px;
  max-height: 60px;
}

.main-date-box P {
  font-size: 10px;
  line-height: 1.2;
}

.pending-actions .link-box a {
  color: #007bff;
  text-decoration: underline;
  display: block;
  margin-bottom: 9px;
  font-size: 11px;
}

#viewConfirmation .modal-content {
  background: #c5f2ff;
}

.my-time .top-box-detail .flex-detail .left-con h2 {
  font-size: 11px;
  font-weight: 600;
}

.my-time .top-box-detail .flex-detail .right-col p {
  margin-left: 11px;
  font-size: 11px;
  color: #978e8e;
  font-weight: 600;
}

.pending-actions .link-box {
  max-height: 126px;
  overflow-y: auto;
}

.top-box-detail {
  /* padding-bottom: 20px; */
  /* border-bottom: 2px dotted rgb(0, 0, 0); */
  width: 33%;
  background: #a7bbff;
  margin-right: 1%;
  padding: 10px;
  border-radius: 8px;
  max-height: 115px;
  overflow-y: auto;
}

.leave-blnce {
  width: 48%;
  margin-left: 0;
  margin-right: 3%;
  background: #ffeda7;
  padding: 10px;
  border-radius: 8px;
  max-height: 123px;
  min-height: 123px;
}

.leave-blnce .title-box {
  background: #ffeda7;
  display: flex;
  margin-bottom: 0;
  padding-top: 0;
}

.leave-blnce .title-box .icon-box {
  margin-right: 9px;
}

.leave-blnce .title-box h6 {
  font-weight: 600;
  font-size: 14px;
}

.holds-box {
  width: 49%;
  background: #ffa7a7;
  margin-left: 0%;
  padding: 10px;
  border-radius: 8px;
  margin-top: 0;
  max-height: 123px;
  min-height: 123px;
}

.leave-blnce .title-box button {
  padding: 10px;
}

.calender-detail button {
  padding: 2px 15px;
  display: block;
  text-align: center;
  margin: 0 auto !important;
}

.holds-box button.show-btns {
  border-radius: 4px;
  font-weight: 600;
  padding: 0;
  background: none !important;
  border: none !important;
  color: #007bff !important;
  text-decoration: underline;
  text-align: left;
}

.holds-box .up-days p span {
  color: #000;
  font-weight: 600;
}

.holds-box .title-box {
  background: #ffa7a7;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding-top: 0;
}

.holds-box .title-box .icon-box {
  margin-right: 10px;
}

.leave-blnce button.nav-link {
  background: none !important;
  border: none !important;
  color: #007bff !important;
  text-decoration: underline;
  padding: 0;
  display: block;
}



.holds-box .title-box h6 {
  font-weight: 600;
  font-size: 14px;
}

.holds-box .up-days {
  margin-top: 2px;
  text-align: center;
}

.holds-box .up-days h5 {
  font-weight: 600;
  color: #3F51B5;
  font-size: 14px;
}

.leave-blnce p {
  margin-bottom: 11px;
  font-size: 11px;
}

.bottom-box-detail {
  margin-top: 20px;
}

.bottom-box-detail h6 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #250796
}

.legend-box .legend-detail-flex {
  display: flex;
  /* width: 31%; */
  width: 13%;
  align-items: center;
  /* margin-bottom: 10px; */
}

.legend-box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}

.legend-detail-flex .bg-present,
.legend-detail-flex .bg-lop,
.legend-detail-flex .bg-pleave,
.legend-detail-flex .bg-mleave,
.legend-detail-flex .bg-coff,
.legend-detail-flex .bg-weekoff,
.legend-detail-flex .bg-bjoining {
  height: 15px;
  width: 15px;
  border-radius: 40px;
}

.legend-box .legend-detail-flex h4 {
  margin-left: 10px;
  font-size: 14px;
  font-weight: 600;
}

#viewDate .modal-dialog {
  max-width: 80%;
}

#leave-status tr th,
#leave-status tr td {
  text-align: center;
}

#leave-status tr.ttl td {
  font-weight: 600;
}

/*---- My Time tab Ends Here ------*/

/*---- Holidays start from here -----*/


#holiday .flex-box {
  gap: 14px;
  align-items: stretch;
  justify-content: flex-start;
}

#holiday .flex-box .flex-leave-child {
  flex-basis: 19%;
  background: #f2ecec;
  border-radius: 10px;
  padding: 7px;
  position: relative;
}

#viewConfirmation .modal-header {
  border-bottom: unset;
  background: #0c8aae;
  padding: 8px;
  color: #fff;
}

#viewConfirmation .modal-header h5 {
  font-weight: 600;
  line-height: 25px;
  font-size: 15px;
}

#viewConfirmation .modal-header button.close {
  text-shadow: none;
  color: #fff;
  opacity: 1;
}

#viewConfirmation button.secondary-cta {
  padding: 3px 12px;
}

#viewConfirmation button.primary-cta {
  font-weight: 600;
}

.legend-boxes {
  background: #fff;
  padding: 15px;
  border-radius: 15px;
  margin-top: 10px;
  display: flex;
  align-items: stretch;
}

.legend-boxes .top-box-detail {
  width: 50%;
  border-bottom: unset;
}

.legend-boxes .bottom-box-detail {
  margin-top: 0;
  width: 100%;
}

#viewConfirmation .modal-content p {
  text-align: center;
  font-size: 14px;
  margin-top: 10px;
}

#viewConfirmation .modal-footer {
  border-top: unset !important;
}

#holiday .flex-box .flex-leave-child.taken {
  background: #c2ffc2;
}

#holiday .flex-box .flex-leave-child.not-taken {
  background: #ffb0b0;
}

#holiday .flex-box .flex-leave-child .icons {
  text-align: right;
  border-radius: 40px;
  margin: 0 0 0 auto;
  position: relative;
}

#holiday .flex-box .flex-leave-child.taken .icons i {
  color: green;
}

#holiday .flex-box .flex-leave-child.not-taken .icons i {
  color: #ff0000;
}

#holiday .flex-box .flex-leave-child .icons i {
  color: #808080;
  font-size: 16px;
}

#holiday .hday-box h5 {
  text-align: center;
  font-weight: 600;
  font-size: 13px;
}

#holiday .hday-box {
  margin: -16px 7px 0px;
}

#holiday .hday-box p.dates {
  display: block;
  text-align: center;
  font-size: 12px;
  padding: 0;
  font-weight: 500;
}

#holiday .hday-box p.day {
  text-align: center;
  font-size: 12px;
}

.holiday-container {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  margin: -15px -15px 0px;
  background: #fff;
  padding: 10px;
}

.holiday-box {
  flex: 1 1 200px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  padding: 6px;
  text-align: center;
  transition: transform 0.2s ease;
}

.holiday-box:hover {
  transform: translateY(-5px);
}

.holiday-box h3 {
  font-size: 16px;
  color: #333;
  margin-bottom: 0px;
}

.holiday-box p {
  font-size: 19px;
  font-weight: bold;
  margin: 0;
}

/* Different colors for each box */
.eligible {
  background: #fcffcb;
  /* light blue */
}

.taken {
  background: #c2ffc2;
  /* light pink */
}

.yet {
  background: #f2ecec;
  /* light green */
}


#holiday .divider {
  border: 1px dashed #fff;
  margin: 10px 0px;
}

/*---- Holidays Ends Here -----*/

/*---- leave tab starts from here ----*/
#withdrawModal h5#exampleModalLongTitle {
  font-weight: 600;
}

#leave .table th.wdraw {
  text-align: center;
}

#leave .table td.action {
  text-align: center;
}

#leave .withdraw-icon {
  border: none;
  color: #dc3545;
  background: #dc354559;
  border-radius: 30px;
  width: 30px;
  height: 30px;
}

#withdrawModal .modal-content {
  background: #c5f2ff;
}

#withdrawModal .modal-footer {
  border: none !important;
}

#withdrawModal .modal-header {
  border: none !important;
}

#withdrawModal .modal-body {
  padding: 0px 20px;
  border: none;
}

#withdrawModal .modal-body p {
  font-weight: 500;
  font-size: 14px;
  color: #000;
}

#leave .row {
  margin-left: -15px !important;
  margin-right: -15px !important;
}

#leave .row label {
  color: #fff;
  font-weight: 600;
  margin-bottom: 2px;
}

#leave input,
#leave select {
  border: 1px solid #000;
}

#leave .btns {
  padding-top: 21px;
}

#leave .btns button {
  padding: 7px 25px;
  border: none;
  background: #a7ffc8;
  border-radius: 3px;
  font-weight: 600;
  margin-right: 3px;
}

#leave .table-box .title-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 3px 10px !important;
}

#leave .table-box .title-flex a.leave-add {
  background: #118e05;
  padding: 5px 22px;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
}

.pagination-anim {
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 0.375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  justify-content: flex-end;
  z-index: 1;
  position: relative;
}

.pagination-anim button {
  height: 1.5rem;
  width: 1.5rem;
  color: #000;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 300ms;
  position: relative;
  border: none;
  outline: none;
  background: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  opacity: 1;
  z-index: 9;
}

.pagination-anim button:before {
  content: "";
  width: 32px;
  height: 32px;
  background: linear-gradient(to bottom right, #76e690a8, #f1e45a);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 32px;
  z-index: -1;
}

.pagi-contents {
  display: flex;
  align-items: center;
  gap: 0.5rem 8px;
  overflow: hidden;
  font-weight: 600;
  color: #ffffff;
}

.pagi-contents ul {
  position: relative;
  display: flex;
  height: 2rem;
  width: 2rem;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
}

.pagi-contents ul li {
  position: absolute;
  inset: 0px;
  display: flex;
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
  border-radius: 0.375rem;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
  transform: translateY(0);
  box-shadow: inset 0px 2px 4px rgba(0, 0, 0, 0.2);
  background-image: linear-gradient(to bottom right, #323239, #3934e8);
  color: #e4e4e7;
  font-weight: 600;
  border-radius: 100%;
}

.pagination-anim button i {
  color: #000;
  font-size: 18px;
  font-weight: 600;
}

.leave-apln .title-flex {
  background: #0c8aae;
  border-radius: 4px;
  display: flex;
  padding: 7px 10px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
}

.leave-apln .title-flex h5 {
  color: #fff;
  font-weight: 600;
  font-size: 17px;
}

.leave-apln .title-flex a.leave-add {
  color: #fff;
  font-weight: 600;
}

.leave-apln .title-flex a.leave-add span {
  margin-left: 5px;
}

.leave-apln p.error {
  color: red;
  font-weight: 600;
  font-size: 14px;
  margin: 2px 0px;
}

.emp-basics input.form-control {
  width: 100%;
}

.emp-basics label,
.emp-compls label,
.emp-bottom label {
  font-weight: 600;
}

.emp-basics,
.emp-compls,
.emp-bottom {
  background: #dcedf2;
  padding: 9px 0px;
  border-radius: 4px;
  align-items: center;
}

.emp-bottom p.warning-text {
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
  color: red;
  text-align: center;
}

.leave-apln .error-box {
  border: 2px solid #0c8aae;
  padding: 10px 20px;
  width: 100px;
  height: 100px;
  margin: 0 auto;
  border-radius: 50%;
  background: #0c8aae;
}

.emp-compls input.form-control {
  width: 100%;
}

.leave-apln .error-box p {
  color: #fff;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  border-radius: 4px;
  position: relative;
  top: 15px;
}

.leave-apln .btn-flexes {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 0px;
  justify-content: center;
}

.leave-apln .btn-flexes button {
  background: #0c8aae;
}

.leave-apln .btn-flexes button {
  border: none;
  margin: 0px 8px;
  padding: 7px 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
}

/*---- leave tab ends here ----*/

/*---- Holiday comp off and weekly comp off starts from here ----*/
#attendence table thead th,
#attendence table tbody td,
#weekoff table tbody td,
#weekofftable thead th {
  text-align: center;
}

#attendence table tbody td a.add-ctas,
#weekoff table tbody td a.add-ctas {
  background: #0c8aae;
  padding: 6px 19px;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
}

.leave-apln .btn-flexes button a {
  color: #fff;
}

/*--- Holiday Comp Off and weekly comp off ends here ----*/

/*--- reports tab starts from here ----*/

#report .agnt-bxs {
  background-color: #e7ffc5;
  box-shadow: -2px 2px 13px 1px rgb(16 0 0 / 35%);
  -webkit-box-shadow: -2px 2px 13px 1px rgb(16 0 0 / 35%);
  -moz-box-shadow: -2px 2px 13px 1px rgb(16 0 0 / 35%);
}

#report .agnt-bxs .icn-bx {
  background-color: #f8df6e;
  border-radius: 50px;
}

#report a.btn-primary {
  background: #f8df6e;
  color: #000;
  text-align: center;
  font-weight: 600;
  box-shadow: none;
  border: 2px solid #f8df6e;
  border-radius: 4px;
  padding: 8px 23px;
  transition: 0.4s all ease-in-out;
}

#report a.btn-primary:hover {
  background: transparent !important;
}

#report .agnt-bxs h6 {
  font-weight: 600;
  font-size: 14px;
}

.view-login-details .btn-flexes {
  margin-top: 9px !important;
  justify-content: flex-start;
}

.table-containers button.export-cta {
  width: auto;
  float: right;
  margin-bottom: 10px;
  margin-right: 0;
}

.rise-inci-flex-child #table-three {
  margin-top: 0;
  box-shadow: none;
  padding: 0;
}

/*--- reports tab ends here -----*/

/*---- survey management home tab starts from here ----*/

.survy-main-tab .nav-link.active {
  background-color: #ffc000 !important;
  border: 2px solid #ffc000 !important;
  font-weight: 600 !important;
  transform: scaleY(1.1);
  margin-right: 19px;
  margin-left: 0;
}


/* General tooltip container */
.action-take button {
  position: relative;
  background: none;
  border: none;
  cursor: pointer;
  margin-right: 6px;
}

/* Tooltip text common style */
.action-take button::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 120%;
  /* above the icon */
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 8px;
  color: #fff;
  font-size: 12px;
  white-space: nowrap;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 10;
}

/* Show tooltip on hover */
.action-take button:hover::after {
  opacity: 1;
}

/* Tooltip arrows */
.action-take button::before {
  content: '';
  position: absolute;
  bottom: 110%;
  /* slightly below tooltip */
  left: 50%;
  transform: translateX(-50%);
  border-width: 5px;
  border-style: solid;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
  z-index: 10;
}

.action-take button:hover::before {
  opacity: 1;
}

/* Edit tooltip: blue */
.action-take button.edit::after {
  background-color: #0150d2;
}

.action-take button.edit::before {
  border-color: #007bff transparent transparent transparent;
}

/* Delete tooltip: red */
.action-take button.delete::after {
  background-color: #ff0000;
}

.action-take button.delete::before {
  border-color: #dc3545 transparent transparent transparent;
}

/* Share tooltip: green */
.action-take button.share::after {
  background-color: #008000;
}

.action-take button.share::before {
  border-color: #28a745 transparent transparent transparent;
}

#subTab .nav-link {
  background: #d9d9d9 !important;
  border-radius: 0px !important;
  margin-right: 0 !important;
  text-transform: capitalize !important;
  font-size: 14px !important;
  border: 2px solid #d9d9d9 !important;
  margin-left: 0 !important;
  transform: unset;
}

#subTab .nav-link.active {
  border-color: #000 !important;
}

#homeContent input.form-control::placeholder {
  text-align: center;
  color: #c1bdbd;
  font-style: italic;
}

#homeContent .col-lg-3 {
  padding: 0;
}

#homeContent button.primary-cta {
  width: 52%;
  background: #000;
  border-radius: 2px;
  padding: 8px 23px;
}

.survy-main-tab .nav-link {
  color: #000 !important;
  font-weight: 500;
  border-radius: 6px !important;
  background: #add8e6 !important;
  padding: 4px 10px;
  width: 24.61%;
  font-size: 14px !important;
}

.survy-main-tab .nav-link:not(:last-child) {
  margin-right: 6px !important;
}

.survy-main-tab .nav-link#surveyReportsTab {
  margin-right: 0 !important;
}

.survy-main-tab .nav-link a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.survy-main-tab .nav-link a img.rights {
  width: 19px;
}

.survy-main-tab .nav-link a p {
  font-size: 14px !important;
}

.survy-main-tab .nav-link.active a p {
  font-weight: 600;
}

.survy-main-tab .table thead th {
  background: #d9d9d9;
  color: #000 !important;
}

.survy-main-tab .table thead tr {
  border-top: 0;
  border-bottom-width: 2px;
}

#mainTab {
  border-bottom: none;
  width: 100%;
}

.survy-main-tab .flexess {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.survy-main-tab .flexess nav.custom-tab {
  width: 77%;
  margin-right: 4%;
}

.survy-main-tab .flexess .select-wrapper {
  width: 18%;
}

.surveys #subTab {
  justify-content: flex-end;
  border-bottom: unset;
  margin-top: -28px;
}

.survy-main-tab .nav-link select {
  border: none;
  background: none;
}

.survy-main-tab .nav-link select:focus {
  border: none !important;
  outline: none !important;
}

#sharedSurveysContent table thead th:nth-child(6),
#sharedSurveysContent table tbody td:nth-child(6) {
  text-align: center;
}

.action-take button {
  border: none;
  background: none;
  font-size: 14px;
}

.action-take button i.fa-pencil-alt {
  color: #0150d2;
}

.action-take button i.fa-trash {
  color: #ff0000;
}

.action-take button i.fa-share-nodes {
  color: #008000;
}

#sharedSurveysContent .btn-flex {
  text-align: right;
  margin: 18px 0px 0px;
}

#sharedSurveysContent .btn-flex button {
  background: #ffc000;
  padding: 7px 20px;
  border: none;
  font-weight: 600;
  border-radius: 4px;
}

.survey-title {
  background: #050577;
  padding: 6px 10px;
  border-radius: 4px;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}

.survey-title h3 {
  color: #fff;
  font-size: 33px;
  font-weight: 500;
  display: inline-block;
}

.survey-title img.rights {
  width: 32px;
}

/*--- survey management home tab ends here ---*/
/*----survey management  create survey starts from here ---*/


.survey-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f2f2f2;
  padding: 5px 10px;
}

.survey-flex h2 {
  font-size: 16px;
}

.survey-flex h2 span {
  font-weight: 600;
}

.survey-flex .right {
  display: flex;
  align-items: center;
}

.survey-flex .right p {
  margin-right: 10px;
  font-weight: 500;
  font-size: 14px;
}

.survey-flex .right .right-checkbox {
  transform: scale(1.5);
}

.faq-question .question-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  background: #a6a6a6;
  padding: 13px 10px;
}

.faq-question .question-flex .left-content {
  display: flex;
  align-items: center;
}

.faq-question .question-flex .left-content .left-icon {
  width: 15px;
  height: 15px;
  position: relative;
  bottom: 3px;
  cursor: pointer;
}

.faq-question .question-flex .left-content .left-icon img {
  width: 100%;
  transition: transform 0.3s ease;
}

.faq-question .question-flex .left-content h2 {
  font-size: 16px;
  margin-left: 10px;
  margin-bottom: 0;
}

.faq-question .question-flex i {
  margin-right: 5px;
  font-size: 17px;
}

.faq-item {
  border-bottom: 1px solid #ddd;
  margin: 15px 0;
  background: #d9d9d9;
}

.answer-flex {
  background: #fff;
}

.answer-flex-option {
  padding-left: 49px;
  margin-top: -6px;
  padding-bottom: 16px;
  display: none;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

.answer-flex .left-icon img {
  transition: transform 0.3s ease;
}

/* Rotated state */
#createSurveyContent .rotate-90 {
  transform: rotate(90deg);
}


.answer-flex.open-option {
  background: #f2f2f2;
}

.answer-flex.open-option .left-icon img {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
  /* adjust angle if needed */
}

.answer-flex-quesn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 10px;
  margin: 23px 0px;
}

.answer-flex .left-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

.answer-flex .left-content .left-icon {
  width: 15px;
  height: 15px;
  position: relative;
  bottom: 3px;
  cursor: pointer;
}

.answer-flex .left-content .left-icon img {
  width: 100%;
}

.answer-flex .left-content h5 {
  font-size: 16px;
  margin-left: 10px;
  margin-bottom: 0;
}

.answer-flex .right-content i {
  margin-right: 5px;
  font-size: 17px;
}

.answer-flex .middle-content {
  position: relative;
}

.answer-flex .middle-content i {
  position: absolute;
  font-size: 18px;
  right: 125px;
}

.answer-flex .middle-content i.top-icon {
  bottom: 5px;
}

.answer-flex .middle-content i.bottom-icon {
  top: 23px;
}

#createSurveyContent .faq-answer {
  display: none;
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s ease;
}

#createSurveyContent .faq-item.open .faq-answer {
  display: block;
  transition: 1s ease;
  padding: 27px 7px;
  max-height: 500px;
  overflow-y: auto;
}

.answer-flex.open-option .answer-flex-option {
  max-height: 300px;
  overflow-y: auto;
  display: block;
}

.answer-flex.open-option i.bottom-icon {
  top: 134px;
}

.left-icon img {
  transition: transform 0.6s ease;
}


.faq-item.open>.faq-question .left-icon img {
  /* transform: rotate(90deg); */
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7485%) hue-rotate(79deg) brightness(113%) contrast(100%);
}

.faq-item.open .question-flex .left-content h2 {
  color: #fff;
}

.question-flex .right-content a:hover {
  color: #000;
}

/*--- survey management create survey ends here ----*/

/*---- allocate survey starts from here ----*/

#allocateSurveyContent .nav-link,
.create-tab .nav-link {
  width: 13.78%;
  margin-top: 8px;
  margin-bottom: 31px;
  background: #d9d9d9 !important;
  border-radius: 4px !important;
  text-transform: capitalize !important;
  font-size: 13px !important;
  border: 1px solid #d9d9d9 !important;
  margin-left: 0 !important;
  transform: unset;
  color: #000;
}

#allocateSurveyContent .nav-link:not(:last-child),
.create-tab .nav-link:not(:last-child) {
  margin-right: 7px !important;
}

.create-tab .nav-tabs {
  border: none;
}

.create-tab .nav-link {
  margin-bottom: 0 !important;
}

#allocateSurveyContent .nav-link.active,
.create-tab .nav-link.active {
  background: #FFEFBD !important;
  font-weight: 600;
}

.create-tab .nav-link {
  padding: 4px 10px;
}

#selectSurvey .table thead th {
  background: #fff !important;
}

#allocateSurveyContent .nav-tabs {
  border-bottom: none;
}

#selectSurvey .table th.black-bg {
  background: #fff !important;
  color: #000 !important;
}

#allocateSurveyContent .nav-link#allocationListTab {
  margin-right: 0 !important;
  width: 12% !important;
}

#allocateSurveyContent .nav-link#excludeByTab {
  width: 15% !important;
}


#employeeWise .flex-box,
#departmentWise .flex-box,
#subProcessWise .flex-box,
#groupWise .flex-box,
#selectEmployee .flex-box {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 0px;
}

#employeeWise .flex-box .left-main,
#employeeWise .flex-box .right-main,
#departmentWise .flex-box .left-main,
#departmentWise .flex-box .right-main,
#subProcessWise .flex-box .left-main,
#subProcessWise .flex-box .right-main,
#groupWise .flex-box .left-main,
#groupWise .flex-box .right-main,
#selectEmployee .flex-box .left-main,
#selectEmployee .flex-box .right-main {
  background: #fff !important;
  border: 2px solid #989898;
  border-radius: unset !important;
}

#employeeWise .flex-box .title-box,
#employeeWise .flex-box .cloned-section label,
#departmentWise .flex-box .title-box,
#departmentWise .flex-box .cloned-section label,
#subProcessWise .flex-box .title-box,
#subProcessWise .flex-box .cloned-section label,
#groupWise .flex-box .title-box,
#groupWise .flex-box .cloned-section label,
#selectEmployee .flex-box .title-box,
#selectEmployee .flex-box .cloned-section label {
  background: #d9d9d9;
  font-weight: 600;
}

#employeeWise .flex-box .item-search,
#employeeWise .flex-box .item-search-right,
#departmentWise .flex-box .dpt-search,
#departmentWise .flex-box .dpt-search-right,
#subProcessWise .flex-box .search-left,
#subProcessWise .flex-box .search-right {
  background: #d9d9d9;
  font-weight: 600 !important;
}

#groupWise .flex-box .groupw-search,
#groupWise .flex-box .groupw-search-right,
#selectEmployee .flex-box .search-left,
#selectEmployee .flex-box .search-right {
  width: 100%;
  border: none;
  margin-bottom: 20px;
  padding: 11px;
  background: #d9d9d9;
  font-weight: 600 !important;
  border-radius: 3px;
  outline: none;
}

#groupWise #selectAllGroupw,
#selectEmployee #selectAllEmpls {
  cursor: pointer;
  border-radius: 4px;
  transform: scale(1.4);
  vertical-align: middle;
  margin-left: 4px;
  margin-right: 7px;
}

#groupWise input.groupw,
#selectEmployee input.empls,
#groupWise input.groupw-right,
#selectEmployee input.empls-right {
  cursor: pointer;
  transform: scale(1.6);
  vertical-align: middle;
  margin-left: 14px;
  margin-right: 7px;
}

#employeeWise .flex-box .item-search::placeholder,
#employeeWise .flex-box .item-search-right::placeholder,
#departmentWise .flex-box .dpt-search::placeholder,
#departmentWise .flex-box .dpt-search-right::placeholder,
#subProcessWise .flex-box .search-left::placeholder,
#subProcessWise .flex-box .search-right::placeholder,
#groupWise .flex-box .search-left::placeholder,
#groupWise .flex-box .search-right::placeholder,
#selectEmployee .flex-box .search-left::placeholder,
#selectEmployee .flex-box .search-right::placeholder {
  font-weight: 600 !important;
  color: #000 !important;
}

#employeeWise .flex-box .check-box li,
#employeeWise .flex-box .cloned-input-section,
#departmentWise .flex-box .check-box li,
#departmentWise .flex-box .cloned-input-section,
#subProcessWise .flex-box .check-box li,
#subProcessWise .flex-box .cloned-input-section,
#groupWise .flex-box .check-box li,
#groupWise .flex-box .cloned-input-section,
#selectEmployee .flex-box .check-box li,
#selectEmployee .flex-box .cloned-input-section {
  color: #000 !important;
}

#employeeWise .cta-box,
#departmentWise .cta-box,
#subProcessWise .cta-box,
#groupWise .cta-box,
#selectEmployee .cta-box {
  justify-content: center;
  margin-top: 20px !important;
}

#excludeBy .sbmt,
#departmentWise .sbmt,
#subProcessWise .sbmt,
#groupWise .sbmt,
#selectEmployee .sbmt,
#employeeWise .sbmt {
  background: #01cca1;
  color: #000;
  font-weight: 600;
  padding: 9px 33px;
  border-radius: 6px;
  margin-top: 0;
  width: auto !important;
}

#excludeBy .cta-box {
  justify-content: center !important;
  margin: 20px auto;
}

#groupWise a.click-here {
  text-align: center;
  background: #000;
  width: 24%;
  color: #fff;
  display: block;
  padding: 8px;
  margin: -19px auto 0px !important;
  border-radius: 4px;
  margin-top: 10px;
  font-style: italic;
}

.group-tables .title-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #050577;
  padding: 5px 10px;
  border-radius: 4px;
}

.group-tables .title-flex h5 {
  font-weight: 600;
  font-size: 17px;
  color: #fff;
}

.group-tables button.count-detail {
  border: none;
  background: #add8e6;
  padding: 4px 10px;
  font-weight: 600;
  border-radius: 4px;
}

.group-tables .title-flex a.back-cta {
  background: #d3d3d3;
  padding: 6px 10px;
  font-weight: 600;
  border: 2px solid #000;
  border-radius: 4px;
}

.group-tables .title-flex a.back-cta i {
  margin-right: 8px;
}

.group-tables .btn-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.group-tables button.sub-cta {
  background: #01cca1;
  border: none;
  width: auto;
  padding: 7px 33px;
  margin-top: 15px;
}

.group-tables button.sub-cta:hover {
  color: #fff !important;
}

.group-tables .btn-flex .cancel-cta {
  background: red;
  color: #fff;
  font-weight: 600;
  margin-top: 14px;
  border-radius: 5px;
  padding: 7px 10px;
}

.group-tables .row label {
  font-weight: 600;
}

.group-tables .table tr th {
  background: #d9d9d9;
  color: #000;
  text-align: center;
  border-bottom: 2px solid #000;
}

.group-tables .table tr {
  border-top: unset !important;
}

.group-tables .table tr td {
  text-align: center;
}

#countModals .modal-dialog {
  max-width: 1100px;
}

#countModals h5 {
  font-weight: 600;
  font-size: 17px;
  color: #fff;
}

#countModals .modal-header {
  padding: 10px;
  background: #050577;
}

#countModals button.close {
  text-shadow: none;
  opacity: 1 !important;
  color: #fff !important;
}

#countModals .close span {
  color: #fff;
  opacity: 1 !important;
  text-shadow: none !important;
}

#countModals .modal-btns {
  text-align: end;
  margin-top: 12px;
  margin-right: 17px;
}

#countModals .modal-btns button {
  background: green;
  padding: 8px 20px;
  border: none;
  border-radius: 5px;
  color: #fff;
}

.title-boxs input#selectAllGroupw {
  margin-right: 10px;
  transform: scale(1.2);
}

#countModals tbody td,
#countModals .title-boxs {
  text-align: center;
}

#copy-paste .content-title {
  margin: 30px 0px 20px;
}

#allocationList .content-title {
  margin: 10px 0px 20px;
}

#copy-paste .content-title h4,
#allocationList .content-title h4 {
  font-size: 20px;
  font-weight: 600;
}

#countModals .table-responsive th {
  background: #d9d9d9;
  color: #000;
  text-align: center;
  border-bottom: 2px solid #000;
}

#countModals .table-responsive tr {
  border-top: none;
}

#groupDropdown {
  background: transparent;
  color: #000;
}

#groupDropdown:hover {
  background: transparent !important;
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%) !important;
}

.group-tables .title-flex a.back-cta:hover {
  color: #000;
}

#hots .ht_clone_top thead th,
#hots .ht_clone_left tbody th,
#hotstamps .handsontable thead th,
#hotstamps .ht_clone_left tbody th {
  background: #bfbfbf !important;
  font-weight: 600 !important;
  color: #000 !important;
  border-bottom: 2px solid #fcfcfc !important;
}

#hots .handsontable thead th .relative,
#hotstamps .handsontable thead th .relative {
  background: #bfbfbf !important;
  border-right: 2px solid #fcfcfc;
}

#hots .handsontable td,
#hotstamps .handsontable td {
  border-bottom: 2px solid #cdcdcd !important;
  border-left: unset !important;
}

#excludeBy .table thead th:nth-child(4),
#excludeBy .table thead th:nth-child(5),
#excludeBy .table thead th:nth-child(6),
#excludeBy .table tbody td:nth-child(4),
#excludeBy .table tbody td:nth-child(5),
#excludeBy .table tbody td:nth-child(6) {
  text-align: center;
}

/*---- allocate survey ends here -----*/

/*--- survey reports tab starts from here -----*/

#surveyReportsContent label {
  font-weight: 600;
}

#surveyReportsContent button.search-cta,
#copy-paste button.search-cta,
#allocationList button.search-cta {
  background: #01cca1;
  color: #000;
  font-weight: 600;
  padding: 5px 18px;
  border-radius: 6px;
  margin-top: 20px;
}

#copy-paste button.search-cta,
#allocationList button.search-cta {
  display: block;
  width: 10%;
  margin: 25px auto 5px;
}

#surveyReportsContent .export-ctas {
  float: right;
  margin-top: -39px;
  margin-bottom: 10px;
  background: #002060;
  border: none;
  color: #fff;
  font-weight: 600;
  padding: 6px 21px;
  border-radius: 4px;
  cursor: pointer !important;
  z-index: 1;
  position: relative;
}

/*--- survey reports tab ends here ----*/

/*---- job Change starts from here -----*/

.job-change {
  /* background: #3c394d; */
  position: relative;
  /* clip-path: polygon(0 0, 63% 0%, 42% 100%, 0% 102%); */
  margin: -15px;
  z-index: 1;
  min-height: 468px;
}

.job-change::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 60%;
  /* adjust width as needed */
  background: #3c394d;
  z-index: -1;
  /* keep them behind content */
  left: 0;
  clip-path: polygon(0 0, 100% 0, 70% 100%, 0% 100%);
}

.job-change .job-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 14px;
  overflow: hidden;
}

.job-change .job-flex .job-left {
  width: 30%;
  margin-right: 2%;
  position: relative;
  max-height: 440px;
  position: sticky;
  top: 0;
}

.job-change .job-flex .job-right {
  width: 68%;
  overflow-y: auto;
  padding: 20px;
  max-height: 440px;
  background: #def1fa;
  border-radius: 25px;
}

.job-change .job-flex .job-left img {
  width: 100%;
  height: 441px;
}

.job-change .job-flex .job-right h5 {
  font-weight: 600;
  margin-bottom: 0px;
}

.job-change .job-flex .job-right .data-change span,
.job-change .job-flex .job-right .promotions span,
.job-change .job-flex .job-right .transfers span {
  font-weight: 600;
}

.job-change .job-flex .job-right .ddowns {
  max-height: 336px;
  overflow-y: auto;
}

.data-change,
.promotions,
.transfers {
  display: none;
}

.warn-btn-flex p.warning-msg {
  color: #f19b2b;
  font-weight: 500;
  font-size: 15px;
}

.warn-btn-flex button.sub-cta {
  margin: 0 10px 0 auto;
  width: auto;
}

.warn-btn-flex {
  width: 100%;
}

.job-menu .menu-right {
  background: unset !important;
  padding-left: 80px !important;
}

.job-menu .menu-right li {
  background: #9fd6ef;
  margin-bottom: 17px;
  padding: 6px 10px;
  border-radius: 4px;
  border: 2px solid #9fd6ef;
  transition: 0.3s all ease;
}

.job-menu .menu-right li a {
  color: #000 !important;
  font-size: 21px;
}

.job-menu .menu-right li:hover {
  cursor: pointer;
  box-shadow: 0px 2px 13px 1px rgba(159, 214, 239, 0.75);
  -webkit-box-shadow: 0px 2px 13px 1px rgba(159, 214, 239, 0.75);
  -moz-box-shadow: 0px 2px 13px 1px rgba(159, 214, 239, 0.75);
}


/*---- job change ends here ----*/

/*---- job my to do starts from here -----*/


.job-my-to-do .job-flex .job-right {
  background: #e8e8e8 !important;
}

.job-my-to-do .top-edits {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.job-my-to-do .top-edits p {
  font-size: 14px;

}

.job-my-to-do .top-edits .text-box p {
  color: #f19c1e;
  font-weight: 600;
}

.job-my-to-do .top-edits .text-box {
  margin-top: 160px;
}

.job-my-to-do .ctn-box {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin-top: 37px;
}

.job-my-to-do textarea.form-control {
  max-height: 68px;
  height: 100px;
  overflow-y: auto;
}

.job-my-to-do .ctn-box .sub-cta {
  margin-top: 0;
  width: auto;
  margin-left: 10px;
  background: #3c394d;
  padding: 2px 11px;
}

.job-my-to-do .ctn-box .rjt-cta {
  background: #83cbeb;
  border: none;
  padding: 4px 13px;
  font-weight: 600;
  border-radius: 4px;
}

/*---- job my to do ends here ----*/


/*---- job request starts from here -----*/

.job-request .req-bg {
  background: #f5f5f5;
  border-radius: 20px;
  padding: 19px;
  position: relative;
  max-width: 100%;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.job-request .req-bg h4 {
  font-weight: 600;
  font-size: 19px;
  margin-bottom: 10px;
}

.job-request .req-bg h2 {
  margin-bottom: 40px;
  font-size: 1.5em;
}





.job-request a.back-cta {
  float: right;
  position: relative;
  bottom: 37px;
  background: #d8d6d6;
  padding: 4px 9px;
  border-radius: 4px;
  border: 2px solid;
  font-weight: 600;
}

.job-request a.back-cta i {
  margin-right: 7px;
}

.job-request a.back-cta:hover {
  color: #000;
}

.job-request {
  padding: 20px 10px;
}

.job-change .job-flex .job-right .title-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 28px;
}

.job-change .job-flex .job-right .title-flex a.back-cta {
  background: #d8d6d6;
  padding: 4px 9px;
  border-radius: 4px;
  border: 2px solid;
  font-weight: 600;
}

.job-change .job-flex .job-right .title-flex a.back-cta i {
  margin-right: 8px;
}

.job-change .job-flex .job-right .title-flex a.back-cta:hover {
  color: inherit;
}

.job-request .req-bg .approved {
  background-color: #00b050;
}

.job-request .req-bg .pending {
  background-color: #ffc000;
}

.job-request .req-bg .rejected {
  background-color: #c00000;
}

/*----- job request ends here ------*/

/*-- Ai recruiter interview starts from  here ---*/

.header-image {
  width: 100%;
  max-height: 200px;
  object-fit: cover;
}

.my-recruiter {
  height: auto;
}

.my-recruiter-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.my-recruiter .title-flex a.back-cta {
  background: #c0b5b5fc;
  padding: 4px 10px;
  border-radius: 4px;
  border: 2px solid #000;
  font-weight: 600;
}

.my-recruiter .title-flex a.back-cta i {
  margin-right: 10px;
}

.my-recruiter .title-flex a.back-cta:hover {
  color: #000 !important;
}

/* .my-recruiter .my-recruiter-left {
    width: 28%;
    margin-right: 1%;
    display: none;
} */

.my-recruiter .tabber-box {
  width: 100%;
}

.my-recruiter .title-flex {
  background: #0a225b;
  padding: 9px 10px;
  border-radius: 4px;
  margin-bottom: 17px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.my-recruiter .title-flex h5 {
  color: #fff;
  font-weight: 600;
  font-size: 17px;
}

.tabber-box .btn-flex {
  display: flex;
  margin: -32px 0px 6px;
  justify-content: flex-end;
  align-items: center;
}

.tabber-box .btn-flex button {
  margin-right: 10px;
  border-radius: 4px;
  background: #e1dede;
  padding: 4px 10px;
}

.tabber-box .btn-flex button a.back-cta {
  font-weight: 600;
}

.tabber-box .btn-flex button a.back-cta i {
  margin-right: 7px;
}

.tabber-box .btn-flex button.send-link {
  background: #0a225b;
  color: #fff;
  font-weight: 600;
  border: none;
  padding: 6px 15px;
}

.tabber-box .btn-flex button a.back-cta:hover {
  color: #000;
}

.my-recruiter .tabber-box .nav-tabs {
  border-bottom: none;
}


#sendLink .modal-header,
#transLink .modal-header {
  background: #0b0bab;
  margin-top: 24px;
  padding: 6px 10px;
}

#sendLink .modal-header .modal-title,
#transLink .modal-header .modal-title {
  color: #fff;
  font-weight: 600;
  font-size: 17px;
}

#sendLink .modal-header button.close,
#transLink .modal-header button.close {
  width: 30px;
  height: 30px;
  margin: 0;
  background: #fff;
  border-radius: 30px;
  opacity: 1 !important;
  padding: 0;
  text-shadow: none;
}

#sendLink .modal-body p {
  font-size: 16px;
  text-align: center;
}

td.result-btn {
  width: 165px;
  min-width: 165px;
}

#transLink .modal-dialog {
  max-width: 1000px;
}

#transLink .modal-body p {
  font-size: 14px;
}

#transLink .modal-body p span {
  font-weight: 600;
}

#transLink .modal-body p.trans-date {
  font-weight: 600;
}

#transLink .trans-child {
  margin-bottom: 20px;
}

#transLink .trans-child .trans-date-cont {
  margin-bottom: 15px;
}

th.rsts {
  width: 191px !important;
  min-width: 190px !important;
}

#interviewResult td button i {
  margin-right: 10px;
}

#interviewResult td button {
  background: #0b0bab;
  border: none;
  color: #fff;
  padding: 8px 20px;
  border-radius: 4px;
  font-weight: 600;
}

.fixed-header-table {
  width: 100%;
  border-collapse: collapse;
}

.fixed-header-table thead {
  background: #f8f9fa;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.fixed-header-table tbody {
  display: block;
  max-height: 280px;
  /* adjust as needed */
  overflow-y: auto;
  width: 100%;
  padding-right: 0 !important;
}

.fixed-header-table tbody tr {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.fixed-header-table th,
.fixed-header-table td {
  padding: 8px;
  text-align: left;
  word-wrap: break-word;
}

.fixed-header-table thead th:last-child,
.fixed-header-table td:last-child,
.fixed-header-table thead th:nth-child(5),
.fixed-header-table tbody td:nth-child(5) {
  text-align: center;
}

.tabber-box .nav-link {
  background: transparent !important;
  border-radius: 4px !important;
  border-bottom: 2px solid transparent !important;
  margin-right: -7px;
  color: #000 !important;
  font-weight: 600;
  padding: 8px;
  padding-bottom: 3px;
}

.job-change .title-left {
  position: absolute;
  top: 35px;
  background: #7b7165;
  width: 100%;
  padding: 2px 23px;
}

.job-change .title-left p {
  font-size: 37px;
  font-weight: 600;
  color: #fff;
  line-height: 48px;
}

.tabber-box .btn-flex input.form-control {
  width: 17%;
  margin-right: 10px;
}

.tabber-box .nav-link.active {
  color: #0a225b !important;
  background: #fff !important;
  border-bottom-color: #0a225b !important;
  border-radius: 0 !important;
}

.tabber-box .nav-tabs {
  margin-bottom: 4px !important;
}

/*--- ai recruiter interview ends here ----*/

/*--- HR Managment starts from here ----*/

.view-close {
  background: #1a1a68;
  border: none;
  color: #fff;
  font-weight: 600;
  padding: 8px 10px;
  border-radius: 5px;
}

.hr-approval label {
  font-weight: 600;
}

.hr-approval input.form-control {
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
}

.view-close:hover {
  color: #fff !important;
}

.hr-approval .rise-inci-flex textarea.input-right {
  resize: vertical;
  max-height: 200px !important;
}

.hr-approval .rise-inci-flex {
  width: 100%;
}

.hr-app .sub-cta {
  margin: 10px 0 0 auto;
}

.hr-approval .right-side {
  border-left: 2px dashed #000;
}

.hr .neumorphic-flexbox {
  justify-content: center;
  width: 45%;
  gap: 44px;
  padding: 18px 10px;
}

.neumorphic-box:not(:last-child)::after {
  top: -3%;
  right: -25px;
}

.hr .inci-banner {
  height: 269px !important;
  width: 51% !important;
  margin-right: 4%;
}

.neumorphic-box:nth-child(2n+2)::after {
  width: auto;
}

.hr .neumorphic-flexbox .neumorphic-box {
  width: 43.6%;
  margin: 0;
}

.hr .neumorphic-flexbox .neumorphic-box:nth-child(n+3)::before {
  content: none;
}

.hr .neumorphic-box::before {
  content: '';
  position: absolute;
  bottom: -24px;
  right: -2px;
  width: 100%;
  height: 2px;
  background-color: #a0a0e0;
}

.hr .neumorphic-box:nth-last-of-type(1)::before {
  content: none;
}

.hr .neumorphic-box {
  position: relative;
}

.hr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
}

.hr-my-req .left-column {
  margin-right: 2%;
}

.hr-my-req .right-column {
  width: 84% !important;
  gap: 11px;
}

.hr-my-req .right-column .counter-col {
  width: 19%;
}

.total-incident-main .right-column span.counter {
  font-size: 21px;
}

.hr-my-req .right-column .counter-col:first-child .img-box {
  margin-top: 0px;
  width: 37px;
  height: 37px;
}

.hr-my-req .right-column .counter-col:first-child .img-box img.inci-img {
  margin-top: -1px;
}

.hr-my-req .right-column span.counter {
  font-size: 21px;
}

.hr-my-req .right-column .img-box {
  margin-right: 13px;
}

.hr-reports .agnt-bxs {
  background-color: #dcdcff;
}

.hr-reports .icn-bx {
  background-color: #9c9cfb;
}

.hr-reports a.btn {
  background-color: #9c9cfb;
  color: #000;
  font-weight: 600;
  box-shadow: none;
}

.hr-reports a.btn:hover {
  background-color: #9c9cfb !important;
}

.hr-reports-summ label {
  background: transparent;
  color: #000;
  padding: 0;
  text-align: left;
  font-weight: 600;
  margin-right: 0;
}

.hr-reports-summ .sub-cta {
  margin-top: 0;
  width: 49%;
  margin-right: 10px;
}

.hr-inci-sum th.header-group {
  text-align: center;
}

.hr-reports-summ .btn-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: -8px;
}

.hr-reports-summ .btn-flex .exp-cta {
  background: #61eabf;
  border: none;
  font-weight: 600;
  padding: 7px 17px;
  border-radius: 4px;
  width: 50%;
}

.hr-inci-sum td.closed,
.hr-inci-sum th.closed {
  background: #bfe2bf !important;
  text-align: center;
  color: #000 !important;
}

.hr-inci-sum td.opened,
.hr-inci-sum th.opened {
  background: #e8c4c4 !important;
  text-align: center;
  color: #000 !important;
}

.hr-inci-sum th.inci-rai,
.hr-inci-sum td.inci-rai {
  text-align: center;
}

.hr-agent-open thead tr th,
.hr-agent-open tbody tr td {
  text-align: center;
}

.hr-reports h6 {
  font-weight: 600;
}

/*--- HR Management ends here ----*/

/*---- Sagi hire Starts from here ----*/

.sagihires header {
  background: #0a225b;
}

.sagi-menu li {
  color: #fff;
  font-family: "Inter", sans-serif;
}

.sagi-menu li a {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  font-family: "Inter", sans-serif;
}

.sagi-hire {
  /* background-image: url('../images/sagi-bg-img.png'); */
  background-position: center;
  background-size: unset;
  background-repeat: repeat;
  min-height: 100vh;
  background-color: #fff;
}

.sagihires .stepper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1150px;
  margin: auto;
  position: relative;
}

.sagihires {
  background: none;
  box-shadow: none;
  padding: 0;
}

.sagihires .step {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1;
  position: relative;
  text-align: center;
  width: 15%;
  font-family: "Inter", sans-serif;
}

.sagihires .step::before {
  content: "";
  position: absolute;
  top: 5px;
  left: -49%;
  width: 100%;
  height: 2px;
  background-color: #ccc;
  z-index: 0;
}

.sagihires .step:first-child::before {
  content: none;
}

.sagihires .circle {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background-color: #ccc;
  border: 3px solid #ccc;
  z-index: 99;
}

.sagihires .step.active .circle {
  background-color: white;
  border: 6px solid #102B6D;
  width: 20px;
  height: 20px;
  z-index: 99;
}

.sagihires .label {
  margin-top: 6px;
  font-size: 14px;
  color: #444;
  white-space: nowrap;
  font-family: "Inter", sans-serif;
}

.sagihires .step.active .label {
  font-weight: bold;
}

.sagihires .intro-part-sagi,
.sagihires .regis-part-sagi,
.sagihires .knockout-part-sagi,
.sagihires .ai-inter-part-sagi,
.sagihires .harver-part-sagi,
.sagihires .recruiter-inter-part-sagi,
.pre-offer-part-sagi,
.offer-part-sagi {
  border: 1px solid #000;
  border-radius: 7px;
  max-width: 800px;
  margin: 0 auto;
  margin-top: 15px;
}


.knockout-part-sagi {
  padding: 0px;
  max-width: 900px;
  max-height: 420px;
  overflow: hidden;
}


.knockout-part-sagi {
  display: none;
}

.harver-part-sagi,
.recruiter-inter-part-sagi,
.pre-offer-part-sagi,
.offer-part-sagi {
  padding: 15px;
}

.sagihires .step.active::before {
  top: 8px;
}

.sagihires .regis-part-sagi {
  padding: 15px;
  max-width: 1000px;
  display: none;
}

.intro-part-sagi .title-box p {
  color: #000;
  font-size: 14px;
  margin: 10px 0px;
}

.intro-part-sagi .title-box {
  background: none;
  text-align: center;
  margin-bottom: 0;
}

.intro-part-sagi .title-box h2 {
  font-size: 21px;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}

.intro-part-sagi .desc-box {
  padding: 0px 20px;
}

.intro-part-sagi .desc-box p {
  font-size: 14px;
  font-family: "Inter", sans-serif;
}

.intro-part-sagi .video-box {
  max-width: 500px;
  min-height: 180px;
  max-height: 180px;
  margin: 0 auto;
  background: #0a225b;
}

.intro-part-sagi .video-box video {
  width: 100%;
  height: 100%;
  min-height: 180px;
  max-height: 180px;
}

.intro-part-sagi .proceed-popup {
  display: block;
  width: auto;
  margin: 10px 12px 10px auto;
  border: none;
  background: #0a225b;
  border-radius: 4px;
  padding: 6px 20px;
  color: #fff;
  font-weight: 600;
}

#proceeds .modal-dialog {
  max-width: 600px;
}

#proceeds .modal-header {
  padding: 6px;
  background: #0a225b;
  margin-top: 33px;
}

#proceeds .modal-header .close,
#proceed-popup .modal-header .close {
  text-shadow: none;
  opacity: 1 !important;
  padding: 0;
  width: 30px;
  height: 30px;
  border-radius: 30px;
  background: #fff;
  margin-top: -1px;
  margin-right: 1px;
}

#proceeds .modal-header h5,
#proceed-popup .modal-header h5 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  font-family: "Inter", sans-serif;
}

#proceed-popup p {
  font-size: 14px;
}

#proceeds .cheboxess h5 {
  font-size: 16px;
  margin-bottom: 10px;
  font-family: "Inter", sans-serif;
}

#proceeds .cheboxess .basic-container {
  border: 1px solid #c5b9b9;
  padding: 17px;
  border-radius: 10px;
}

#proceeds .radios:not(:last-child) {
  margin-bottom: 10px;
}

#proceeds .cheboxess .basic-container input {
  width: 20px;
  height: 20px;
  font-family: "Inter", sans-serif;
}

#proceeds .radios {
  display: flex;
  align-items: center;
}

#proceeds .radios label {
  margin-left: 8px;
  margin-top: 3px;
  font-family: "Inter", sans-serif;
}

#proceeds .email-box {
  margin: 26px 0px 0px;
}

#proceeds .email-box label {
  margin-bottom: 7px;
  font-family: "Inter", sans-serif;
}

#proceeds .email-box input.form-control {
  border-radius: 13px;
  height: 42px;
  font-size: 15px;
  font-weight: 400;
}

#proceeds .email-box input.form-control::placeholder {
  color: grey;
  font-family: "Inter", sans-serif;
}

#proceeds button.sub-cta {
  background: #04cb9f;
  border: none;
  padding: 8px 23px;
  margin: 18px 0 0 auto;
  width: auto;
}

.intro-part-sagi .title-box p i {
  margin-right: 10px;
  font-size: 20px;
}

.regis-part-sagi label {
  font-weight: 600;
  margin-top: 2px;
  color: #888;
}

.regis-part-sagi .basic-container {
  display: flex;
  margin-top: 10px;
}

.private-policy li a {
  color: #03cca0;
  font-weight: 600;
  font-size: 15px;
}

.private-policy ul li {
  margin-bottom: 10px;
}

.private-policy li a i {
  margin-right: 10px;
}

.condition-text {
  display: flex;
  align-items: center;
  padding-left: 0;
}

.condition-text input[type="checkbox"] {
  transform: scale(1.2);
  margin-right: 13px;
}

.condition-text p {
  font-size: 14px;
  font-weight: 600;
}

.regis-part-sagi button.sub-cta {
  width: auto;
  background: #03cca0;
  border: none;
}

/*--- sagi hire ends here -----*/

/*---- candidate detail starts from here ----*/

#candidate-details th.header-group {
  text-align: center;
}

#candidate-details tbody tr {
  background: #5d5d5d21;
}

#candidate-details .table-header {
  border-collapse: collapse;
}

/* Body table: add spacing and rounded corners */
#candidate-details .table-body {
  border-collapse: separate;
  border-spacing: 0 10px;
}

#candidate-details .table-body tbody td:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

#candidate-details .table-body tbody td:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

#candidate-details thead tr:first-child th:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

#candidate-details thead tr:first-child th:last-child {
  border-top-right-radius: 6px;
  padding-bottom: 0;
  border-left: 1px solid #fff;
}

#candidate-details thead tr:last-child th:last-child {
  border-bottom-right-radius: 6px;
}


#candidate-details .table-header,
#candidate-details .table-body {
  table-layout: fixed;
  width: 100%;
}

#candidate-details .table-header th:nth-child(1),
#candidate-details .table-body td:nth-child(1) {
  width: 32px;
}

#candidate-details .table-header th:nth-child(2),
#candidate-details .table-body td:nth-child(2) {
  width: 165px;
}

#candidate-details .table-header th:nth-child(3),
#candidate-details .table-body td:nth-child(3) {
  width: 196px;
}

#candidate-details .table-header th:nth-child(1) {
  border-left: 1px solid #fff;
}

.ai-flexes button.left-parameter {
  width: 100%;
  min-height: auto;
  max-height: unset;
  padding: 10px 20px;
  border: 2px solid #54658d;
  background: #54658d;
  font-weight: 600;
  color: #fff;
}

.ai-flexes .result-recom-cta {
  width: 100%;
  min-height: auto;
  max-height: unset;
  padding: 10px 20px;
  border: 2px solid #2750b0;
  background: #2750b0;
  font-weight: 600;
  color: #fff;
}

.ai-flexes .result-recom-cta span {
  color: #92f092;
}

.ai-flexes button.right-parameter {
  width: 100%;
  min-height: auto;
  max-height: unset;
  padding: 10px 20px;
  border: 2px solid #64c864;
  background: none;
}

.ai-flexes .recomand-cta {
  margin: 0 auto;
}

.ai-flexes .left-ai-child {
  border-right: 2px dashed #000;
}

.ai-flexes img.view-inter-img {
  width: 44%;
  margin: 0 0 0 auto;
  display: block;
  position: relative;
  left: 5%;
}

.ai-flexes a.view-inters {
  display: block;
  text-align: right;
  font-weight: 600;
  font-size: 16px;
}


#candidate-details thead tr th {
  background: #54658d;
}

#candidate-details tbody tr:first-child td {
  margin-top: -10px;
  /* remove top spacing from first tbody row */
}

#candidate-details tbody tr td.check-i,
#candidate-details tbody tr td.check-c {
  text-align: center;
}

#candidate-details tbody tr td.check-i img {
  width: 35px;
}

#candidate-details tbody tr td.check-c img {
  width: 20px;
}

#candidate-details tbody tr td.check-i button,
#candidate-details tbody tr td.check-c button {
  border: none;
  background: none !important;
}

.cand-trans .modal-header {
  background: #0a225b !important;
}

#candidate-details .img-content,
#pdm-upld-history .img-content {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}

.pdm-audit .btn-flexes {
    text-align: center;
    margin-top: 10px;
}

#asign-audit.pdm-audit .btn-flexes .re-assign {
    padding: 7px 15px;
    border-radius: 3px;
    background: green;
    border: none;
    color: #fff;
    font-weight: 600;
}

.reasssign-btn .rev-cta {
    padding: 7px 15px;
    border-radius: 3px;
    border: none;
    color: #fff;
    font-weight: 600;
    background: #0309ff;
        display: block;
    text-align: center;
    float: right;
    margin-top: 22px;
}

.btn-flexes.reasssign-btn a.rev-cta {
    margin-top: 0;
    padding: 7px 15px;
    float: none;
    text-align: center;
    display: inline;
    margin-left: 5px;
}

#asign-audit td.inline-flx {
    display: flex;
    align-items: center;
}

#candidate-details .img-content .left-table,
#pdm-upld-history .img-content .left-table {
  width: 21%;
  background: #fff;
  border-radius: 50%;
}

#pdm-upld-history .img-content .left-table {
  width: 13%;
}

#candidate-details .img-content .left-table img.cand-img,
#pdm-upld-history .img-content .left-table img.cand-img {
  width: 100%;
  border-radius: 100%;
}

#candidate-details .img-content .right-table,
#pdm-upld-history .img-content .right-table {
  width: 71%;
}

#candidate-details .img-content h5.cand-name,
#pdm-upld-history .img-content h5.cand-name {
  font-size: 13px;
  font-weight: 600;
}

/*---- candidate details ends here ----*/

/*---- pdm research Starts from here -----*/



.pdm-research .custom-tab .nav-link:last-child {
  margin-right: 0;
}

.pdm-research .custom-tab .nav-link a {
  color: #fff !important;
  text-decoration: none;
}

.pdm-research .nav-tabs {
  border-bottom: 0;
}

.pdm-research .custom-tab .nav-link.active a {
  color: #000 !important;
}

.pm-main-search .title-box {
  background: #1a1a68;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
}

.pm-main-search .title-box h3,
#rcmReportsContent .title-box h4 {
  font-size: 19px;
  font-weight: 600;
  color: #fff;
}

#nav-rptTabContent button.sub-cta {
  margin: 19px 0px 0px 0px;
}

#nav-rptTabContent tbody td a {
  text-decoration: underline;
  color: #007bff;
}

.pm-main-search .title-box a.back-cta:hover {
  color: #000 !important;
}

#inventryContent,
#caseAssignmentContent,
#rcmReportsContent .custom-tab {
  margin-bottom: 10px;
}

.pdm-research a.rvt-btn {
  float: right;
  background: #eab219;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: 600;
}

#rcmReportsContent .btn-flexes {
  text-align: center;
  margin-top: 10px;
}

#rcmReportsContent .btn-flexes button {
  padding: 7px 15px;
  border-radius: 3px;
  background: transparent;
  border: none;
  color: #fff;
  font-weight: 600;
}

#extendModal .modal-header {
  background: #1a1a68;
  color: #fff;
  padding: 7px 12px;
}

.cpi-report button {
  font-weight: 600;
}

#extendModal .modal-body label {
  font-weight: 600;
}

#extendModal .modal-header h5 {
  font-weight: 600;
  font-size: 18px;
}

#extendModal .modal-header span {
  color: #fff;
}

#extendModal .modal-header button {
  color: #fff !important;
  opacity: 1 !important;
  box-shadow: none;
}

#rcmReportsContent .btn-flexes button.re-assign {
  background: green;
}

#rcmReportsContent .btn-flexes button.rev-cta {
  background: red;
  margin-left: 10px;
}

#rcmReportsContent input.row-checkbox {
  transform: scale(1.5);
}

.view-actn i {
  color: #000 !important;
}

.view-actn a.disabled {
  color: grey;
}

.view-actn a.disabled i {
  opacity: 0.5;
}

.pdm-research a.rvt-btn:hover {
  color: #000 !important;
}

.dwn-table {
  display: block;
  text-align: right;
  float: right;
  margin-right: 10px;
}

.dwn-table button {
  background: blue;
  border: none;
  padding: 6px 12px;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
}

.pm-main-search .title-box a.back-cta {
  background: #e7e4e4;
  padding: 5px 9px;
  border-radius: 3px;
  font-weight: 600;
}

.pm-main-search .title-box a.back-cta i {
  margin-right: 10px;
}

#caseAssignmentContent .custom-tab {
  border-bottom: none;
  padding: 0;
  margin-top: 9px;
  background: #f3f3f3;
}

.pdm-research #inventryContent .nav-tabs {
  gap: 0;
}

.pdm-research #inventryContent .nav-tabs .nav-link,
#caseAssignmentContent .custom-tab .nav-link {
  background: #e7e4e4;
  border: none;
  color: #000;
  width: auto;
  box-shadow: none !important;
  font-weight: 400 !important;
  text-shadow: none;
  margin-right: 0;
}

.sub-btn-cta {
  display: block;
  text-align: right;
  float: right;
}

.sub-btn-cta button.new-sub {
  background: #008000;
  border: 1px solid #103B4D;
  color: white;
  padding: 4px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
}

.pdm-research #inventryContent .nav-tabs .nav-link.active,
#caseAssignmentContent .custom-tab .nav-link.active {
  background: #fff;
  border: none !important;
  margin-right: 0;
}

.paste-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 71px;
}

.paste-flex .mid-content h2 {
  font-weight: 600;
  font-size: 20px;
}

#nav-upld #hiddenFileInput {
  display: none;
}

/* Style the custom label to look like a button or text */
#nav-upld .custom-upload {
  display: inline-block;
  padding: 8px 20px;
  background-color: unset;
  color: #000;
  border-radius: 50%;
  cursor: pointer;
  font-size: 14px;
  border: 2px solid #5AAD3D;
}

#inventryContent a.back-cta:hover {
  color: #000;
}

#pdm-upld-history .allo,
#pdm-upld-history td.btns a {
  color: #0D3E7CFF !important;
  text-decoration: underline !important;
  font-weight: 600;
  text-transform: capitalize;
  font-size: 14px;
  background: none;
  border: none;
}

#pdm-upld-history td.btns a {
  line-height: 21px;
  padding-top: 9px;
  padding-bottom: 9px;
}

#nav-rptTabContent #nav-pr .row,
#nav-hpr .row,
.nav-emp-w .row {
  background: #cfeacf;
  padding: 15px 0px;
  border-radius: 8px;
  border: 1px solid #000;
  margin-bottom: 10px;
}

#nav-emp-w .btn-flex,
.auto-reports #nav-hpr .btn-flex {
  justify-content: flex-start !important;
}

#rcmReportsContent .btn-flex,
.nav-emp-w .btn-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.nav-emp-w label {
  font-weight: 600;
}

.nav-emp-w .btn-flex button.sub-cta {
  margin-top: 17px !important;
}

.nav-emp-w .btn-flex button.expt-cta {
  line-height: 19px;
  margin-top: 17px;
  margin-left: 10px;
  padding: 6px 26px;
  background: #01cca2;
  border: none;
  border-radius: 4px;
  font-weight: 600;
}

.nav-emp-w thead th,
.nav-emp-w tbody td {
  text-align: center;
}

#rcmReportsContent .btn-flex button.expt-cta {
  margin-top: 20px;
  margin-left: 10px;
  padding: 6px 26px;
  background: #01cca2;
  border: none;
  border-radius: 4px;
  font-weight: 600;
}


#nav-cases #assign-table,
#nav-overall #assign-table {
  max-width: 800px;
  margin: 0 auto;
}

#nav-cases #assign-table button.assigns,
#nav-overall #assign-table button.assigns {
  margin: 10px auto;
  display: block;
  background: #008000;
  color: #fff;
  border: 1px solid #008000;
  padding: 5px 15px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
}

.serach-box-flex button.serch-cta {
  margin: 0 !important;
  background: #008000;
  border: 1px solid #103B4D;
  color: white;
  padding: 7px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
}

#caseAssignmentContent .nav-tabs {
  max-width: 600px !important;
}

#rcmReportsContent .nav-tabs {
  max-width: 800px;
}

#rcmReportsContent .nav-link {
  width: 27%;
  padding: 6px 14px;
}

#caseAssignmentContent .custom-tab {
  border: 0;
}

#pdm-upld-history .table>:not(caption)>*>* {
  background-color: unset !important;
}

#pdm-upld-history .table-bordered>:not(caption)>*,
#nav-overall .table-bordered>:not(caption)>*,
#nav-cases .table-bordered>:not(caption)>* {
  border: unset !important;
}

#pdm-upld-history .table thead th,
#nav-case-table .table thead th,
#nav-cases #assign-table thead th,
#nav-overall #assign-table thead th,
#nav-overall #nav-overalls thead th,
#nav-report-table thead th {
  background: #54658d !important;
}

#pdm-upld-history .right-table p.cand-num {
  margin-bottom: 0 !important;
}

#pdm-upld-history table tbody td:nth-child(3),
#pdm-upld-history table tbody td:nth-child(4),
#pdm-upld-history table thead th:nth-child(3),
#pdm-upld-history table thead th:nth-child(4),
#pdm-upld-history table tbody td:nth-child(5),
#pdm-upld-history table tbody td:nth-child(6),
#pdm-upld-history table thead th:nth-child(5),
#pdm-upld-history table thead th:nth-child(6),
#pdm-upld-history table tbody td:nth-child(7),
#pdm-upld-history table tbody td:nth-child(8),
#pdm-upld-history table thead th:nth-child(7),
#pdm-upld-history table thead th:nth-child(8),
#nav-case-table table thead th:nth-child(6),
#nav-case-table table tbody td:nth-child(6),
#nav-case-table table thead th:nth-child(8),
#nav-case-table table thead th:nth-child(7),
#nav-case-table table tbody td:nth-child(7),
#nav-case-table table tbody td:nth-child(8),
#nav-overalls table thead th:nth-child(6),
#nav-overalls table tbody td:nth-child(6),
#nav-overalls table thead th:nth-child(8),
#nav-overalls table thead th:nth-child(7),
#nav-overalls table tbody td:nth-child(7),
#nav-overalls table tbody td:nth-child(8),
#assign-table th,
#assign-table td {
  text-align: center;
}

#nav-rptTabContent table th,
#nav-rptTabContent table td {
  text-align: center;
}

#nav-rptTabContent table th:nth-child(2),
#nav-rptTabContent table td:nth-child(2) {
  text-align: left;
}

#nav-rptTabContent .total-row td:nth-child(2) {
  text-align: right;
  color: #fff;
  font-weight: 600;
}

.prod-travel-detailed .title-box {
  background: #1a1a68;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 10px;
}

.prod-travel-detailed .title-box h5.page-title {
  color: #fff;
  font-size: 15px;
}

.prod-travel-detailed .title-box a.back-cta {
  background: #e7e4e4;
  padding: 5px 9px;
  font-size: 14px;
  font-weight: 600;
  border-radius: 4px;
}

.texts-create-area textarea {
  min-height: 63px;
  max-height: 63px;
  overflow-y: auto;
  padding: 5px 7px !important;
  font-size: 12px;
}

.texts-create-area textarea:focus {
  box-shadow: none;
}

.prod-travel-detailed .title-box a.back-cta i {
  margin-right: 10px;
}

#nav-inputTabContent label {
  font-weight: 600;
}

#nav-inputTabContent input.form-control:focus,
#nav-inputTabContent select.form-control:focus,
#nav-inputTabContent textarea.form-control:focus,
#nav-rptTabContent select.form-control:focus,
#nav-rptTabContent input.form-control:focus {
  box-shadow: none;
}

#nav-inputTabContent input.form-control,
#nav-inputTabContent select.form-control,
#nav-inputTabContent textarea.form-control,
#nav-rptTabContent select.form-control,
#nav-rptTabContent input.form-control {
  font-size: 14px;
  text-transform: capitalize;
}


.prod-travel-detailed .title-box a.back-cta:hover {
  color: #000 !important;
}

#nav-rptTabContent tr.total-row {
  background-color: #435d76 !important;
}

#nav-rptTabContent .total-row td:nth-child(3) {
  text-align: center;
  color: #fff;
  font-weight: 600;
}

.serach-box-flex {
  display: flex;
  align-items: center;
  gap: 10px;
}

.search-input-wrapper {
  position: relative;
  width: auto;
}

.search-input-wrapper .form-control {
  padding-left: 35px;
  height: 37px;
  border: 1px solid #000 !important;
  color: #000 !important;
}

.search-input-wrapper .form-control::placeholder {
  color: #000 !important;
  font-weight: 600;
}

.search-input-wrapper .search-icon {
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
}

#nav-case-table .table-bordered>:not(caption)>*,
#nav-report-table .table-bordered>:not(caption)>* {
  border: none !important;
}

#nav-case-table .table-bordered>:not(caption)>*>*,
#nav-overalls .table-bordered>:not(caption)>*>* {
  background-color: unset !important;
}

#assign-table tbody td {
  background-color: unset;
}

.pending-tabber {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

#caseInputContent .title-box h4 span {
  margin-left: 9px;
  color: #a6f3a6;
  font-weight: 600;
}

#nav-report-table tbody tr td {
  background-color: unset !important;
}

.pending-tabber nav.custom-tab {
  width: 25%;
  margin-right: 1%;
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
  min-height: 298px;
  background: #b7d6e4;
  padding: 10px;
  max-height: 263px;
  overflow-y: auto;
}

#case-inputs button.plus-icons i {
  color: #fff !important;
  font-size: 18px;
}

.action-box button.download-pdfs {
  background: none;
  border: none !important;
  padding: 0;
}

#download-recipt .row {
  padding: 15px 0px;
  background: #c0e5e8;
  border-radius: 4px;
  margin: 0;
}

#download-recipt .row label {
  font-weight: 600;
}

#download-recipt .modal-header {
  background: #1a1a68;
  padding: 9px;
}

#download-recipt .modal-header h5 {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
}

#download-recipt .btn-box {
  padding-right: 0;
}

#download-recipt .modal-header button.close {
  opacity: 1 !important;
  color: #fff !important;
  text-shadow: none !important;
}

.sub-cta-box button.sub-ctas {
  width: auto;
  background: #008000;
  border: 1px solid #103B4D;
  color: white;
  padding: 4px 20px;
  font-size: 14px;
  font-weight: bold;
  border-radius: 4px;
}

.auto-reports #nav-rptTabContent .total-row td:nth-child(2) {
  text-align: center;
}

.auto-reports #nav-pr .btn-flex {
  justify-content: flex-start !important;
}

.auto-reports #nav-rptTabContent th:nth-child(2),
.auto-reports #nav-rptTabContent td:nth-child(2) {
  text-align: center;
}

#nav-pnd-one .row {
  max-height: 308px;
  overflow-y: auto;
}

#caseInputContent .sub-cta-box {
  display: block;
  text-align: right;
  width: 100%;
  margin-top: 8px;
  margin-right: 15px;
}

#case-inputs {
  max-height: 300px;
  /* set desired height */
  overflow-y: auto;
}

#caseids td a {
  text-decoration: underline;
  color: #007bff;
}

.auidit-pt-box button.expt-cta {
  margin-left: 10px;
  padding: 7px 26px;
  background: #01cca2;
  border: none;
  border-radius: 4px;
  font-weight: 600;
}

.auidit-pt-box {
  text-align: right;
  margin: 0px 0px 10px;
}

#case-inputs .table thead th {
  position: sticky;
  top: 0;
  z-index: 2;
  /* ensure it stays above tbody cells */
}

#case-inputs button.plus-icons {
  background: none;
  border: unset !important;
}

#case-inputs button.minus-icons {
  background: none;
  border: unset !important;
}

#case-inputs .fa-circle-minus {
  font-size: 20px;
  color: #d14141;
  cursor: pointer;
}

.pending-tabber div#nav-inputTabContent {
  width: 74%;
  background: #cfeacf;
  padding: 12px 0px;
  border-radius: 4px;
}

.pending-tabber nav.custom-tab .nav-tabs {
  display: flex;
  align-items: center;
  max-height: 232px;
  overflow-y: auto;
}

.pending-tabber .nav-tabs .nav-link {
  width: 100%;
  margin: 0 5px 12px 0px !important;
  color: #000 !important;
  background: #f0fcfc;
  border: none;
}

.pending-tabber .nav-tabs .nav-link.active {
  /* background-color: #f0fcfc; */
  background-color: #5ef2d2;
  border-left: 2px solid #36a8b9;
}

#caseInputContent .serach-box input {
  width: 100%;
  padding: 6px 10px;
  border: none;
  outline: none;
  border-radius: 4px;
}

#caseInputContent .serach-box {
  margin-bottom: 10px;
}

.pending-tabber .nav-tabs .nav-link:hover {
  background-color: #5ef2d2;
  border-left: 2px solid #36a8b9;
}

.pending-tabber .nav-tabs .nav-link .mid-conts p,
.pending-tabber .nav-tabs .nav-link .emp-time p {
  color: #000 !important;
}

#nav-cases .form-control:focus {
  box-shadow: none;
}

.pending-tabber nav.custom-tab .nav-tabs .flex-div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.pending-tabber nav.custom-tab .nav-tabs .flex-div .emp-img {
  width: 33px;
  height: 33px;
  border-radius: 25px;
}

.pending-tabber nav.custom-tab .nav-tabs .flex-div .emp-img img {
  width: 100%;
  border-radius: 100%;
}

.pending-tabber nav.custom-tab .nav-tabs .nav-link:last-child {
  margin-bottom: 0px;
}

.pending-tabber .mid-conts p {
  color: #fff;
  font-weight: 600;
  margin-bottom: 0 !important;
}

.pending-tabber .emp-time p {
  color: #fff;
  font-weight: 600;
  margin-bottom: 0 !important;
}

#caseInputContent .title-box {
  padding: 8px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#caseInputContent .title-box h4 {
  color: #fff !important;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}


.pd-btns {
  text-align: right;
  margin-top: -10px;
}

.pd-btns .expt-cta {
  margin-top: 0;
  margin-left: 10px;
  padding: 6px 26px;
  background: #01cca2;
  border: none;
  border-radius: 4px;
  font-weight: 600;
}

.pdm-audit .row {
  background: #cfeacf;
  padding: 15px 0px;
  border-radius: 8px;
  border: 1px solid #000;
  margin-bottom: 10px;
}

#pdm-audits .title-box h4 {
  font-size: 19px;
  font-weight: 600;
  color: #fff;
}

#pdm-audits .btn-flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#pdm-audits .btn-flex .expt-cta {
  margin-top: 23px;
  margin-left: 10px;
  padding: 7px 26px;
  background: #01cca2;
  border: none;
  border-radius: 4px;
  font-weight: 600;
}

.pdm-audit input::placeholder,
.pdm-audit input {
  font-size: 14px !important;
}

#pdm-table-audit table thead th,
#pdm-table-audit table tbody td {
  text-align: center;
}

#pdm-table-audit tbody a {
  text-decoration: underline;
  color: #007bff;
}


.pdm-audit-details .title-box,
.pdm-start-audit .title-box {
  background: #1a1a68;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
}

.pdm-audit-details .title-box h4,
.pdm-start-audit .title-box h4 {
  font-size: 19px;
  font-weight: 600;
  color: #fff;
}

.pdm-audit-details .title-box a.back-cta,
.pdm-start-audit .title-box a.back-cta {
  background: #e7e4e4;
  padding: 5px 9px;
  border-radius: 3px;
  font-weight: 600;
}

.pdm-audit-details .title-box a.back-cta i,
.pdm-start-audit .title-box a.back-cta i {
  margin-right: 10px;
}

.pdm-audit-details .audit-details td.na {
  background: orange;
}

.pdm-audit-details .audit-details td.a {
  background: #47e177;
}

.pdm-audit-details .audit-details .start-audit {
  border: none;
  background: #93f0b6;
  color: #000;
  border-radius: 3px;
  padding: 8px 10px;
  margin: 0;
  margin-top: 17px;
}

.pdm-audit-details .title-box a.back-cta:hover,
.pdm-start-audit .title-box a.back-cta:hover {
  color: #000 !important;
}

.pdm-audit-details td.pdm-tables-ad {
  min-width: 106px;
}

.pdm-start-ad-input .row {
  background: #cfeacf;
  padding: 12px 0px;
  border-radius: 4px;
}

.pdm-start-ad-input label,
.pdm-audit label {
  font-weight: 600;
}

.pdm-start-ad-input input,
.pdm-start-ad-input select.form-control {
  font-size: 14px;
}

.pdm-start-ad-input .sub-cta-box {
  display: block;
  text-align: right;
  width: 100%;
  margin-top: 8px;
  margin-right: 15px;
}

/*---- pdm research ends here -----*/

/*---- Seat Management starts from here -----*/


.crest-main .title-flex {
  background: #1a1a68;
  padding: 5px 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.crest-main .title-flex h5 {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
}

.crest-main a.back-cta {
  background: #e0d8d8;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #000;
  transition: 0.3s all ease;
  display: inline-block;
}

.crest-main a.back-cta:hover {
  color: #000 !important;
}

.crest-main .title-flex a i {
  margin-right: 10px;
}

.crest-main .common-cta {
  padding: 16px 10px;
  background: #1a1a68;
  border-radius: 4px !important;
  color: #fff;
  font-weight: 600 !important;
  display: block;
  text-align: center;
}

.seat-right .total-card h3 {
  margin-bottom: 50px;
}


.seats-details .seats-cld {
  background: white;
  border-radius: 8px;
  padding: 9px;
  box-shadow: 3px 4px 9px #99c3e0;
  width: 48%;
}

.seats-details {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
  margin-bottom: 10px;
}

.seats-details .seats-cld h6 {
  font-size: 14px;
  font-weight: normal;
  color: #555;
  margin-bottom: 21px;
}

canvas#myBarCharts {
  max-width: 855px;
  width: 100% !important;
  height: 194px !important;
}

.dashboard-box .cards {
  background: white;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
}

.bar-graph-box {
  background: #fff;
  padding: 15px;
  margin-top: 17px;
  border-radius: 12px;
  box-shadow: 0px 0px 6px #99c3e0;
}

.bar-graph-box .title-box {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.dashboard-box .cards h3 {
  font-size: 14px;
  font-weight: normal;
  color: #555;
}

.dashboard-box .cards .value {
  font-size: 26px;
  font-weight: bold;
  margin: 5px 0;
  line-height: 18px;
  margin-top: 12px;
  margin-bottom: 0;
}

.progress-flex {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  margin-top: 7px;
}

.dashboard-box .progress-bar {
  background: unset;
  border-radius: 0px;
  height: 6px;
  width: 100%;
  overflow: hidden;
  margin-top: 3px;
}

.progress-bar-percentage {
  text-align: right;
  margin-top: 0px;
}

.seats-details .seats-cld p {
  font-size: 26px;
  font-weight: bold;
  margin: 5px 0;
  line-height: 18px;
  margin-top: 45px;
}

.dashboard-box .progress {
  height: 100%;
  border-radius: 0px;
}

.dashboard-box .yellow .progress {
  background: linear-gradient(to right, #ffc000 71%, #ffffff);
}

.dashboard-box .green .progress {
  background: linear-gradient(to right, #92d050 71%, #ffffff);
}

.dashboard-box .red .progress {
  background: linear-gradient(to right, #c92727 71%, #ffffff);
}

.dashboard-box .purple .progress {
  background: linear-gradient(to right, #b696ce 71%, #ffffff);
}

.left-card .cards {
  box-shadow: 3px 4px 9px #99c3e0;
}

.dashboard-box .cards.yellow {
  box-shadow: 3px 4px 9px #f5e1a4;
}

.dashboard-box .cards.green {
  box-shadow: 3px 4px 9px #cfe5b9;
}

.dashboard-box .cards.red {
  box-shadow: 3px 4px 9px #e2a9a9;
}

.dashboard-box .cards.purple {
  box-shadow: 3px 4px 9px #9f9f9f;
}


.dashboard-box {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}

.dashboard-box .left-card {
  width: 10%;
  margin-right: 2%;
  display: flex;
}

.dashboard-box .right-card {
  display: flex;
  width: 88%;
  gap: 15px;
}

.left-card .value {
  margin-top: 20px !important;
}

.dashboard-box .right-card .cards {
  width: 24%;
}

.seat-flex {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: center;
  background: #f2f2f2;
  margin: 0px -15px -15px -15px;
  padding: 15px;
}

.seat-flex .seat-left {
  width: 75%;
  margin-right: 2%;
}

.seat-flex .seat-right {
  width: 23%;
}

.seat-right .total-card {
  width: 100%;
  padding: 15px;
  border: 1px dashed #ccc;
  border-radius: 8px;
  text-align: center;
  background: #fff;
  box-shadow: 3px 4px 9px #99c3e0;
  padding-bottom: 24px;
}

.seat-right .progress-circle {
  width: 175px;
  height: 175px;
  border-radius: 50%;
  background: conic-gradient(#104862 0% 58%, #f9f9f9 83% 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.seat-right .progress-circle::before {
  content: "";
  width: 160px;
  height: 160px;
  background: white;
  border-radius: 50%;
  position: absolute;
}

.seat-right .progress-value {
  position: relative;
  font-size: 24px;
  font-weight: bold;
  color: gray;
}

.floor-flex {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 16px;
}

.floor-column-main {
  width: 48%;
  margin-right: 2%;
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.notin-column-main {
  width: 50%;
  background: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.floor-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.floor-child h5.floors {
  width: 75%;
  border: 1px solid #e3e3e3;
  padding: 7px 10px;
  border-radius: 4px;
  font-size: 14px;
  margin-right: 2%;
}

.floor-child:not(:last-child) {
  margin-bottom: 9px;
}

.floor-child .view-flor {
  padding: 4px 34px;
  background: #1a1a68;
  border-radius: 4px !important;
  color: #fff;
  font-weight: 600 !important;
  display: block;
  text-align: center;
}

.floor-column-main h6,
.notin-column-main h6 {
  margin-bottom: 16px;
}

.notin-child {
  background: #f2f2f2;
  padding: 10px 10px;
  border-radius: 6px;
}

.notin-child:not(:last-child) {
  margin-bottom: 14px;
}

.notin-child p {
  font-size: 14px;
}

.notin-child p span.times {
  color: #9d9696;
  font-size: 12px;
}

.shift-schedule .title-flex {
  padding: 7px 10px;
  background: #1a1a68;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -15px;
  margin-bottom: 15px;
}

.shift-schedule .title-flex h5 {
  color: #fff;
  font-weight: 600;
}

.shift-schedule .title-flex a.back-cta {
  float: right;
  background: #e0d8d8;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #000;
  transition: 0.3s all ease;
  display: inline-block;
}

.shift-schedule .title-flex a.back-cta:hover {
  color: #000;
}

.seat-main-cont {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
}

.seat-main-cont .left-container {
  width: 72%;
  margin-right: 3%;
  height: auto;
}

.seat-main-cont .detail-flex-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 15px;
}

.seat-main-cont .detail-flex-box .detail-chld {
  padding: 10px;
  width: 19%;
  border-radius: 13px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.seat-main-cont .detail-flex-box .detail-chld p {
  margin-top: 20px;
  font-size: 14px;
}

.seat-main-cont .detail-flex-box .detail-chld h6 {
  font-weight: 600;
  font-size: 14px;
}

.seat-main-cont .detail-flex-box .detail-chld.ttl-seat {
  background: #E3F2FD;
}

.seat-main-cont .detail-flex-box .detail-chld.alc-seat {
  background: #FFE082;
}

.seat-main-cont .detail-flex-box .detail-chld.idle-seat {
  background: #B2EBF2;
}

.seat-main-cont .detail-flex-box .detail-chld.blk-seat {
  background: #EF9A9A;
}

.seat-main-cont .detail-flex-box .detail-chld.bkd-seat {
  background: #80CBC4;
}

.shift-schedule .title-flex a.back-cta i {
  margin-right: 8px;
}

.seat-main-cont .right-container {
  width: 25%;
}

.seat-main-cont .right-container .book-seat {
  background: #aeaeae;
  padding: 10px 20px;
  width: 100%;
  border: none;
  border-radius: 6px;
  color: #fff;
  font-weight: 600;
}

.seat-main-cont .departments {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1000px;
  width: 100%;
  justify-content: center;
  max-height: 590px;
  overflow-y: auto;
}

.seat-main-cont .department {
  flex-basis: 48%;
  /* flex-grow, flex-shrink, flex-basis */
  text-align: center;
  min-width: 300px;
}

.seat-main-cont .dept-title,
#assistant-manager #subProcessDiv .subprocess .sub-title {
  background: #0b62a4;
  color: white;
  padding: 6px 20px;
  border-radius: 5px;
  margin-bottom: 10px;
  display: inline-block;
  font-weight: bold;
  width: 65%;
}

#assistant-manager #subProcessDiv .subprocess .sub-title {
  font-size: 13px;
}

.seat-main-cont .seats,
#team-lead-main .seats {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
  max-width: 100%;
  margin: auto;
}

.seat-main-cont .seats {
  gap: 4px;
}

.seat-main-cont label {
  font-weight: 600;
  margin-bottom: 10px;
}

.seat-main-cont .seat,
#team-lead-main .seats .seat {
  /* flex: 0 0 25px; */
  /* flex-basis 20px */
  height: 25px;
  flex: 0 0 6%;
  border-radius: 3px;
}

.seat-main-cont .available,
#team-lead-main .available {
  background: #8BC34A;
  /* green */
}

.seat-main-cont .booked,
#team-lead-main .booked {
  background: #E57373;
  /* red */
}

.seat-main-cont .empty,
#team-lead-main .empty {
  background: #e0e0e0;
  /* grey */
}

.right-legend {
  display: flex;
  flex-direction: column;
  gap: 1px;
}

.right-legend .legend-item {
  display: flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 5px;
  font-size: 14px;
}

.right-legend .legend-item span {
  background: #f2f2f2;
  padding: 5px 14px;
  border-radius: 6px;
  width: 100%;
  text-align: center;
}

.right-legend .legend-color {
  width: 55px;
  height: 30px;
  border-radius: 3px;
  margin-right: 16px;
}

.right-legend .occupied {
  background: #8BC34A;
}

.right-legend .idle {
  background: #E57373;
}

.right-legend .unallocated {
  background: #e0e0e0;
}

.right-legend .booked,
.seat.alreadybooked {
  background: #FFC107;
}

.dept-title.active {
  background: #104862;
  color: #fff;
}

.seat-main-cont .dept-title.inactive {
  background: #aeaeae;
  color: #fff;
}

/* .seat-main-cont .sub-process {
    display: none;
} */

.seat-main-cont .right-container .book-seat.active {
  background: #1a1a68;
}

.subprocess .sub-title {
  color: #1a1a68;
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 12px;
}

.seat-main-cont .subprocess .seat {
  flex: 0 0 6.5%;
  height: 40px;
}

.bookSeat .seat,
.cancelSeat .seat {
  flex: 0 0 57px;
  height: 40px;
}

.bookSeat .seat.not-available,
.cancelSeat .seat.not-available {
  background: #dae7d4;
  position: relative;
}

.cancelSeat .seat.canceled {
  background: #ed7e6b;
}

.bookSeat .seat.not-available i,
.cancelSeat .seat.not-available i {
  position: absolute;
  left: 36%;
  top: 28%;
  font-size: 20px;
}

.selct-seat-main .top-box {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: 32px;
}

.selct-seat-main .top-box .left-box {
  background: #f2f2f2;
  width: 21%;
  margin-right: 5%;
  border-radius: 4px;
}

.selct-seat-main .top-box .right-box {
  background: #f2f2f2;
  padding: 6px 23px;
  border-radius: 4px;
  width: 60%;
  text-align: center;
}

.selct-seat-main .top-box .right-box p.avialable {
  font-weight: 600;
  font-size: 15px;
}

.right-seat-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: column;
  border: 1px dashed #000;
  padding: 40px 15px 11px 15px;
  border-radius: 10px;
  min-height: 309px;
}

.selected-seat {
  border: 2px solid #e0e0e0;
  width: 100%;
  display: block;
  border-radius: 4px;
  padding: 6px 10px;
  margin-bottom: 10px;
}

.drag-seat {
  width: 85%;
  text-align: center;
  margin: 0 auto;
  max-height: 170px;
  overflow-y: auto;
}

.drag-seat .seat-child {
  padding: 5px 10px;
  border: 2px dashed #c0b2b2;
  border-radius: 4px;
  width: 75%;
  margin: 0 auto;
}

.drag-seat .seat-child:not(:last-child) {
  margin-bottom: 10px;
}

.right-seat-box .prcd-cta,
.modal-footer .confirm-cta,
.cancel-prcd-cta {
  background: #1a1a68;
  border: none;
  padding: 6px 24px;
  border-radius: 4px;
  color: #fff;
  font-weight: 600;
  margin-right: 9px;
  width: 50%;
}

#seatProceedModal .modal-footer {
  display: block;
  width: 100%;
  text-align: right;
}

.modal-footer .confirm-cta {
  width: auto !important;
}

.modal-footer .seat-modal-cancel {
  width: auto !important;
}

.selct-seat-main .right-seat-box {
  min-height: 335px;
}

/* #subDepartBackBox{
  display: none;
} */

.right-seat-box .canl-cta,
.modal-footer .seat-modal-cancel,
.seat-btns .back-cta {
  background: #e8e8e8;
  border: none;
  padding: 6px 24px;
  border-radius: 4px;
  color: #000;
  font-weight: 600;
  width: 45%;
}

.seat-btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

#seatProceedModal .modal-dialog {
  max-width: 845px;
}

#seatProceedModal .modal-dialog .row {
  padding: 20px;
}

#seatProceedModal .modal-heading {
  background: #1a1a68;
  padding: 8px 10px;
  border-radius: 0;
  margin-top: 20px;
}

#seatProceedModal .modal-heading h4 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.booking-details-bar {
  padding: 12px;
  border: 1px solid #000;
  border-radius: 12px;
}

.booking-details-bar p {
  line-height: 18px !important;
}

.booking-details-bar label {
  margin-bottom: 0 !important;
  margin-right: 9px;
}

.booking-details-bar h5 {
  font-size: 16px;
  font-weight: 600;
}

.booking-details-bar .canl-bok,
.booking-details-bar .canl-back-bok {
  text-align: center;
  width: 52%;
  margin: 0 auto;
  margin-top: 15px;
  padding: 4px 7px;
  display: block;
  border: none;
  border-radius: 4px;
}

#backBook {
  min-height: 404px;
}

#subProcessDiv,
#bookSeatsDiv,
#cancelSeatsDiv,
#bookSeatsCancelDiv,
#subProcessFinalDiv,
#seatSelectContainer,
#bookingDetailsBar,
#cancelContainer,
#backBook,
#subDepartBackBox,
#subprocessBig {
  display: none;
}


#subProcessFinalDiv {
  flex-wrap: nowrap;
  overflow-x: auto;
}


.seat-main-cont .dept-title {
  background: #0b62a4;
}

.subprocess {
  width: 100% !important;
  min-width: 100%;
}

#subProcessDiv {
  display: none;
  flex-direction: row;
  overflow-x: auto;
  /* scroll only horizontally */
  white-space: nowrap;
  gap: 10px;
  /* space between children */
}


.floor-column-main .title-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
}

.floor-column-main .title-box h6 {
  margin-bottom: 0;
}

.floor-column-main .title-box a {
  padding: 5px 20px;
  background: #1a1a68;
  border-radius: 4px !important;
  color: #fff;
  font-weight: 600 !important;
  display: block;
  text-align: center;
}

#team-lead-main .notin-column-main h6 {
  margin-bottom: 55px;
}

#team-lead-main .title-box {
  justify-content: flex-start;
}

#team-lead-main .floor-column-main .title-box {
  justify-content: space-between;
}

#tl-set-maps .book-seat {
  background: #1a1a68;
}

#assistant-manager #subProcessDiv {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

#assistant-manager #subProcessDiv .subprocess {
  flex: 1 1 45%;
  text-align: center;
  min-width: 300px;
}

#assistant-manager #subProcessDiv .subprocess .seat {
  flex: 0 0 25px;
  height: 25px;
  border-radius: 3px;
}

.seat.alreadybooked {
  position: relative;
  cursor: pointer;
}

.seat.alreadybooked .booking-details {
  position: absolute;
  width: 235px;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #000;
  opacity: 0;
  transition: 0.2s all ease;
  bottom: 50%;
  transform: translate(12%, -50%);
  left: 50%;
}

.seat.alreadybooked:hover .booking-details {
  opacity: 1;
}

.shift-schedule .row {
  background: #cfeacf;
  padding: 15px 0px;
  border-radius: 8px;
  border: 1px solid #000;
  margin-bottom: 10px;
}

/*---- Seat Management ends here ------*/

/*----- medical scheduler starts from here -----*/


.medical-scheduler {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  flex-wrap: wrap;
  background: #6ea7e0;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
}

.medical-scheduler .medi-left {
  width: 35%;
  padding: 10px;
}

.medical-scheduler .medi-right {
  width: 65%;
  background: #fff;
  border-radius: 40px;
  border: 2px solid #163e64;
  padding: 20px;
}

.medical-scheduler .medi-left h2.title {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  position: relative;
  z-index: 1;
}

.medical-scheduler .medi-left h2.title span {
  display: block;
  color: #000;
}

.view-des p {
  font-size: 14px;
  margin: 10px 0px;
}

.medical-scheduler .img-box img {
  width: 100%;
  position: relative;
}

.view-des h4 {
  font-weight: 600;
}

.medi-right .input-boxes .form-control span {
  display: block;
  font-size: 10px;
}

.medical-scheduler .medi-left .img-box {
  width: 54vw;
  margin-top: -112px;
  margin-left: -109px;
}

.medical-scheduler .medi-right h3 {
  padding: 0px 15px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0px;
}

.medical-scheduler .medi-right label {
  background: #d9d9d9;
  border-radius: 0 !important;
  font-weight: 600;
  color: #262626;
  font-size: 14px !important;
  height: auto !important;
  border: 2px solid #dedede !important;
}

.onsite .form-control {
  border-radius: unset !important;
}

.medi-right .input-boxes .form-control {
  height: auto;
  border-radius: 0 !important;
  border: 2px solid #dedede !important;
  font-size: 14px;
}

.medical-scheduler .medi-right a.back-cta {
  background: #d8d6d6;
  padding: 4px 9px;
  border-radius: 4px;
  border: 2px solid;
  font-weight: 600;
}

.medical-scheduler .medi-right a.back-cta i {
  margin-right: 6px;
}

.medical-scheduler .medi-right input,
.medical-scheduler .medi-right select {
  border-radius: 0 !important;
  border: 2px solid #dedede !important;
}

.medical-scheduler .medi-right .cta-sub {
  display: block;
  text-align: right;
  width: 100%;
  margin: 15px 14px 0;
}

.medical-scheduler .title-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}

.medical-scheduler .medi-right .cta-sub button.sbt {
  padding: 5px 15px;
  background: #276fb7;
  border: 1px solid #276fb7;
  color: #fff;
  border-radius: 4px;
  font-weight: 600;
}


#scheduleOptions {
  max-height: 115px;
  overflow-y: auto;
  margin: 13px 0 0 auto;
  background: #e7eaed;
  /* margin-top: 10px; */
  padding: 10px 0px;
}

#scheduleOptions div {
  background: #e7eaed;
  padding: 3px 10px;
  margin-bottom: 0px;
}

#scheduleOptions label {
  background: transparent;
  border: none !important;
  font-weight: 400;
  font-size: 11px !important;
  padding-left: 0;
  padding-right: 0;
}

/*---- medical scheduler ends here ------*/

/*----- brd module starts from here ----*/

#brd-inputs .title-box,
.auto-reports .title-box,
.auto-3p-masters .title-box {
  background: #1a1a68;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 7px 10px;
}

#brd-inputs .title-box h4,
.auto-reports .title-box h4,
.auto-3p-masters .title-box h4 {
  color: #fff;
  font-size: 19px;
  font-weight: 600;
}

#brd-inputs .title-box a.back-cta,
.auto-reports .title-box a.back-cta,
.auto-3p-masters .title-box a.back-cta {
  background: #e7e4e4;
  padding: 5px 9px;
  border-radius: 3px;
  font-weight: 600;
}

.auto-reports .btn-flex {
  justify-content: flex-end !important;
}

.auto-reports .btn-flex .sub-cta {
  width: auto;
}

#brd-inputs .title-box a.back-cta i,
.auto-reports .title-box a.back-cta i,
.auto-3p-masters .title-box a.back-cta i {
  margin-right: 10px;
}

#brd-inputs .brd-input {
  background: #cfeacf;
  padding: 15px 0px;
  border-radius: 8px;
  border: 1px solid #000;
  margin-bottom: 10px;
}

#brd-inputs .btn-flex button.sub-cta {
  width: auto;
  margin: 0px 0 0 auto;
  padding: 6px 17px;
}

#brd-inputs .title-box a.back-cta:hover,
.auto-reports .title-box a.back-cta:hover,
.auto-3p-masters .title-box a.back-cta:hover {
  color: #000 !important;
}

#brd-inputs .inv-brd-input button.sub-cta {
  width: auto;
  padding: 6px 17px;
  margin: 19px auto 0px 0px;
}

#brd-inputs label {
  font-weight: 600;
}


.ms-rpt .flex-boxesa button.export-cta {
  margin-top: 0;
  width: auto;
  padding: 7px 18px;
}

.ms-rpt .flex-boxesa {
  margin-right: 0;
    padding: 15px !important;
  background: #cff2f4;
  border-radius: 4px;
  border-radius: 10px;
    display: flex;
  align-items: flex-start;
}

.ms-rpt .flex-boxesa .primary-cta{
  padding: 7px 20px;
  margin-left: 0;
}

.ms-rpt .flex-boxesa .btn-flexs{
   margin-top: 22px;
}

.ms-rpt .flex-boxesa label {
    font-weight: 600;
    margin-bottom: 2px;
}



/*---- brd module ends here -----*/

/*---- material starts from here -----*/


.material-mangt .title-flex {
  background: #1a1a68;
  padding: 5px 10px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.material-mangt .title-flex h5 {
  color: #fff;
  font-size: 17px;
  font-weight: 600;
}

.download-btn {
  margin-top: 0px;
  display: flex;
  justify-content: flex-end;
  width: 67%;
}

.download-btn a.dnld-cta {
  background: green;
  padding: 8px 24px;
  color: #fff;
  font-weight: 600;
  border-radius: 4px;
}

.material-mangt label {
  font-weight: 600;
}

#material-table table thead th,
#material-table table tbody td {
  text-align: center;
}

.material-mangt #barChart {
  width: 46% !important;
  height: 290px !important;
}

.material-mangt #category-graphs {
  width: 32% !important;
  height: 202px !important;
}

.material-mangt #stationary-graph,
.material-mangt #batteries {
  width: 34% !important;
  height: 220px !important;
}

.material-mangt #chemicals {
  width: 34% !important;
  height: 220px !important;
}

#housekeeping,
#stationary,
#barChart,
#stationary-graph,
#chemicals,
#batteries {
  display: none;
}

.download-btn a.dnld-cta i {
  margin-right: 10px;
}

.material-mangt a.back-cta {
  background: #e0d8d8;
  padding: 5px 10px;
  border-radius: 4px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #000;
  transition: 0.3s all ease;
  display: inline-block;
  text-transform: capitalize;
}

.material-mangt a.back-cta:hover {
  color: #000 !important;
}

.material-mangt .title-flex a i {
  margin-right: 10px;
}


.manual-input #nav-inputTabContent {
  width: 100% !important;
}

/*--- material ends here ------*/

/*---- manage shift off starts from here ----*/


.dis-flexes {
  text-align: center;
  display: block;
}

.dis-flexes button.sub-cta {
  width: auto;
  margin: 0 auto;
}

button.exlude-cta,
button.include-cta {
  background: green;
  border: none;
  color: #fff;
  font-weight: 600;
  padding: 6px 27px;
  border-radius: 4px;
  margin-top: 26px;
  margin-right: 20px;
}

button.include-cta {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

#exclude-popup .modal-header,
#include-popup .modal-header {
  background: #042262;
  padding: 8px;
}

#exclude-popup .modal-header h5,
#include-popup .modal-header h5 {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}

#exclude-popup .modal-header button.close,
#include-popup .modal-header button.close {
  color: #fff;
  opacity: 1;
  text-shadow: none;
}

#exclude-popup .modal-flex,
#include-popup .modal-flex {
  max-width: 900px !important;
  width: 100%;
  align-items: flex-start;
}

#exclude-popup .modal-flex .left-box,
#include-popup .modal-flex .left-box {
  width: 33%;
  margin-right: 14%;
}

#exclude-popup .modal-flex .col-mid-box,
#include-popup .modal-flex .col-mid-box {
  width: 6%;
  margin-right: 14%;
}

#exclude-popup .modal-flex .right-box,
#include-popup .modal-flex .right-box {
  width: 33%;
}

#exclude-popup .modal-flex .left-top-box,
#include-popup .modal-flex .left-top-box {
  border: 2px solid;
  padding: 10px;
  max-height: 250px;
  overflow-y: auto;
  border-radius: 6px;
  margin-bottom: 30px;
  min-height: 250px;
}


#exclude-popup .modal-flex .col-mid-box i,
#include-popup .modal-flex .col-mid-box i {
  font-size: 50px;
  cursor: pointer;
}

#exclude-popup .modal-flex .left-top-box textarea,
#include-popup .modal-flex .left-top-box textarea {
  padding: 0 !important;
  border: none;
  text-align: left;
  width: 100%;
  min-height: 85px;
  max-height: 85px;
  resize: none;
  outline: none;
}

#exclude-popup .right-checkoxes,
#include-popup .right-checkoxes {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

#exclude-popup .right-checkoxes label,
#include-popup .right-checkoxes label {
  display: block;
}

.material-mangt button.export-cta {
  margin-top: 10px;
  margin-bottom: 10px;
}

#exclude-popup .modal-flex .right-checkoxes,
#include-popup .modal-flex .right-checkoxes {
  border: 2px solid;
  padding: 13px;
  max-height: 250px;
  overflow-y: hidden;
  border-radius: 6px;
  margin-bottom: 30px;
  min-height: 250px;
}

#selectAllContainer label,
#selectAllContainerInclude label {
  font-size: 16px;
  font-weight: 600;
}

#selectAllContainer label input#selectAllCheckbox,
#selectAllContainerInclude label input#selectAllCheckboxInclude {
  transform: scale(1.5);
  margin-right: 10px;
}

#selectAllContainer,
#selectAllContainerInclude {
  margin-bottom: 10px;
}

#checkboxesContainer label,
#checkboxesContainerInclude label {
  margin-bottom: 10px;
}

#checkboxesContainer input[type="checkbox"],
#checkboxesContainerInclude input[type="checkbox"] {
  margin-right: 10px;
  transform: scale(1.3);
  margin-left: 2px;
}

#exclude-popup #checkboxesContainer,
#include-popup #checkboxesContainerInclude {
  max-height: 200px;
  overflow-y: auto;
  min-height: 200px;
}

.dis-flexes span {
  color: #fff !important;
  text-shadow: none;
  float: none;
}

#exclude-popup .dis-flexes button.sub-cta.close,
#include-popup .dis-flexes button.sub-cta.close {
  background: green;
  opacity: 1;
  font-size: 14px;
  font-weight: 600;
  padding: 9px 18px;
  margin: 10px 0 0 0;
  float: none !important;
}

#exclude-popup .dis-flexes,
#include-popup .dis-flexes {
  width: 100%;
  text-align: left;
}

#exclude-popup .modal-flex .right-checkoxes h5,
#include-popup .modal-flex .right-checkoxes h5 {
  font-size: 16px;
  font-weight: 600;
}

/*---- manage shift off ends here------*/

/*---- media query starts from here ---*/

@media(min-width: 992px) and (max-width: 1100px) {
  .investi-main .child-invest {
    width: 31%;
  }

  .doc-tabs li {
    width: 25.4%;
  }

  .travel-tabber .nav-tabs .nav-link {
    width: 96%;
  }

  .report-flex-box .agnt-bxs {
    width: 30.8%;
  }

  .travel-dashboard .chart-container {
    width: 31.1%;
  }

  .main-widget.dms-home .dms-flex .dms-right {
    width: 69%;
  }

  .dms-home .chart-box {
    width: 321px !important;
    height: 284px !important;
  }

  #candidate-listings .dms-left {
    width: 29%;
  }

  #candidate-listings .dms-right {
    width: 69%;
  }

  .card-listing-child.active {
    width: 47%;
  }

  .listing-details .dms-right img.dms-img-left {
    width: 74%;
  }

  .listing-details .dms-right {
    width: 70% !important;
  }

  .listing-details .dms-left {
    width: 30% !important;
  }

  .card-listing-child.inactive {
    width: 47%;
  }

  .right-top-box .content-right span.pagi-total {
    width: 15%;
  }

  #holiday .flex-box .flex-leave-child {
    flex-basis: 23.8%;
  }

  .my-time .date {
    height: 26px;
    width: 26px;
  }

  .my-time .date span {
    bottom: 8px;
    font-size: 10px;
  }

  .my-time .date p {
    font-size: 10px;
    bottom: 14px;
  }

  .my-time .weekdays,
  .my-time .dates {
    gap: 17px;
  }
}

@media(min-width: 769px) and (max-width: 991px) {
  .doc-tabs li {
    width: 30.4%;
  }

  .main-patsection .down-pat .icon-content .child {
    width: 30.5%;
  }

  .main-patsection .down-pat .col-left {
    width: 23%;
    margin-right: 1%;
    padding: 12px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
  }

  .main-patsection .down-pat .col-left p span {
    font-size: 22px;
  }

  .main-patsection .down-pat .col-left p {
    font-size: 30px;
  }

  .main-patsection .content-boxes h1 {
    font-size: 25px;
  }

  .counter-flex .count-child {
    width: 47.33%;
    margin-bottom: 20px;
  }

  .investi-main .child-invest {
    width: 47%;
  }

  .four-column-section .flex-child {
    width: 33.2%;
  }

  .central_hub_dashboard .containers {
    flex-direction: row;
    width: 100%;
  }

  .central_hub_dash .panel {
    width: 48%;
  }

  .top-box-comtainer .request-box {
    width: 30%;
  }

  .travel-tabber .tab-content {
    flex-basis: 62%;
  }

  .travel-tabber .custom-tab {
    flex-basis: 35%;
    padding: 14px;
  }

  .travel-tabber .custom-tab h2 {
    font-size: 13px;
  }

  .travel-tabber .nav-tabs .nav-link {
    width: 99%;
  }

  #setpprences .preferences {
    width: 85%;
  }

  .preference-tabs .tab-content {
    width: 62%;
  }

  .preference-tabs .custom-tab {
    width: 35%;
  }

  #setmeals .checbox-flexes .left {
    width: 74%;
  }

  .report-flex-box .agnt-bxs {
    width: 30.5%;
  }

  .travel-dashboard .chart-container {
    width: 47%;
  }

  .total-incident-main .left-column {
    width: 18%;
    margin-right: 2%;
  }

  .total-incident-main .right-column {
    width: 80%;
    gap: 9px;
  }

  .total-incident-main .right-column .counter-col {
    width: 23.9%;
    padding: 14px;
  }

  .total-incident-main .right-column .counter-col:first-child .img-box {
    width: 36px;
    height: 45px;
    margin-top: -2px;
  }

  .total-incident-main .right-column .counter-box .right-counter {
    margin-top: 0;
  }

  .total-incident-main .right-column .counter-col:nth-child(3) .img-box {
    width: 37px;
    height: 37px;
    margin-top: 0;
  }

  .total-incident-main .right-column .img-box {
    width: 37px;
    height: 37px;
  }

  .total-incident-main .right-column p {
    font-size: 12px;
  }

  .total-incident-main .right-column span.counter {
    font-size: 28px;
  }

  .total-incident-main {
    padding: 20px;
  }

  .total-incident-main .left-column span.counter {
    font-size: 31px;
  }

  .total-incident-main .left-column .counter-box p {
    font-size: 18px;
  }

  .dms-home .chart-box {
    width: 246px !important;
    height: 208px !important;
  }

  .main-widget.dms-home .dms-flex .dms-right {
    width: 67%;
  }

  .main-widget.dms-home .dms-flex .dms-left {
    width: 30%;
  }

  .dms-home .img-box {
    width: 211px;
  }

  .card-listing-child.active,
  .card-listing-child.inactive {
    width: 48.5%
  }

  .listing-details .dms-right img.dms-img-left {
    width: 84%;
  }

  .listing-details .dms-right {
    width: 62% !important;
  }

  .listing-details .dms-left {
    width: 38% !important;
  }

  .listing-details .img-box {
    width: 100%;
  }

  #candidate-listings .dms-right {
    gap: 10px;
  }

  .joined-details p.left,
  .joined-details a.cand-views {
    font-size: 12px;
  }

  .right-top-box .content-right span.pagi-total {
    width: 42%;
  }

  #holiday .flex-box .flex-leave-child {
    flex-basis: 31.9%;
  }

}

@media(min-width: 481px) and (max-width: 768px) {

  .mid-main i {
    font-size: 30px;
  }

  .flex-box .col-mid {
    width: 6%;
    margin-right: 8%;
  }

  .flex-box .col-right {
    width: 38%;
  }

  .flex-box .left-col {
    width: 38%;
    margin-right: 8%;
  }

  .cta-box {
    display: flex;
    max-width: 60%;
  }

  .result .table thead th:nth-child(5) {
    width: 22%;
  }

  .docs-mob .col-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .main-patsection .down-pat .icon-content .child {
    width: 100%;
  }

  .main-patsection .down-pat .col-right {
    width: 55%;
  }

  .main-patsection .down-pat .col-left {
    width: 43%;
    margin-right: 2%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
  }

  .main-patsection .down-pat .col-left p span {
    font-size: 24px;
  }

  .main-patsection .down-pat .col-left p {
    font-size: 26px;
  }

  .main-patsection .down-pat .col-left p:first-child {
    margin-top: 0px;
  }

  .new-search-box input[type="search"] {
    width: 65%;
  }

  .hand-img img {
    width: 27%;
    margin-top: -30px;
  }

  .vectors {
    top: -14px;
  }

  .four-column-section .flex-child {
    width: 50%;
  }

  .top-box-comtainer .request-box {
    width: 46.7%;
  }

  .report-flex-box .agnt-bxs {
    width: 45.2%;
  }

  .dms-home .chart-box {
    width: 243px !important;
  }

  .main-widget.dms-home .dms-flex .dms-right {
    width: 51%;
  }

  .main-widget.dms-home .dms-flex .dms-left {
    width: 46%;
  }

  .dms-flex .search-container {
    flex-direction: column;
    width: 100%;
    background-color: white;
    border-radius: 30px;
    margin-top: 22px;
  }

  .dms-flex .search-box input {
    width: 59%;
    flex: unset;
  }

  .dms-flex .search-box {
    width: 100%;
    margin-left: 0;
  }

  .card-listing-child.active {
    width: 100%;
  }

  #holiday .flex-box .flex-leave-child {
    flex-basis: 48.1%;
  }
}

@media(max-width:1100px) {
  .right-top-box .content-left h5 {
    font-size: 14px;
  }

  .seat-main-cont .department {
    flex-basis: 47%;
  }
}

@media(max-width: 991px) {
  .allo-flex-box {
    flex-wrap: wrap !important;
    flex-direction: column-reverse;
  }

  .allo-flex-box .right-boxes {
    width: 100% !important;
  }

  .allo-flex-box .left-cols {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  .allo-flex-box .right-boxes {
    max-width: 100% !important;
  }

  .allo-flex-box img {
    min-height: auto;
  }

  .upload-main-box .bottom-box {
    flex-direction: column;
  }

  .upload-main-box .bottom-box a.sv {
    margin-right: 0px;
    margin-bottom: 15px;
  }

  .content-section label {
    margin-right: 5px;
  }


  .new-upload-dashboard .new-search-box {
    margin-bottom: 20px;
  }

  .new-upload-dashboard .primary-cta {
    margin-bottom: 20px;
    width: auto;
  }

  .line-hr-dashboard .new-search-box {
    width: 100%;
    margin-bottom: 20px;
  }

  .line-hr-detail .cta button.primary-cta {
    width: auto;
  }


  .travel-tabber .rows-details .left-col {
    width: 100%;
    margin-right: 0;
  }

  .report-left-flex {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .incident-my-to-do .report-right-flex {
    width: 100%;
  }

  .incident-my-to-do button.sub {
    margin-top: 30px;
  }

  .incident-my-to-do .inp-widget {
    padding-bottom: 80px;
  }

  .resove-reports .inp-widget {
    padding-bottom: 16px;
  }

  .my-time .calender-detail {
    width: 100%;
    margin-left: 0px;
  }

  .calender-left {
    width: 100%;
    margin-bottom: 10px;
  }

  .hr .neumorphic-flexbox {
    width: 100%;
  }

  .hr .neumorphic-box::before {
    width: unset;
  }

  .hr .neumorphic-flexbox .neumorphic-box {
    width: 20%;
  }

  .neumorphic-box:nth-child(2n+2)::after {
    width: 2px;
  }

  .hr .inci-banner {
    height: 269px !important;
    width: 100% !important;
  }

  .ai-flexes img.view-inter-img {
    margin: 0px auto;
  }

  .ai-flexes a.view-inters {
    text-align: center;
  }

  .ai-flexes .left-ai-child {
    padding: 0;
  }

  .seat-flex .seat-right {
    width: 100%;
    margin-top: 10px;
  }

  .seat-flex .seat-left {
    width: 100%;
    margin-right: 0;
  }

  .crest-main .row .col-lg-2 {
    padding-left: 0;
  }

  .seat-main-cont {
    flex-direction: column-reverse;
  }

  .seat-main-cont .left-container {
    width: 100%;
    margin-right: 0;
  }

  .seat-main-cont .right-container {
    width: 100%;
  }

  .crest-main .align-items-center {
    padding-left: 0;
  }

  #subDepartBox .col-lg-12 {
    padding-left: 0;
    padding-right: 0;
  }

  .seat-main-cont .detail-flex-box .detail-chld {
    width: 49%;
    margin-bottom: 10px;
  }

  .seat-main-cont .departments {
    gap: 9px;
  }

  .right-legend .legend-item {
    padding-left: 0;
    padding-right: 0;
    margin-bottom: 10px;
  }

  .selct-seat-main .right-seat-box,
  .booking-details-bar {
    margin-bottom: 15px;
  }

  .medical-scheduler .medi-left .img-box {
    width: 44vw;
    margin-top: -95px;
    margin-left: -17px;
  }
}

@media(max-width: 768px) {
  .pagination a {
    padding: 8px 10px;
  }

  .bar-tables .bar-left {
    width: 100%;
    padding-right: 0;
    min-height: 235px;
    margin-right: 0%;
    margin-bottom: 20px;
  }

  .bar-tables .table-right {
    width: 100%;
  }

  .bar-tables {
    flex-wrap: wrap;
  }

  .doc-tabs {
    flex-wrap: wrap;
  }

  .doc-tabs li {
    width: 100%;
  }

  .main-patsection .top-pat {
    flex-wrap: wrap;
    min-height: 490px;
  }

  .main-patsection .content-boxes {
    width: 100%;
  }

  .main-patsection .right-boxes {
    width: 100%;
    margin-top: -55px;
  }

  .hand-img {
    text-align: center;
  }

  .main-patsection .right-boxes .logo {
    text-align: left;
    width: 100%;
    margin-bottom: 20px;
  }

  .main-patsection .right-boxes .logo img {
    width: 28%;
    margin-top: 52px;
  }

  .main-patsection .down-pat {
    margin-top: 12px;
  }

  .path-flex .right {
    width: 100%;
  }

  .path-flex .left {
    margin-right: 0;
    width: 100%;
  }

  .company-flex .right,
  .company-flex select.cmps {
    width: 100%;
  }

  .company-flex .left {
    margin-right: 0;
    width: 100%;
  }

  .upload-flex .left {
    margin-right: 0;
    width: 100%;
  }

  .radio-list button {
    margin-right: 0px;
    width: 100% !important;
    margin-bottom: 9px !important;
  }

  .upload-flex .right {
    width: 100%;
  }

  .radio-list {
    flex-direction: column;
    width: 100%;
  }

  .path-flex,
  .dpt-flex,
  .upload-flex,
  .company-flex {
    flex-direction: column;
  }

  .dpt-flex .left {
    margin-right: 0;
    width: 100%;
  }

  .dpt-flex .right {
    width: 100%;
  }

  select.dpts {
    width: 100%;
  }

  .table-flexes {
    flex-direction: column;
  }

  ul.dwnd-links {
    max-width: 100%;
    margin: 20px auto 20px auto;
  }

  .upld-flexes .upld-sec {
    width: 100%;
  }

  .mini-upld {
    margin-bottom: 10px;
  }

  .upld-flexes {
    margin-bottom: 10px;
  }

  .emp-button-flex button.emp-child {
    padding: 7px 10px;
  }

  .line-hr-dashboard .donus {
    margin-top: -82px;
  }

  #linehr-table {
    margin-top: -39px;
  }

  .donus {
    margin-top: -103px;
  }

  #upload-table {
    margin-top: -57px;
  }

  .right-side-content .count-child {
    margin-bottom: 20px;
  }

  .new-upload #hot {
    margin-bottom: 19px;
  }

  .counter-flex .count-child {
    width: 100%;
    margin-bottom: 10px;
  }

  .master-sub-process .create-user-cta {
    justify-content: center;
  }

  .investi-main .child-invest {
    width: 100%;
    margin: 0 0 20px 0;
  }

  .central_hub_dashboard .containers {
    flex-direction: row;
    width: 100%;
  }

  .central_hub_dash .center-panel,
  .stat-boxes,
  .central_hub_dash .stat-box {
    width: 100%;
  }

  .requsition .tab-content {
    padding: 0;
  }

  .travel-tabber .nav-tabs .nav-link {
    width: 100%;
    justify-content: space-between;
  }

  .travel-tabber .custom-tab {
    flex-basis: 100%;
    margin-right: 0;
  }

  .travel-tabber .tab-content {
    flex-basis: 100%;
  }

  .travel-tabber .nav-tabs .nav-link img.right {
    width: 5%;
  }

  .preference-tabs .custom-tab,
  .preference-tabs .tab-content {
    flex: 100%;
    max-width: 100%;
  }

  .video_manual .flex-boxes nav.custom-tab {
    margin-bottom: 19px;
    width: 100%;
    margin-right: 0;
  }

  .video_manual .flex-boxes .tab-content {
    width: 100%;
  }

  .preference-tabs .custom-tab {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .preference-tabs .tab-content {
    width: 100%;
  }

  .preference-tabs .value-flexes {
    width: 100%;
  }

  #setpports .detailings {
    max-width: 100%;
  }

  #setmeals .checbox-flexes .left {
    width: 77%;
  }

  .view-request-flex .view-request-tab {
    width: 100%;
    margin-top: 16px;
  }

  .view-request-flex .view-request-nav {
    width: 100%;
  }

  .travel-dashboard .chart-container {
    width: 31.1%;
  }

  .rise-inci-flex ul.left-rise {
    width: 100%;
    margin-right: 0;
  }

  .rise-inci-flex input.input-right {
    width: 100%;
  }

  .total-incident-main .left-column .counter-box p {
    font-size: 15px;
  }

  .total-incident-main .left-column span.counter {
    font-size: 31px;
  }

  .total-incident-main .right-column .counter-col {
    width: 100%;
    padding: 15px;
  }

  .total-incident-main .left-column {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }

  .total-incident-main .right-column {
    width: 100%;
  }

  .total-incident-main {
    padding: 15px;
  }

  .total-incident-main .right-column .counter-col:first-child .img-box {
    width: 40px;
    height: 50px;
  }

  .total-incident-main .right-column .counter-box .right-counter {
    margin-top: 0;
  }

  .total-incident-main .right-column span.counter {
    font-size: 24px;
  }

  .total-incident-main .right-column .img-box {
    width: 40px;
    height: 40px;
  }

  .total-incident-main .right-column .counter-col:nth-child(3) .img-box {
    width: 40px;
    height: 40px;
    margin-top: 0;
    margin-right: 37px;
    margin-left: -25px;
  }

  .report-top-box .right-box {
    width: 100%;
    margin-left: 0;
    border-radius: 12px;
  }

  .report-top-box .left-box {
    width: 100%;
  }

  #candidate-listings .dms-right {
    gap: 20px;
    padding: 15px;
  }

  .card-listing-child.active {
    width: 100%;
  }

  .listing-details .dms-left {
    width: 100% !important;
    height: unset !important;
    position: relative !important;
    border-right: unset !important;
    margin-right: 0 !important;
  }

  .listing-details .dms-right {
    width: 100% !important;
    background: #bcebf0 !important;
  }

  .card-listing-child.inactive {
    width: 100%;
  }

  .right-top-box .content-right span.pagi-total {
    width: 30%;
  }

  .upd-detail-box {
    margin-left: 0;
  }

  #dms-manual-docs {
    margin-left: 0;
    margin-top: 29px;
  }

  .resove-reports .button-left {
    width: 100%;
    margin-bottom: 10px;
  }

  .resove-reports .textrea {
    width: 100%;
    margin-left: 0;
  }

  .resove-reports .report-left-flex {
    padding-bottom: 76px;
  }

  .legend-box .legend-detail-flex {
    width: 50%;
  }

  .my-time .calender-detail {
    padding: 15px;
  }

  .hr .neumorphic-flexbox .neumorphic-box {
    width: 100%;
  }

  .job-change .job-flex .job-right {
    width: 51%;
    padding: 9px;
  }

  .job-change .job-flex .job-left {
    width: 47%;
  }

  .job-change .title-left p {
    font-size: 28px;
  }

  .job-menu .menu-right {
    padding-left: 26px !important;
  }

  .notin-column-main {
    width: 100%;
    margin-top: 10px;
  }

  .floor-column-main {
    width: 100%;
    margin-right: 0;
  }

  .dashboard-box .right-card {
    display: flex;
    width: 100%;
    gap: 0;
    flex-direction: column;
  }

  .dashboard-box .right-card .cards {
    width: 100%;
    margin-bottom: 10px;
  }

  .dashboard-box .left-card {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
    display: block;
    text-align: center;
  }

  .seat-main-cont .department {
    flex-basis: 100%;
  }

  .seat-main-cont .subprocess .seat {
    height: 25px;
    flex: 0 0 6%;
  }

  .cancelSeat .seat,
  .bookSeat .seat {
    flex: 0 0 6%;
    height: 25px;
  }

  .bookSeat .seat.not-available i,
  .cancelSeat .seat.not-available i {
    font-size: 10px;
  }

  .top-box-detail,
  .pending-actions,
  .holds-box,
  .leave-blnce {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
  }

  .holds-box .up-days {
    text-align: left;
  }

  .calender-detail button {
    margin: unset !important;
  }

  .legend-box .legend-detail-flex {
    margin-bottom: 10px;
  }

  .top-box-detail {
    margin-bottom: 10px;
  }

  .holds-box .up-days h5 {
    font-size: 18px !important;
  }

  .holds-box {
    margin-top: 10px;
  }

  .medical-scheduler .medi-left .img-box {
    width: 100%;
    margin-top: -89px;
    margin-left: 0;
  }

  .medical-scheduler .medi-left {
    width: 100%;
  }

  .medical-scheduler .medi-right {
    width: 100%;
    padding: 13px 0px;
  }

  .medical-scheduler .medi-left h2.title,
  .medical-scheduler .medi-right h3 {
    font-size: 17px;
  }

  .my-time .calender-detail .right-colums {
    width: 100%;
  }

  .my-time .calender-detail .left-colums {
    width: 100%;
    margin-right: 0;
  }

  .my-time .calender-detail .left-colums .top-box-detail {
    min-height: 230px;
  }
}

@media(max-width: 480px) {
  .flex-box .right-main {
    padding: 9px;
  }

  .flex-box .col-right {
    width: 40%;
  }

  .flex-box .col-mid {
    width: 6%;
    margin-right: 5%;
  }

  .flex-box .left-col {
    width: 44%;
    margin-right: 5%;
  }

  .title-box {
    margin-bottom: 16px;
    padding: 7px;
  }

  .title-box input#selectAll:before {
    top: -14px;
    font-size: 13px;
  }

  .flex-box .left-main {
    padding: 9px;
  }

  .search-box {
    width: 100%;
  }

  .check-box li input.item,
  .check-box li input.dpt,
  .check-box li input.subp {
    transform: scale(1.1);
    margin-left: 1px;
    margin-right: 2px;
  }

  .check-box li {
    margin-bottom: 13px;
    font-size: 11px;
  }

  .flex-box {
    max-width: 100%;
  }

  .mid-main i {
    font-size: 18px;
  }

  .docs-mob .col-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .docs-mob .col-4:not(:last-child) {
    margin-bottom: 15px;
  }

  .main-patsection .down-pat .col-left p span {
    font-size: 23px;
  }

  .main-patsection .down-pat .col-left p {
    font-size: 31px;
  }

  .main-patsection .down-pat .col-left {
    width: 100%;
    margin-right: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    margin-bottom: 20px;
    position: relative;
    top: unset;
    overflow: hidden;
  }

  .main-patsection .down-pat .col-right {
    width: 100%;
  }

  .new-search-box input[type="search"] {
    width: 88%;
  }

  .main-patsection .down-pat .icon-content .child {
    width: 100%;
  }

  .main-patsection .content-boxes a {
    font-size: 10px;
  }

  .main-patsection .content-boxes p {
    font-size: 12px;
  }

  .main-patsection .content-boxes h1 {
    font-size: 26px;
  }

  .vectors {
    width: 12%;
    right: -7px;
    top: -8px;
  }

  .vp-inputs .button-box {
    flex-direction: column;
  }

  .emp-button-flex button.emp-child {
    width: 100%;
    margin-bottom: 11px;
  }

  .emp-button-flex {
    flex-direction: column;
    width: 100%;
  }

  .four-column-section .flex-child {
    width: 100%;
  }

  .top-box-comtainer .request-box {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }

  .travel-tabber .nav-tabs .nav-link img.right {
    width: 9%;
  }

  .report-flex-box .agnt-bxs {
    width: 100%;
    margin: 0;
  }

  .report-bottom-box {
    flex-direction: column;
  }

  .report-bottom-box .button-left {
    width: 100%;
    margin-bottom: 10px;
  }

  .dms-home .img-box {
    width: 55%;
  }

  .main-widget.dms-home .dms-flex .dms-left {
    width: 100%;
    position: relative;
    top: unset;
  }

  .main-widget.dms-home .dms-flex .dms-right {
    width: 100%;
  }

  .dms-home .chart-container {
    padding: 26px 0px 10px;
  }

  .dms-flex .search-container {
    flex-direction: column;
  }

  .dms-flex .search-box,
  .listing-details .img-box {
    width: 100%;
    margin-left: 0;
  }

  .legend-box .legend-detail-flex {
    width: 100%;
  }

  .my-time .date {
    width: 20px;
    height: 20px;
  }

  .my-time .date span {
    font-size: 9px;
    position: relative;
    bottom: 11px;
  }

  .my-time .top-box-detail .flex-detail .right-col p {
    font-size: 13px;
  }

  .my-time .top-box-detail .flex-detail .left-con h2 {
    font-size: 14px;
  }

  #holiday .flex-box .flex-leave-child {
    flex-basis: 100%;
  }

  .seat-main-cont .detail-flex-box .detail-chld {
    text-align: center;
    width: 100%;
  }

  .my-time .dates {
    gap: 12px;
  }

  .my-time .date p {
    font-size: 8px;
    bottom: 22px;
  }

  .header-weekbox {
    padding: 8px;
  }

  .date-month {
    font-size: 10px;
  }

  .my-time .weekdays {
    gap: 10px;
  }

  .my-time .weekdays span {
    font-size: 10px;
  }

  .my-time .title-box h5 {
    font-size: 9px;
  }

  .medical-scheduler .medi-left h2.title,
  .medical-scheduler .medi-right h3 {
    font-size: 14px;
  }
}


/*---- media query ends here -----*/