a {
    text-decoration: none !important;
    color: unset !important;
}
body {
    font-family: "Lato", sans-serif;
}
a:hover {
    text-decoration: none !important;
}
.login-sec .logo img {
    width: 130px;
}

.login-sec {
    background: #ffffff;
    height: 100vh;
    flex-wrap: wrap;
    padding: 30px 30px 30px;
    display: flex;
    align-items: center;
    width: 100%;
}
.login-sec .logo {
    left: 50px;
    margin: 0 auto;
    position: absolute;
    top: 40px;
    width: auto;
}
.login-sec .form-area h3 {
    color: #3d3d3d;
}
.login-sec .form-area form .form-group {
    margin-bottom: 25px;
    position: relative;
}
.login-sec .form-area form .form-group label {
    color: #3d3d3d;
    line-height: 1;
}
.login-sec .form-area form .form-group .form-control {
    background-color: transparent;
    border: 1px solid #1485ff;
    min-height: 40px;
}
.login-sec .form-area form .form-group span.eye-icon {
    width: 20px;
    position: absolute;
    bottom: 0;
    right: 7px;
    height: 40px;
}
.login-sec .form-area form .form-group span.eye-icon img {
    width: 100%;
    height: 100%;
}
.login-sec .form-area form button {
    color: #ffffff;
    width: 100%;
    outline: none;
    min-height: 40px;
}
.login-sec .form-area form button a {
    color: #fff;
    text-decoration: none;
}
.login-sec .forgot-btn {
    color: #3969d5;
    cursor: pointer;
    font-size: 13px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin: 10px 0;
}
.seperator {
    border-color: rgb(57, 109, 213, 1);
}
.login-sec .form-area button.secondary:hover {
    background: #3969d5 !important;
    color: #ffffff;
    border: none !important;
}
.login-sec .form-area button.secondary:hover a {
    color: #ffffff !important;
}
.forgot-modal {
    max-width: 600px !important;
    margin-top: 6%;
}
.forgot-modal .modal-header {
    border: none;
    padding: 2rem !important;
}
.forgot-modal .close-subs-view {
    align-items: center;
    background: #3969d5;
    border: none;
    border-radius: 50%;
    color: #fff;
    display: inline-flex;
    font-size: 18px;
    height: 25px;
    justify-content: center;
    position: absolute;
    right: 15px;
    width: 25px;
    z-index: 99;
}
.forgot-modal .close-subs-view svg {
    height: 15px;
    line-height: 1;
    width: 15px;
}
.forgot-modal .modal-body .forgot-content {
    border-bottom: 1px dashed #396dd575;
    margin-bottom: 20px;
    padding-bottom: 30px;
}
.forgot-modal .modal-body .forgot-content h3 {
    color: #3969d5;
    font-size: 36px;
    margin: 10px auto;
}
.forgot-modal .form-group label,
.forgot-modal .modal-body .forgot-content p {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}
.forgot-modal .form-group label,
.forgot-modal .modal-body .forgot-content p {
    color: #3d3d3d;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
}
.forgot-modal .modal-body {
    padding: 50px;
}
.forgot-modal .form-group input {
    background: #fff;
    border: 1px solid #396dd575;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 14px;
}
.forgot-modal .forgot-submit-btn {
    display: inline-flex;
    margin: 15px auto;
    width: 100%;
}
.forgot-modal .forgot-submit-btn button.btn-primary {
    align-items: center;
    background: #3969d5;
    border: 0.25px solid #3969d5;
    border-radius: 30px;
    color: #fff;
    display: flex;
    font-size: 14px;
    font-weight: 400;
    justify-content: center;
    padding: 7px 5px;
    width: 100%;
}
.sign-continue {
    color: #b1b1b1;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 40px;
}
.login-img h1 {
    color: #3d3d3d;
    font-size: 24px;
    font-style: normal;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: normal;
}
.container_box {
    max-width: 1265px !important;
}
.header-top {
    background-color: #fff;
    padding: 8px;
    box-shadow: 0px 2.998px 19.49px 0px rgba(0, 0, 0, 0.1);
}

.brain-content {
    background-image: url(../images/brain-bg.png);
    background-color: #f5f5f5;
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
}
.morning-text h1 {
    color: #3f3f3f;
    font-size: 24px;
    font-style: normal;
    margin-bottom: 10px;
    padding-top: 60px;
    font-weight: 400;
    line-height: normal;
}

.morning-text h1 a {
    text-decoration: none;
    color: #3969d5;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.setup-text {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    justify-content: right;
    gap: 10px;
}

.setup-text span {
    color: #3f3f3f;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -0.32px;
}
.key-updates {
    border-radius: 5.247px;
    border: 0.25px solid #3969d5;
    background: #fff;
    /* padding: 26px; */
}
.sign-login-form {
    display: flex;
}
.keys-heading h1 {
    color: #3f3f3f;
    font-size: 20px;
    font-style: normal;
    margin-bottom: 0px;
    font-weight: 600;
    line-height: 106%; /* 21.2px */
}

.keys-heading span {
    color: #3969d5;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
}

.keys-heading {
    display: flex;
    align-items: center;
    padding: 26px;
    padding-bottom: 0px;
    justify-content: space-between;
    margin-bottom: 20px;
}
.keys-tabs .m_4ec4dce6 {
    outline: none;
    font-size: 12px;
    color: #3f3f3f;
    padding: 9px;
}

.keys-tabs .m_89d33d6d {
    flex-wrap: unset;
    margin: 0px 26px;
}
.key-policies {
    /* margin-top: 33px; */
    display: flex;
    gap: 18px;
    padding: 26px;
}

.marks-lead {
    background-color: #fafbff;
}

.key-policies span {
    border-radius: 5px;
    background: #e3eeff;
    color: #324054;
    padding: 5px 7px;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.key-policies h1 {
    color: #324054;
    font-size: 16px;
    font-style: normal;
    margin-top: 6px;
    font-weight: 400;
    line-height: normal;
}

/* .check_boxes input{
    background-color: #E6F3FF !important;
    width: 18px;
    height: 18px;
  } */

.setup-text span a:hover {
    border-bottom: 1px solid #3969d5;
}

.check_boxes .m_bf295423 {
    color: #3969d5 !important;
}

.check_boxes label {
    padding-left: 5px;
    font-size: 12px;
}

.check_boxes {
    margin-top: 16px;
}

.key-policies p {
    color: #919191;
    font-size: 13px;
    margin-bottom: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.policies-read {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.policies-read span {
    padding: 0px !important;
    background: none !important;
}

.main-tabs {
    overflow-y: scroll;
    height: 340px;
}

.policies-boxes {
    background: #fff;
    width: 238px;
    height: 161.914px;
    padding: 35px;
    border-radius: 5.25px;
    border: 0.25px solid #3969d5;
}

.policies-boxes:hover {
    background-color: #f8f9fa;
}

.policies-boxes h1 {
    color: #324054;
    text-align: center;
    font-size: 15px;
    font-style: normal;
    margin-bottom: 0px;
    margin-top: 10px;
    font-weight: 400;
    line-height: normal;
}
.policies-category {
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
}
.brain-updates {
    padding-bottom: 20px;
}
.brain-sizing {
    padding: 0px !important;
}
.bread-items {
    margin-top: 35px;
}
.setup-img {
    display: flex;
    align-items: center;
    margin-top: 46px;
    gap: 12px;
}
.setup-img h1 {
    margin-bottom: 0px;
    color: #324054;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.4px;
}
.setup-content {
    border-bottom: 1px solid #3969d5;
    padding-bottom: 46px;
}
/* .setup-Knowledge{
      padding-top: 38px;
    } */

.knowledge-content-left {
    border-right: 1px solid #3969d5;
    height: 100%;
    padding-top: 38px;
    padding-bottom: 38px;
}
.knowledge-content-left nav {
    background-color: #fff;
}
.knowledge-content-left nav ul li a svg {
    filter: brightness(0.2);
}
.knowledge-content-left nav ul li a.active svg {
    filter: initial;
}
.knowledge-content-left nav ul li a {
    padding-left: 0px !important;
    align-items: center !important;
}

.knowledge-content-left nav ul li a {
    display: flex;
    gap: 15px;
}

.knowledge-content-left .css-16jesut > .ps-menu-button:hover {
    background-color: #fff !important;
}

.knowledge-content-left .css-1wvake5 {
    border-right: 1px solid #fff;
    width: 291px;
}
.knowledge-content-right {
    padding-top: 38px;
}
.authors-knowledge {
    display: flex;
    align-items: center;
    gap: 16px;
}
.knowledge-setup-icon svg {
    width: 36px;
    height: 36px;
}
.knowledge-setup {
    border-right: 1px solid #3969d5;
    padding-top: 38px;
}
.authors-knowledge h1 {
    margin-bottom: 0px;
    color: #3969d5;
    font-size: 20px;
    font-style: normal;
    margin-right: auto;
    font-weight: 700;
    line-height: normal;
}

.authors-knowledge button .m_811560b9 {
    gap: 10px;
}

.authors-knowledge .m_77c9d27d {
    outline: none !important;
}

.author-table table {
    width: -webkit-fill-available;
    margin-top: 28px !important;
}
.author-table table th:nth-child(2) {
    text-align: left !important;
}

.author-table table th:nth-child(3) {
    text-align: right !important;
}

.author-table table td:nth-child(3) {
    text-align: right !important;
}

.edit_dlte span svg {
    width: 14px;
}

.edit-input-field .m_8fb7ebe7 {
    width: -webkit-fill-available !important;
}

.edit_dlte {
    cursor: pointer;
}

.author-table table tr th {
    background-color: #f0f7ff;
    color: #2e2e2e;
    font-size: 16px;
    padding: 12px 30px;
    font-style: normal;
    border-bottom: 1px solid #3969d5;
    font-weight: 700;
    line-height: normal;
}

.author-table table td:nth-child(2) {
    text-align: left !important;
}
.author-table table tr td {
    padding: 9px 30px;
    color: #000;
    font-size: 13px;
    border-bottom: 1px solid #3969d5;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.select-result {
    display: flex;
    align-items: center;
    margin-top: 23px;
    margin-bottom: 23px;
    gap: 8px;
}
.select-result span {
    color: #324054;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.number-result {
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 8px;
}
.selectpicker {
    outline: none;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #dfe3e8;
}

.polices-table table {
    width: 100%;
}
.polices-table table tr th {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    background: #f0f7ff;
    color: #000;
    font-size: 14px;
    padding: 8px;
    font-style: normal;
    font-weight: 600 !important;
    line-height: normal;
}
.select-pink {
    width: max-content;
}
.polices-table table tr td {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    /* background: #F0F7FF; */
    color: #000;
    font-size: 13px;
    font-style: normal;
    padding: 8px;
    font-weight: 400;
    line-height: normal;
}
.eye-view {
    display: flex;
    gap: 5px;
    cursor: pointer;
    justify-content: center;
}
/* .polices-table table tr td:nth-child(n + 3),.polices-table table tr th:nth-child(n + 3) {
    text-align: center !important;
  } */
.polices-table table tr td:nth-child(n + 4) {
    text-align: center;
}
.polices-table table tr th:nth-child(n + 4) {
    text-align: center;
}
.polices-table table tr td:nth-child(3) {
    text-align: right;
}
.polices-table table tr th:nth-child(3) {
    text-align: right;
}
/* 
  .polices-table table tr td:nth-child(1){
    text-align: left;
  }
  .polices-table table tr td:nth-child(2){
    text-align: left;
  } */

.knowledge-base table tr th:nth-child(4) {
    text-align: right !important;
}
.knowledge-base table tr td:nth-child(4) {
    text-align: right !important;
}
.knowledge-base table tr td:nth-child(n + 5),
.knowledge-base table tr th:nth-child(n + 5) {
    text-align: left !important;
}

.knowledge-base table tr th:nth-child(9),
.knowledge-base table tr td:nth-child(9) {
    text-align: center !important;
}
.knowledge-base table tr th:nth-child(8),
.knowledge-base table tr td:nth-child(8) {
    text-align: center !important;
}
.sell-research table tr td:nth-child(1) {
    text-align: left;
}
.sell-research table tr th:nth-child(2) {
    text-align: right !important;
}

@media screen and (min-width: 768px) {
    .md\:w-20rem {
        width: 14rem !important;
    }
}

.sell-research table tr td:nth-child(2) {
    text-align: right !important;
}
.sell-research table tr th:nth-child(4) {
    text-align: right !important;
}
.sell-research table tr td:nth-child(4) {
    text-align: right !important;
}

.sell-research table tr th:nth-child(n + 5) {
    text-align: left !important;
}
.sell-research table tr td:nth-child(n + 5) {
    text-align: left !important;
}
.sell-research table tr th:nth-child(n + 8) {
    text-align: center !important;
}
.sell-research table tr td:nth-child(n + 8) {
    text-align: center !important;
}

.sell-research table tr td:nth-child(3) {
    text-align: left !important;
}
.sell-research table tr th:nth-child(3) {
    text-align: left !important;
}

.polices-table {
    margin: 30px 0px;
}
/* .knowledge-table table tr th:nth-child(n + 3){
    text-align: left !important;
  } */
.Applicable-select {
    margin: auto;
}
.sops-icons svg {
    width: 42px;
    height: 42px;
}
.light-green {
    padding: 4px 8px;
    border-radius: 5px;
    background: #dafbd9 !important;
}
.pink-color {
    padding: 4px 8px;
    border-radius: 5px;
    background: #fad9d9 !important;
}
.css-1t8x7v1 > .ps-menu-button:hover {
    background: none !important;
}
.setup-side-menu {
    display: flex;
    align-items: center;
    gap: 15px;
    border-bottom: 1px solid #3969d5;
}
.setup-side-menu a {
    height: 50px;
    display: flex;
    align-items: center;
    color: #324054!important;
    gap: 15px;
}

.setup-side-menu .active{
    color: #3969d5 !important;
    background-position: 100%;
    background-repeat: no-repeat;
    font-weight: 600;
    background-image: url(../images/arrow-round.png);
    width: 100%;
    margin-right: 10px;
}

.setup-side-menu .active svg{
    filter: none;
}
.setup-side-menu svg {
    filter: brightness(.2);
}
.knowledge-content-left svg {
    filter: grayscale(1);
}

.author-base {
    display: flex;
    align-items: center;
    gap: 10px;
}

.author-search button {
    width: -webkit-fill-available;
}

.author-search .m_8fb7ebe7 {
    width: 285px;
}

.author-select-field button {
    width: -webkit-fill-available !important;
    display: flex;
    justify-content: center;
}

.author-select-field button span {
    gap: 10px;
}

.knowledge-file .m_8fb7ebe7 {
    width: -webkit-fill-available !important;
}

.author-search button span {
    gap: 10px;
}

.author-base h1 {
    color: #324054;
    font-size: 16px;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.header-main-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header-main-bar button {
    height: 0%;
    outline: none;
}
.menu-dropdown a:hover{
    background-color: #f1f1f1 !important;
    margin: 4px !important;
    padding: 8px 8px !important;
    border-radius: 4px !important;
}
.sessionAlertContent {
    position: relative;
}

.para {
    display: flex;
    align-items: center;
    font-weight: 400;
}

.iconSpan {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 50px;
    color: #ffff;
    margin: 0px;
}

.buttonOK {
    position: absolute;
    right: 15px;
    width: 70px;
    border: none;
    margin-top: 70px;
    background: #3969d5;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    border-radius: 7px;
    padding: 4px 10px;
}

.data-table table tr th,
.data-table table tr td {
    border-bottom: 1px solid #3969d5;
    padding: 0px 10px;
}

.input {
    transition: none;

    &:focus-within {
        outline: 2px solid var(--mantine-color-blue-filled);
        border-color: transparent;
    }
}

.sign-form {
    max-width: 315px !important;
    width: 315px !important;
}
.sign-form .mantine-PasswordInput-root {
    margin-top: 25px;
}
.form-area button .mantine-ActionIcon-icon {
    color: #51555b8f !important;
}

.author-select {
    width: -webkit-fill-available;
}

.author-search .m_4081bf90 {
    flex-wrap: nowrap;
}
.knowledge-content-left nav ul li a.active {
    color: #3969d5 !important;
    display: flex;
    gap: 15px;
    font-weight: 600;
}

.knowledge-content-left nav ul li a.active .aaaaaaaa {
    background-color: #1485ff;
}

.view-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #324054;
}

.author-search h1 {
    color: #324054;
    font-size: 20px;
    font-style: normal;
    margin-top: 10px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -0.4px;
}
.universal-filter {
    margin-bottom: 10px;
    display: flex;
    justify-content: right;
}

.bread-crumbs {
    margin-top: 38px;
}
.notlink {
    color: #919191 !important;
}
.yeslink {
    color: #324054 !important;
    font-weight: 700;
}

.p-multiselect-panel {
    width: 14rem !important;
}

.p-multiselect-panel .p-multiselect-items {
    padding: 0rem !important;
}

.p-multiselect-label {
    padding: 10px 12px;
    text-align: left;
}

.p-multiselect-trigger svg {
    width: 12px;
}

.second-input-row .m_6c018570 {
    /* width: max-content; */
    width: 80%;
}

.p-multiselect-header {
    padding: 10px;
}

.p-multiselect-filter {
    padding: 8px;
    box-shadow: none !important;
}

.second-input-row input {
    border: 1px solid #3969d5;
    padding: 10px 12px;
    box-shadow: none !important;
}

.p-multiselect-item {
    padding: 7px 10px;
}

.policy-input {
    font-size: 13px;
    border: 1px solid #3969d5;
    box-shadow: none !important;
}

.universal-filter input {
    border: 1px solid #3969d5;
}

.p-multiselect-items {
    padding-left: 0rem !important;
    font-size: 14px;
    margin-bottom: 0px;
}

/* FLow HCM styling */

.main-dashbaord-sec {
    background-color: #fbfbfb;
    height: 220.861px;
    border-bottom: 1px solid #e7e7e7;
}

.bread-dashboard {
    padding-top: 35px;
}

.dashboard-tabs {
    margin-top: 25px;
}

.Ess-dashboard {
    margin-top: 43px;
}

.left-name-side {
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    border-radius: 5px;
    padding: 18px;
    box-shadow: 16.5px 14px 38px 0px rgba(219, 219, 219, 0.15);
    height: 337.43px;
}

.right-data-side {
    background-color: #ffffff;
    border: 1px solid #e7e7e7;
    box-shadow: 16.5px 14px 38px 0px rgba(219, 219, 219, 0.15);
    border-radius: 5px;
    padding: 18px;
    height: 337.43px;
}

.profile-user {
    text-align: center;
}

.profile-user img {
    width: 109.909px;
    height: 109.909px;
}

.first-row {
    display: flex;
    align-items: center;
    margin-top: 26px;
    gap: 14px;
}

.first-row h1 {
    color: #324054;
    font-size: 15px;
    font-style: normal;
    margin-right: auto;
    margin-bottom: 0px;
    font-weight: 700;
    line-height: normal;
}

.Fulltime-fill {
    color: #324054;
    padding: 6px 5px;
    background: #e1d3fb;
    border-radius: 6px;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.Permanent-fill {
    background: #d4f5d4;
}

.dashboard-description {
    display: grid;
    gap: 8px;
}
.dashboard-description span {
    color: #919191;
    font-size: 14px;
    display: flex;
    gap: 10px;
    align-items: center;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.dashboard-description h1 {
    color: #919191;
    font-size: 14px;
    font-style: normal;
    margin-bottom: 4px;
    font-weight: 400;
    padding-top: 4px;
    line-height: normal;
}

.requested-box {
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    padding: 13px;
    background: #fff;
    margin-top: 10px;
    box-shadow: 16.5px 14px 38px 0px rgba(219, 219, 219, 0.15);
    height: 267.015px;
}

.attendence-boxed {
    display: flex;
    align-items: center;
    gap: 13px;
}

.attendence-boxed span {
    color: #324054;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-right: 10px;
}

.attendence-box {
    display: flex;
    border-radius: 6px;
    background: #f0f2f4;
    width: max-content;
    margin: 40px auto 10px;
    padding: 6px 10px;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.attendence-box span {
    color: #324054;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.attendence-time p {
    color: #324054;
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.attendence-time button {
    border-radius: 6px;
    background: #3969d5;
    color: #fff;
    padding: 9px;
    text-align: center;
    width: -webkit-fill-available;
    outline: none;
    border: none;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.date-attendence {
    color: #324054;
    font-size: 32px;
    text-align: center;
    font-style: normal;
    margin-bottom: 25px;
    display: flex;
    justify-content: center;
    font-weight: 700;
    line-height: normal;
}

/* .m_4ec4dce6[data-active]:hover {
    background-color: var(--mantine-color-blue-filled-hover);
  } */

.missing-entry .m_89d33d6d {
    flex-wrap: unset;
    border-radius: 2px;
    gap: 2px;
    justify-content: space-between;
    padding: 3px;
    background: #f0f2f4;
}

.missing-entry .m_89d33d6d span {
    font-size: 12px;
    font-weight: 600;
    margin-right: 6px;
}

.missing-entry .m_c3381914[data-active][data-active] {
    background-color: #fff;
    color: #3969d5;
    width: -webkit-fill-available;
    padding: 10px 4px;
}

.missing-entry .m_c3381914 {
    color: #6a707c;
    padding: 10px 4px;
    width: -webkit-fill-available;
}

.missing-data table {
    width: 100%;
    margin-top: 16px;
}

.missing-data table tr th {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    background: #f0f7ff;
    color: #000;
    text-align: right;
    padding: 10px 6px;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.missing-data table tr td {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    color: #324054;
    text-align: right;
    padding: 10px 6px;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.missing-data table tr td:nth-child(1) {
    text-align: left;
}

.missing-data table tr th:nth-child(1) {
    text-align: left;
}

.request_approvals {
    margin-top: 22px;
}

.request-list {
    display: flex;
    margin-bottom: 16px;
    align-items: center;
    justify-content: space-between;
}

.request-list span {
    color: #324054;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.request-list .request-number {
    border-radius: 4px;
    background: #f0f2f4;
    padding: 2.9px 5px;
}

.empolyee-data {
    margin-top: 10px;
}

.empolyee-data {
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    padding: 13px;
    background: #fff;
    box-shadow: 16.5px 14px 38px 0px rgba(219, 219, 219, 0.15);
    height: 544.031px;
}

.payslip-box {
    display: flex;
    align-items: center;
    gap: 3px;
    width: max-content;
}

.payslip-empolyee {
    display: flex;
    gap: 10px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.payslip-empolyee table {
    width: 100%;
}

.payslip-empolyee table tr th {
    padding-bottom: 16px;
}

.payslip-empolyee table tr td:nth-child(2) {
    text-align: right;
}

.payslip-empolyee table tr td {
    color: #324054;
    font-size: 12px;
    font-style: normal;
    padding-bottom: 16px;
    font-weight: 400;
    line-height: normal;
}

.empolyee-attendence-data table {
    width: 100%;
}

.empolyee-attendence-data table tr th {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    background: #f0f7ff;
    color: #000;
    font-size: 11px;
    padding: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.empolyee-attendence-data table tr td {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    color: #324054;
    font-size: 11px;
    padding: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.empolyee-attendence-data table tr td:nth-child(n + 3) {
    text-align: right;
}

.empolyee-attendence-data table tr th:nth-child(n + 3) {
    text-align: right;
}

.empolyee-visualization-chart {
    margin-top: 38px;
    margin-bottom: 40px;
}

.manager-user img {
    width: 55px;
    height: 55px;
}
.manager-team {
    margin-top: 23px;
    display: flex;
    gap: 14px;
    align-items: center;
}
.manager-content h1 {
    color: #324054;
    font-size: 16px;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}
.manager-content p {
    color: #919191;
    font-size: 12px;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.team-record {
    display: flex;
    justify-content: center;
    font-size: 14px;
    color: #ababab;
    padding-top: 105px;
}

.Employee_Attendance {
    padding-bottom: 43px;
}

.nav-side-bar {
    background-color: #fff;
    /* border-right: 1px solid #E7E7E7; */
    height: 100%;
}

.nav-side-bar .css-ewdv3l {
    padding-top: 20px;
    border-top: 1px solid #e7e7e7;
}

.empolyee-slip {
    display: flex;
    gap: 5px;
}

.nav-side-bar .css-1wvake5 {
    width: 0px !important;
    min-width: -webkit-fill-available;
    height: 100%;
}

.flow-side-menu {
    display: flex;
    align-items: center;
    background: #fff;
    gap: 15px;
    padding: 0px 27px;
}

.nav-side-bar .css-dip3t8 {
    background: none;
}

/* .nav-side-bar{
    padding-top: 20px;
  } */

.flow-side-menu .css-1t8x7v1 > .ps-menu-button {
    padding-left: 10px;
}

.flow-side-menu span a.active {
    color: #3969d5 !important;
    font-weight: 600;
}

.dashboard-tabs .m_576c9d4::before {
    border-bottom: none !important;
}

.dashboard-tabs .m_539e827b {
    padding: 0px !important;
    padding-bottom: 2px !important;
}

.dashboard-tabs .m_539e827b:hover:where(:not([data-active])) {
    border-bottom: none !important;
    background: none !important;
}

.dashboard-tabs .m_539e827b:where([data-active]) {
    color: #228be6;
    font-weight: 600;
    background: none;
    cursor: pointer;
}

.dashboard-tabs .m_576c9d4 {
    gap: 10px;
}

.Ess-dashboard .col-md-4 {
    width: 30.33333333%;
}

.Ess-dashboard .col-md-8 {
    width: 69.666667%;
}

.flow-logout-main {
    display: flex;
    justify-content: right;
    gap: 10px;
    align-items: center;
}

.flow-logout h1 {
    color: #324054;
    font-size: 20px;
    margin-bottom: 0px;
    font-style: normal;
    text-align: right;
    font-weight: 700;
    line-height: normal;
}

.flow-logout p {
    color: #919191;
    font-size: 14px;
    font-style: normal;
    margin-bottom: 0px;
    text-align: right;
    font-weight: 400;
    line-height: normal;
}

.tab-hope-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Attendence Dashboard style  */

.attendence-filter {
    height: 247px;
    border-radius: 5px;
    padding: 14px;
    border: 1px solid #e7e7e7;
    background: #fff;
    box-shadow: 16.5px 14px 38px 0px rgba(219, 219, 219, 0.15);
}

.Attendence-dashboard {
    margin-top: 36px;
}

.filter-drp {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.apply_clear_btn {
    display: flex;
    margin-top: 12px;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.apply_clear_btn button {
    width: -webkit-fill-available;
    border-radius: 6px;
}

.filter-drp input {
    border-radius: 8px;
    background: #f0f2f4;
}

.apply-button {
    border-radius: 6px;
    background: #3969d5;
}

.quick_late_view input {
    border-radius: 8px;
    background: #f0f2f4;
    width: 100px;
}

.quick-flt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.quick_late_view {
    display: flex;
    align-items: center;
    gap: 10px;
}

.overall_attendence {
    margin-top: 25px;
}

.over-flex {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    justify-content: space-between;
}

.over-flex span {
    color: #324054;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.over_nnumber {
    border-radius: 4px;
    background: #f0f2f4;
    padding: 2.9px 5px;
}

.quick-found p {
    color: #919191;
    text-align: center;
    font-size: 12px;
    padding-top: 90px;
    margin-bottom: 0px;
    padding-bottom: 90px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.attendence-activity {
    margin-top: 10px;
}

.attendence-activity .activity_reminders {
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    background: #fff;
    padding: 14px;
    box-shadow: 16.5px 14px 38px 0px rgba(219, 219, 219, 0.15);
    height: 247px;
}

/* .activity-tabs-filter{
    display: flex;
    justify-content: space-between;
  } */

.activity-table table {
    width: 100%;
}

.activity-table table tr th {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    background: #f0f7ff;
    color: #000;
    text-align: right;
    padding: 10px 6px;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.activity-table table tr td {
    border-bottom: 0.25px solid #3969d5;
    color: #324054;
    text-align: right;
    font-size: 11px;
    font-style: normal;
    padding: 10px 6px;
    font-weight: 400;
    line-height: normal;
}

.available-activity {
    display: flex;
    justify-content: space-between;
    margin-bottom: 22px;
}

.available-activity .m_89d33d6d {
    border-radius: 2px;
    background: #f0f2f4;
    padding: 4px 6px;
    height: 40px;
}

.available-activity .m_539e827b:where([data-active]) {
    border-bottom: none !important;
    border-radius: 4px;
    color: #228be6 !important;
    padding: 0px 10px !important;
    background: #fff;
    box-shadow: 0px 44px 12px 0px rgba(0, 0, 0, 0),
        0px 28px 11px 0px rgba(0, 0, 0, 0.01);
}

.available-activity .mantine-Tabs-tabLabel {
    font-size: 11px;
}

.available-activity .m_4ec4dce6 {
    padding-bottom: 0px !important;
    padding: 0px 10px !important;
    color: #6a707c;
}

.Biometric-table {
    margin-top: 23px;
}

.summary_department {
    margin-top: 10px;
    margin-bottom: 36px;
}

.summary-data table {
    width: 100%;
    margin-top: 27px;
}

.missing-select input {
    width: 130px !important;
    background: none !important;
}

.availble-option input {
    width: 145px !important;
}

.summary-data table tr .present-letter {
    border-top: 0.25px solid #3969d5;
    background: #f0f7ff;
    color: #000;
    text-align: center;
    font-size: 11px;
    padding: 10px 6px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.summary-data table tr th:nth-child(n + 3) {
    border-top: 1px solid #3969d5;
    padding: 10px 6px;
}

.summary-data table tr th {
    color: #000;
    text-align: center;
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    background: #f0f7ff;
    font-size: 11px;
    padding: 10px 6px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.summary-data table tr td {
    color: #324054;
    text-align: center;
    padding: 5px 6px;
    font-size: 11px;
    border-bottom: 0.25px solid #3969d5;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.attendence_request_data {
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    padding: 25px 24px;
    margin-top: 36px;
    margin-bottom: 36px;
    background: #fff;
    box-shadow: 16.5px 14px 38px 0px rgba(219, 219, 219, 0.15);
    /* height: 654px; */
}

.requested-sec {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.request-attendence table {
    width: 100%;
    margin-top: 30px;
}

.request-attendence table tr th {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    background: #f0f7ff;
    padding: 12px 16px;
    color: #000;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.request-attendence table tr td {
    border-bottom: 0.25px solid #3969d5;
    color: #324054;
    padding: 12px 16px;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.request-attendence table tr td:nth-child(4) {
    text-align: right;
}
.request-attendence table tr th:nth-child(4) {
    text-align: right;
}

.request-attendence table tr td:nth-child(3) {
    text-align: center;
}
.request-attendence table tr th:nth-child(3) {
    text-align: center;
}

.request-attendence table tr td:nth-child(9) {
    text-align: right !important;
}
.request-attendence table tr th:nth-child(9) {
    text-align: right !important;
}

.request-attendence table tr th:nth-child(n + 5) {
    text-align: center;
}
.request-attendence table tr td:nth-child(n + 5) {
    text-align: center;
}

.approved-flt {
    border-radius: 6px;
    background: #c0fab7;
    padding: 4.5px 13.9px;
}

.pending-flt {
    border-radius: 6px;
    background: #f0f2f4;
    padding: 4.5px 13.9px;
}

.add_request_btn .m_811560b9 {
    gap: 10px;
}

.attendence-modal {
    width: 100%;
}

.attendence-popup .m_4081bf90 {
    flex-wrap: unset !important;
}

.attendence-popup button {
    width: 100%;
}

.attendence-request-modal .m_615af6c9 {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pervious_sec {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pervious_sec h1 {
    color: #324054;
    font-size: 14px;
    margin-bottom: 0px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.pervious_sec span {
    color: #919191;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.pervious_current_date {
    margin-top: 12px;
}

.comparison {
    padding: 0px 45px;
}

.sign-missing {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 17px;
    border-radius: 6px;
    padding: 3px;
    width: max-content;
    background: #ffe7e7;
}

.sign-missing span {
    color: #324054;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.sign-missing .missing-entry {
    border-radius: 6px;
    background: #fab7b7;
    padding: 4.5px 13.9px;
    color: #324054;
    text-align: right;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.sign-positive {
    border-radius: 6px !important;
    background: #e4ffef !important;
}

.sign-positive .missing-entry {
    border-radius: 6px !important;
    background: #c0fab7 !important;
}

.comparsion-reason {
    margin-top: 30px;
}

.approval_request h1 {
    color: #324054;
    font-size: 14px;
    font-style: normal;
    margin-bottom: 0px;
    font-weight: 700;
    line-height: normal;
}

.approval_request .approval-logo {
    display: flex;
    align-items: center;
    margin-top: 20px;
    gap: 10px;
}

.approval-date {
    margin-top: 13px;
}

.approval-date span {
    color: #324054;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.approval-date-txt {
    margin-left: 6px !important;
    border-radius: 6px;
    background: #f0f2f4;
    padding: 4.5px 13.9px;
}

.approval_request {
    margin-top: 14px;
}

.empolyee_details {
    display: flex;
    gap: 10px;
    margin-top: 14px;
}

.empolyee-txt h1 {
    color: #324054;
    font-size: 14px;
    font-style: normal;
    margin-bottom: 0px;
    font-weight: 700;
    line-height: normal;
}

.empolyee-txt p {
    color: #919191;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 0px;
    line-height: normal;
}

.empolyee-data-txt {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.empolyee-data-txt span {
    color: #919191;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.two-ago h1 {
    color: #324054;
    font-size: 12px;
    font-style: normal;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 400;
    line-height: normal;
}

.attendance-data-request table {
    width: 100%;
    margin-bottom: 28px;
}

.attendance-data-request table tr th {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    background: #f0f7ff;
    color: #000;
    font-size: 11px;
    padding: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.attendance-data-request table tr td {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    color: #000;
    font-size: 11px;
    padding: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.leave-data {
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    background: #fff;
    box-shadow: 16.5px 14px 38px 0px rgba(219, 219, 219, 0.15);
    height: 654px;
    padding: 25px 24px;
    margin-top: 30px;
}

.leave-request {
    display: flex;
    justify-content: space-between;
}

.leave-request button {
    border-radius: 8px;
    background: #3969d5;
}

.leave-requested table tr td:nth-child(4) {
    text-align: center !important;
}

.leave-requested table tr th:nth-child(4) {
    text-align: center !important;
}

.leave_action {
    display: flex;
    justify-content: right;
    gap: 5px;
}

.leave-exemption table {
    width: 100%;
    margin-top: 30px;
}

.leave-exemption table tr th {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    background: #f0f7ff;
    color: #000;
    font-size: 11px;
    padding: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.leave-exemption table tr td {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    color: #000;
    font-size: 11px;
    padding: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.flag-summary {
    display: flex;
    justify-content: space-between;
}

.remote_work_data table {
    width: 100%;
    margin-top: 20px;
}

.remote_work_data table tr th {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    background: #f0f7ff;
    color: #000;
    padding: 8px;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.remote_work_data table tr td {
    border-top: 0.25px solid #3969d5;
    border-bottom: 0.25px solid #3969d5;
    color: #000;
    font-size: 11px;
    padding: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media only screen and (max-width: 750px) {
    .sign-form {
        width: 100% !important;
    }
    .sign-login-form {
        display: unset;
    }
    .login-img h1 {
        margin-top: 30px;
    }
    .login-sec .form-area h3 {
        margin-top: 20px;
    }
    .sign-continue {
        margin-bottom: 20px;
    }
    .keys-tabs .m_89d33d6d {
        flex-wrap: wrap;
    }
    .brain-sizing {
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
        margin-top: 20px;
    }
    .policies-category {
        display: grid;
    }
    .policies-boxes {
        width: 100%;
    }
    .morning-text h1 {
        padding-top: 35px;
    }
    .knowledge-content-left {
        border-right: none;
    }
    .policies-data-table {
        overflow: auto;
    }
    .authors-knowledge h1 {
        font-size: 16px;
    }
    .author-search .m_8fb7ebe7 {
        width: 100% !important;
    }
    .author-search .m_4081bf90 {
        flex-wrap: wrap;
    }
    .polices-table table {
        width: max-content;
    }
}

.check_boxes span {
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 106%;
}

@media screen and (min-width: 340px) and (max-width: 1280px) {
    .brain-sizing {
        padding-right: calc(var(--bs-gutter-x) * 0.5) !important;
        padding-left: calc(var(--bs-gutter-x) * 0.5) !important;
    }

    .policies-category {
        gap: 15px;
        margin-top: 18px;
    }

    .knowledge-content-left .css-1wvake5 {
        width: 100%;
        min-width: 0px;
    }

    .knowledge-content-left nav ul li a.active {
        font-size: 13px;
    }

    .setup-side-menu {
        gap: 6px;
    }

    .authors-knowledge h1 {
        font-size: 16px;
    }

    .knowledge-content-left nav ul li a {
        font-size: 13px;
    }
}

.edit_dlt_btn {
    display: flex;
    border-top: none !important;
    border-bottom: none !important;
}

.polices-table table tr {
    border-bottom: 1px solid #3969d5;
}

.attendance_main_nav {
    display: flex;
}

.attendance_main_nav .css-12w9als a.active {
    border-bottom: 1px solid #3969d5;
    color: #3969d5 !important;
    font-weight: 600;
}

.attendance_main_nav .css-12w9als a {
    color: #919191 !important;
    font-size: 14px;
}

.attendance_main_nav .css-1t8x7v1 .ps-menu-button {
    padding-left: 0px;
    margin-top: 40px;
}

.title-tbl {
    width: 230px;
}
.sell-side-tbl table tr th:nth-child(2) {
    text-align: right;
}
.sell-side-tbl table tr td:nth-child(2) {
    text-align: right;
}
.sell-side-tbl table tr th:nth-child(3) {
    text-align: left;
}
.sell-side-tbl table tr td:nth-child(3) {
    text-align: left;
}
.sell-side-tbl table tr th:nth-child(4) {
    text-align: right;
}
.sell-side-tbl table tr td:nth-child(4) {
    text-align: right;
}
.sell-side-tbl table tr th:nth-child(5),
.sell-side-tbl table tr th:nth-child(6),
.sell-side-tbl table tr th:nth-child(7) {
    text-align: left;
}
.sell-side-tbl table tr td:nth-child(5),
.sell-side-tbl table tr td:nth-child(6),
.sell-side-tbl table tr td:nth-child(7) {
    text-align: left;
}

.knowledge-tbl table tr th:nth-child(4),
.knowledge-tbl table tr td:nth-child(4) {
    text-align: right;
}

.knowledge-tbl table tr th:nth-child(n + 5),
.knowledge-tbl table tr td:nth-child(n + 5) {
    text-align: left;
}

.knowledge-tbl table tr th:nth-child(n + 8),
.knowledge-tbl table tr td:nth-child(n + 8) {
    text-align: center;
}
.knownledge-sector-txt {
    background-color: #d9faf1;
    padding: 4px 8px;
    border-radius: 5px;
}
.category-book-txt {
    border-radius: 5px;
    background: #fad9d9;
    padding: 4px 8px;
}

.sell-sector-flt {
    border-radius: 5px;
    background: #d9faf1;
    padding: 4px 8px;
}
.sign-form button {
    margin: 20px 15px;
    font-size: 14px;
    font-weight: 600;
}
.sign-form input {
    font-size: 14px;
}
.sign-field select {
    font-size: 14px !important;
    padding: 0px 6px;
    padding-right: 25px;
}
.file-upload-polices input {
    padding: 3px !important;
}
.sign-psd {
    margin-top: 25px;
}
.sign-field label {
    font-size: 14px;
    color: #000;
    margin-bottom: 5px;
    font-weight: 600;
}

.error {
    color: #fa5252 !important;
    font-size: 12px !important;
    margin-top: 0px !important;
}
.authors-knowledge button {
    display: flex;
    align-items: center;
    gap: 10px;
}

.edit-flt button {
    border: none;
    background: none;
    outline: none;
    color: #a2a9af;
}

.edit-flt button svg {
    width: 20px !important;
}

.dlte_txt button svg {
    width: 20px !important;
}

.dlte_txt button {
    border: none;
    background: none;
    outline: none;
    color: #fa5e5e;
}
.polices-add-modal .modal-dialog {
    max-width: 600px;
}
.polices-modal {
    display: flex !important;
}
.policies-btn button {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
.polices-modal .sign-field input {
    font-size: 14px !important;
    padding: 0px 6px;
    cursor: pointer;
    color: #495057;
}

.polices-add-modal .modal-header h5 {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}
.universal-filter input {
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    outline: none;
}

.polices-add-modal .modal-header .close {
    outline: none;
}
.key-updates .nav-tabs {
    width: max-content;
    padding-left: 26px;
    padding-right: 24px;
    font-size: 12px;
}

.key-updates .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border-bottom: 2px solid #228be6;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-bottom: 2px solid #228be6;
    border-top: 0px;
    border-left: 0px;
    border-right: 0px;
}

.key-updates .nav-tabs .nav-link {
    padding: 9px;
}

.menu {
    position: relative;
    display: inline-block;
}

.menu-button {
    background: transparent;
    border: none;
    cursor: pointer;
}

/* .menu-button img {
    width: 24px;
    height: 24px;
} */

.menu-dropdown {
    display: none;
    position: absolute;
    background-color: white;
    box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.2);
    z-index: 1;
    min-width: 100px;
    border-radius: 4px;
}

.menu-button:focus + .menu-dropdown,
.menu-dropdown:hover {
    display: block;
}

.menu-dropdown a,
.menu-dropdown button {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    background: none;
    border: none;
    width: 100%;
    cursor: pointer;
}

.menu-dropdown a:hover,
.menu-dropdown button:hover {
    background-color: #f1f1f1;
}

.menu-dropdown .menu-item {
    display: flex;
    align-items: center;
}

.menu-dropdown .menu-item a{
    font-size: 14px !important;
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 8px;
    margin: 4px;
}

.menu-dropdown .menu-item img {
    margin-right: 8px;
    width: 14px;
    height: 14px;
}

input[type="file"] {
    width: 100%;
    height: 35px;
    background-color: white;
    color: black;
    border: 1px solid #ced4da;
    padding-left: 10px;
    padding: 6px !important;
    box-sizing: border-box;
    cursor: text;
    appearance: none;
}

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

input[type="file"]:before {
    content: attr(placeholder);
    color: #aaa;
}

.table-data-set .dt-paging .dt-paging-button{
    border-radius: 2.699px !important;
    border: 0.675px solid #DFE3E8 !important;
    padding: 1px 1px !important;
}

.table-data-set .dt-paging nav{
    gap: 5px !important;
    display: flex;
}
.table-data-set .dt-empty-footer tbody>tr:last-child>*{
    border-bottom: none !important;
}

.table-data-set .dt-orderable-desc{
    border-bottom: none !important;
}

.table-data-set table.dataTable.display>tbody>tr:nth-child(odd)>*{
    box-shadow: none !important;
}

.table-data-set table.dataTable.display>tbody tr>.sorting_1{
    box-shadow: none !important;
}
.table-data-set table.dataTable.display>tbody>tr:hover>*{
    box-shadow: none !important;
}
.table-data-set table.dataTable>thead>tr>th{
    border-bottom: none !important;
}
.table-data-set .dt-search input{
    outline: none !important;
} 
.table-data-set .dt-column-order{
    color: #324054 !important;
}
.table-data-set table.dataTable thead>tr>th.dt-orderable-asc:hover, table.dataTable thead>tr>th.dt-orderable-desc:hover{
    outline: none !important;
}
.table-data-set .dt-input{
    border: 1px solid #3969d5 !important;
}
.add-modal-box .modal-dialog{
    max-width: 600px !important;
}
.modal-header .close{
    outline: none !important;
}
.modal-title{
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.strake-icon{
    color: #fa5252;
}
/* .View-Archives-txt .modal-dialog{
    max-width: 600px !important;
} */
 .search-top-bar{
    display: flex;
    justify-content: right;
    margin-bottom: 10px;
 }
 .pagination-bottom-bar{
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
 }
 .pagination-bottom-bar .dt-length select{
    width: 46px;
    font-size: 12px;
    padding: 2px 2px !important;
    border-radius: 5px !important;
    border: 1px solid #DFE3E8 !important;
    outline: none !important;
 }

 .pagination-bottom-bar .dt-length{
    display: flex;
    align-items: center;
    gap: 10px;
 }
 
 .pagination-bottom-bar .dt-length label{
    margin-bottom: 0rem !important;
    color: #324054;
    font-size: 14px;
 }
 .setup-img img{
    height: 42px;
    width: 42px;
 }

 .input-group-text {
    position: absolute;
    right: 10px;
    top: 45px;
    font-size: 13px;
    transform: translateY(-50%);
    background-color: transparent;
    border: none;
    padding: 0;
    pointer-events: none;
}

.input-group-text i{
    color: #a5abb1;
}

/* Hide the default date picker icon */
input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
}

/* Position the custom Font Awesome icon */
.date-icon {
    right: 10px;
    top: 45px;
    font-size: 13px;
    transform: translateY(-50%);
    color: #a5abb1;
    pointer-events: none;
}

/* Hide the default select arrow */
.documemt-select-field {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
}

.select-icon {
    position: absolute;
    top: 45px;
    font-size: 10px;
    right: 10px;
    color: #868e96;
    transform: translateY(-50%);
    pointer-events: none; /* Allow the user to still interact with the select element */
}
.edit-data{
    color: #afb4b9;
}

.dlt-data{
    color: #fb6f6f;
}
.edit-data a{
    padding: 6px 8px;
}
.edit-data a:hover{
    background-color: #868e961f;
    padding: 6px 8px;
    border-radius: 6px;
}
.dlt-data a{
    padding: 6px 8px;
}
.dlt-data a:hover{
    background-color: #fa52521f;
    padding: 6px 8px;
    border-radius: 6px;
}
.view-txt{
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: center;
}
.select2-container{
    display: block !important;
}
.select2-selection__arrow {
    display: none;
}
.select2-container .select2-selection--single{
    height: 35px !important;
    border: 1px solid #ced4da !important;
    font-size: 14px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 33px !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    outline: none !important;
}
.select2-container .select2-selection--multiple{
    min-height: 34px !important;
    font-size: 14px !important;
    border: 1px solid #ced4da !important;
}
.select2-container .select2-search--inline .select2-search__field{
    height: 20px !important;
    line-height: 24px !important;
}


.breadcrumb ul {
    list-style: none;
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
}

.breadcrumb ul li {
    margin-right: 5px;
}

.breadcrumb ul li a {
    text-decoration: none;
    color: #007bff;
    transition: color 0.3s ease;
}

.breadcrumb ul li a:hover {
    color: #0056b3;
}

.breadcrumb ul li:last-child {
    color: #6c757d;
}

.sell-side-action table tr td:nth-child(11){
    width: 7% !important;
}

.breadcrumb{
    background: none !important;
    padding: 0px;
    margin-top: 38px;
    margin-bottom: 0rem !important;
}

.bread-active-nav{
    color: #000 !important;
    font-weight: 700 !important;
}

.bread-unactive-nav{
    color: #919191!important;
    font-weight: 400 !important;
}

.table-data-set .dt-paging .dt-paging-button.current {
    border: 1px solid #3969D5 !important;
    background: none !important;
    color: #3969D5 !important;
}

.table-data-set .dt-paging .dt-paging-button:hover{
    background: #dfe3e8d0 !important;
    color: #3969D5 !important;
    border: 1px solid #3969D5 !important;
}

.table-data-set .dt-paging .dt-paging-button{
    font-weight: 600 !important;
    outline: none !important;
    width: 28px;
    height: 28px;
}

.department_specific_txt{
    padding: 23px !important;
}
.general-training-txt{
    padding: 34px !important;
}