/**Generated Fonts**/

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Black.woff2') format('woff2'), url('../fonts/Inter-Black.woff') format('woff'), url('../fonts/Inter-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraBold.woff2') format('woff2'), url('../fonts/Inter-ExtraBold.woff') format('woff'), url('../fonts/Inter-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Bold.woff2') format('woff2'), url('../fonts/Inter-Bold.woff') format('woff'), url('../fonts/Inter-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Medium.woff2') format('woff2'), url('../fonts/Inter-Medium.woff') format('woff'), url('../fonts/Inter-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-ExtraLight.woff2') format('woff2'), url('../fonts/Inter-ExtraLight.woff') format('woff'), url('../fonts/Inter-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Regular.woff2') format('woff2'), url('../fonts/Inter-Regular.woff') format('woff'), url('../fonts/Inter-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Light.woff2') format('woff2'), url('../fonts/Inter-Light.woff') format('woff'), url('../fonts/Inter-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-SemiBold.woff2') format('woff2'), url('../fonts/Inter-SemiBold.woff') format('woff'), url('../fonts/Inter-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-Thin.woff2') format('woff2'), url('../fonts/Inter-Thin.woff') format('woff'), url('../fonts/Inter-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


/**Reset Css**/

:root {
    --theme_color: #0475e5;
    --btn_primary: #0475e5;
    --white: #fff;
    --theme_black: #404040;
    --sucess_color: #22c769;
    --sucess_hvcolor: #218838;
    --side_tobr: #ebebeb;
    --para_color: #808080;
    --border-color: #e1e1e1;
    --text_color: #333333;
    --login_bg: #e0edff;
    --wrning_color: #f0ad4e;
}

* {
    outline: none !important;
    margin: 0;
    transition: ease-in-out 0.4s;
}

.btn_primary {
    background: var(--btn_primary);
}

.btn:hover {
    color: var(--white);
}

.btn_secondary {
    background: #5c5c5c;
}

.btn-secondary.focus,
.btn-secondary:focus {
    box-shadow: unset;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-secondary:not(:disabled):not(.disabled):active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: unset;
}

.btn-success {
    background-color: var(--sucess_color);
}

.btn-success.focus,
.btn-success:focus {
    background-color: var(--sucess_hvcolor);
    box-shadow: unset;
}

.btn-success:not(:disabled):not(.disabled).active:focus,
.btn-success:not(:disabled):not(.disabled):active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: unset;
}

.btn-warning {
    color: var(--white);
    background-color: var(--wrning_color);
}

.btn-warning.focus,
.btn-warning:focus {
    color: #fff;
    background-color: #e0a800;
    box-shadow: unset;
}

.btn-warning:not(:disabled):not(.disabled).active,
.btn-warning:not(:disabled):not(.disabled):active,
.show>.btn-warning.dropdown-toggle {
    color: #fff;
    box-shadow: unset;
}

.bck_otr .btn {
    padding: 8px 17px;
}

.btn.focus,
.btn:focus {
    box-shadow: unset;
}

a {
    cursor: pointer;
}

i.fa.fa-eye {
    background-color: #FFEED7;
    color: #E67E02;
}

i.fa.fa-pencil {
    background-color: #d3e9ff;
    color: #0475e5;
}

i.fa.fa-trash {
    background-color: #FFE4E4;
    color: #F82F2F;
}

a.rupee_icon figure img {
    height: 20px;
}

a.rupee_icon figure {
    background-color: #d9fffb;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.action i {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #001eff;
    line-height: normal;
    background-color: #d4d9ff;
}

.action a {
    margin-right: 8px;
    display: inline-block;
    color: #fff !important;
}

.dsr_frm_dtl.salry_lrft_dv {
    padding: 20px;
}

.form_modal_outer .input_divs.full_width_dv {
    width: 100%;
}

.innr_pgesfrm .dsr_form_sent form.form {
    background: transparent;
}

.badge {
    padding: 10px 11px;
}

.delete_icon_crd {
    position: absolute;
    right: 0px;
    bottom: 0px;
    padding: 2px 10px;
    background: #ffe4e4;
    border-radius: 14px 0px 14px 0px;
    transition: background 0.3s;
}

.delete_icon_crd:hover {
    transition: background 0.3s;
    background: #f82f2f;
}

.delete_icon_crd:hover a i.fa.fa-trash {
    color: #fff;
    transform: scale(1.3);
}

.delete_icon a {
    margin-right: 0;
}

.delete_icon_crd a i.fa.fa-trash {
    background-color: transparent;
}

i.fa.fa-file-text-o {
    background-color: #dbd2ff;
    color: #3300ff;
}

td .form_control,
td .form-control {
    font-size: 14px;
}

.btn-outer.lev_fotrbtn {
    padding: 0 20px 20px;
}

.filters_srch .dropdown-menu {
    width: 450px;
    margin: auto;
    padding: 20px;
    border: unset;
    box-shadow: 0 10px 15px #00000029;
    left: unset !important;
    transform: unset !important;
    top: 58px !important;
}

.filtes_innrdv {
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

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

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #9d9d9d;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #9d9d9d;
    opacity: 1;
}

input::placeholder,
textarea::placeholder {
    color: #9d9d9d;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    background-color: #0475e5;
}

.sidebar::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.sidebar::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.sidebar::-webkit-scrollbar-thumb {
    background-color: #0475e5;
}

.table-responsive::-webkit-scrollbar,
.admin_table tbody::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.table-responsive::-webkit-scrollbar-track,
.admin_table tbody::-webkit-scrollbar-track {
    background: var(--white);
}

.table-responsive::-webkit-scrollbar-thumb,
.admin_table tbody::-webkit-scrollbar-thumb {
    background: #49a1ff;
}

.table-responsive::-webkit-scrollbar-thumb:hover,
.admin_table tbody::-webkit-scrollbar-thumb:hover {
    background: #0475e5;
}

.trple_dv .input_divs {
    width: 32%;
}

.trple_dv {
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
ul,
li,
ol,
span,
a,
button,
td,
th {
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-decoration: none;
    border: none;
    font-family: 'Inter';
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px var(--white) inset !important;
}

html,
body {
    margin: 0;
    background: #eaeaea;
    font-family: 'Inter' !important;
}

.content-wrapper {
    background-color: #ebeff3;
}

.admin_table th.emp_id,
.admin_table td.emp_id {
    min-width: 90px;
}

li.nav-item:hover a p {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(-8px);
    opacity: 1;
    visibility: visible;
}

li.nav-item:hover a p {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    -ms-transform: translateX(8px);
    -o-transform: translateX(8px);
    transform: translateX(-8px);
    opacity: 1;
    visibility: visible;
}

.sd_dsricn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
}

.sd_dsricn span {
    border-radius: 50%;
}

.dsr_frm_dtl input[disabled],
.dsr_frm_dtl input[readonly] {
    border: unset;
    padding: 0;
    background: transparent !important;
    font-size: 14px;
    font-weight: 600;
    color: #000;
}

.nav-sidebar .nav-link p {
    color: #404040;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1000000;
    pointer-events: none;
    transition: .3s ease;
    border-radius: 2px;
    text-shadow: 0 -1px 0 #000;
    box-shadow: 4px 4px 8px rgb(0 0 0 / 30%);
    background: #383838;
    transition-delay: .1s;
    left: 65px;
    color: #fff !important;
    opacity: 0;
    visibility: hidden;
    min-width: 85px;
    text-align: center;
}

img {
    max-width: 100%;
}

figure {
    margin: 0;
}

a:hover,
a:focus {
    text-decoration: unset;
}

.blk_span {
    display: block;
}

.sub_main_heading h2 {
    font-size: 45px;
    font-weight: 700;
    color: #000;
    line-height: normal;
}

.sub_main_heading P {
    font-size: 18px;
    font-weight: normal;
    color: var(--text_color);
}

.form_control,
.form-control {
    height: auto;
    font-size: 14px;
    padding: 6px 10px;
    border: 1px solid var(--border-color);
    background-color: var(--white);
    border-radius: 5px;
    color: #000;
    opacity: 1;
    font-weight: 500;
    box-sizing: border-box;
    resize: none;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.input_divs {
    margin-bottom: 15px;
    position: relative;
}

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

.form_outer {
    width: 600px;
    margin: 0 auto;
    background: #fff;
    padding: 70px;
    border-radius: 10px;
}

input[disabled] {
    color: #000 !important;
    background: #edf0f3ec !important;
}

.updte_prodv .pro_ds_dv {
    width: 32%;
}

textarea[disabled] {
    color: #000 !important;
    background: #edf0f3ec !important;
}

select:disabled {
    color: #000 !important;
    background-color: #edf0f3ec !important;
}

select.form_control,
select.custm_slect_dv {
    background: #fff url(../assets/images/drop_down.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-right: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-size: 10px;
}

select.form-control {
    background: #fff url(../assets/images/drop_down.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-right: 20px;
    background-size: 8px;
}

.custom-checkbox .custom-control-label::before {
    width: 22px;
    height: 22px;
    border: 2px solid var(--theme_color);
    border-radius: 0;
    top: unset;
    left: -30px;
}

.custom-control-input {
    width: 22px;
    height: 22px;
}

.custom-control-input:checked~.custom-control-label::before {
    border-color: var(--theme_color);
    background-color: transparent;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    background-image: unset;
    border: solid var(--theme_color);
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
    left: -22px;
    top: 4px;
    width: 7px;
    height: 12px;
}

.custom-control-label::after {
    top: 0;
    width: 22px;
    height: 22px;
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: unset;
}

.custom-control {
    padding-left: 30px;
}

.vew_leve_rgt select {
    width: 60%;
}

.dlt_pginnrhd {
    margin-bottom: 20px;
}


/**login page Css**/

.login_lft .btn-outer button {
    padding: 12px 35px;
}

.login_lft .btn-outer {
    text-align: center;
}

.log_outr {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-y: auto;
    height: 100vh;
}

.log_outr::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /* background: url(../assets/images/collage_newimgoptimized.png); */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    z-index: -1;
    filter: grayscale(1);
}

.log_outr::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: -1;
}

.lg_rgtimg figure {
    height: 100%;
}

.lg_rgtimg {
    position: absolute;
    z-index: -1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    filter: grayscale(1);
    height: 100%;
}

.lg_rgtimg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.sub_main_heading h2 span {
    font-size: 36px;
}

.login_rgt {
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #fff;
}

.forgot_password {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

span.password_eye i {
    font-size: 14px;
    color: #b1b1b1;
    cursor: pointer;
}

.login_page .input_divs label,
.login_page label:not(.form-check-label):not(.custom-file-label) {
    color: #0475E5;
}

.login_page label.custom-control-label,
.login_page label.custom-control-label:not(.form-check-label):not(.custom-file-label) {
    color: #000;
}

span.password_eye {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 15px;
}

.vew_psswrd {
    position: relative;
    z-index: 1;
}

.forgot_password_name a {
    display: flex;
    align-items: center;
    color: #333333;
    justify-content: center;
    cursor: pointer;
}

.forgot_password_name a img {
    padding-left: 10px;
}

.back_to_login {
    text-align: center;
    margin-top: 20px;
}

.back_to_login h3 {
    font-size: 18px;
}

.back_to_login h3 a {
    color: var(--theme_color);
    font-weight: 700;
    text-decoration: underline;
}


/**navbar css**/

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: var(--theme_black);
}

.navbar-expand ul.navbar-nav.rgt_nav_dv li.nav-item a.nav-link {
    color: var(--theme_black);
    font-size: 18px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 0px 0 0 !important;
}

ul.navbar-nav.rgt_nav_dv li.nav-item {
    margin-right: 25px;
}

li.nav-item figure {
    height: 35px;
    width: 35px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    transition: ease-in-out 0.4s;
}

li.nav-item:hover .nav-link figure,
li.nav-item .nav-link.active figure {
    background: #576571;
}

.expnd_scrh_br {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 0px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.srch_expd_tp {
    position: relative;
    background-color: #fff;
    width: fit-content;
    padding: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    border-radius: 5px;
}

.expnd_scrh_cls {
    position: relative;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
    cursor: pointer;
    width: 40px;
    padding: 17px 6px;
    margin-left: 10px;
    background-color: #eee;
}

.expnd_scrh_cls img {
    width: 14px;
}

.expnd_scrh_cls i {
    color: #fff;
    font-weight: 400;
    line-height: normal;
}

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

.expnd_src_innr p {
    font-size: 16px;
    line-height: normal;
    padding-left: 30px;
    color: #404040;
    font-weight: 400;
    display: none;
}

.export_bttn::after {
    content: unset;
}

.export_bttn img {
    height: 18px;
}

.btn.export_bttn {
    padding: 0px;
    width: 34px;
    background-color: unset;
    border: unset;
}

.btn.export_bttn img {
    filter: grayscale(1) invert(0.4);
}

.btn.export_bttn:hover img,
.dropdown.show .btn.export_bttn img {
    filter: grayscale(1) invert(0.7);
}

.btn.export_bttn:hover,
.btn.export_bttn:focus,
.btn.export_bttn:not(:disabled):not(.disabled).active,
.btn.export_bttn:not(:disabled):not(.disabled):active,
.show>.btn.export_bttn.dropdown-toggle {
    background-color: unset;
    border: unset;
}

.expnd_src_slint select {
    width: 170px;
    background-color: #ffffff;
    border: unset;
    border-radius: 5px 0 0 5px;
    line-height: normal;
    padding: 5px 10px;
    color: #000;
    border-right: solid 1px #ddd;
}

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

.rgt_spc:last-child {
    margin-right: 0;
}

.rgt_spc {
    margin-right: 10px;
}

.rgt_spc.ttl_cnt_leves {
    margin-left: 0;
}

.expnd_src_slint {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    width: 550px;
    position: relative;
    border-radius: 5px;
    background: #fff;
}

.src_bx_glbl {
    position: absolute;
    padding: 0px;
    background: #fff;
    top: 34px;
    left: 0;
    right: 0;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    width: 100%;
    box-shadow: 0 8px 23px #00000017;
}

.expnd_src_slint input {
    border: unset;
    line-height: normal;
    padding: 5px 10px;
}

.hdr_srcglbl figure {
    padding: 10px 10px;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 0px 5px 5px 0px;
    border-left: solid 1px #ddd;
}

.hdr_srcglbl figure img {
    filter: invert(1) brightness(0.1);
}

.hdr_srcglbl img {
    height: 20px;
}

.hdr_srcglbl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 1;
    background: #ffff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
}


/**sidebar css**/

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

.main-sidebar .nav-sidebar .nav-item>.nav-link {
    position: relative;
    height: auto;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    transition: ease-in-out 0.4s;
}

.updated_date p {
    color: var(--theme_black);
    padding-left: 8px;
    font-weight: bold;
    line-height: normal;
}

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

.main-sidebar .nav-sidebar .nav-item:hover .nav-link {
    background-color: #F2F8FE;
}

.main-sidebar .nav-sidebar .nav-item .nav-link svg path,
.main-sidebar .nav-sidebar .nav-item .nav-link svg circle {
    transition: ease-in-out 0.4s;
}

.main-sidebar .nav-sidebar .nav-item:hover .nav-link svg path,
.main-sidebar .nav-sidebar .nav-item:hover .nav-link svg circle {
    fill: var(--theme_color);
}

.sidebar-dark-primary .nav-sidebar>.nav-item:hover .nav-link,
.sidebar-light-primary .nav-sidebar>.nav-item:hover .nav-link {
    background-color: transparent;
    color: var(--theme_color);
    box-shadow: unset;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active svg path,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active svg path {
    fill: var(--theme_color);
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active svg circle,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active svg circle {
    fill: var(--theme_color);
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: transparent;
    color: var(--theme_color);
    box-shadow: unset;
}

.updated_date svg {
    width: 25px;
    height: auto;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active p,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active p {
    color: var(--theme_color);
}

.nav-header {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1024;
}

.rgt_nav_dv a.nav-link.dropdown-toggle figure {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    overflow: hidden;
    margin-right: 1px;
    background: var(--white);
    border: solid 1px #b0b0b0;
}

.dropdown-menu.filtr_drop.show {
    border: unset;
    background-color: #fff;
    padding: 20px;
    width: 480px;
    margin-top: 6px;
    position: absolute !important;
    right: 0 !important;
    left: unset !important;
    transform: unset !important;
    top: 24px !important;
    z-index: 9;
}

.dropdown-menu ul li:last-child {
    margin-bottom: 0;
}

.dropdown-menu ul li {
    margin-bottom: 10px;
}

.dropdown-menu ul li a {
    padding: 0;
}

.dropdown-menu {
    border: unset;
    padding: 15px;
}

li.push_menulist {
    display: none;
}

a.brand_logo img {
    width: 30px;
}

.main-sidebar .nav-sidebar .nav-item>.nav-link span svg path,
.main-sidebar .nav-sidebar .nav-item>.nav-link span svg circle {
    fill: #b9b9b9;
}

.supoort_icon,
.suggestion_icon {
    right: 30px;
    position: fixed;
    bottom: 30px;
    background-color: var(--white);
    border-radius: 50%;
    height: 70px;
    width: 70px;
    overflow: hidden;
    box-shadow: 0 4px 6px #00000052;
    animation: crescendo 1.2s alternate infinite ease-in;
    z-index: 100;
    cursor: pointer;
}

.user_dtl h4 {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #9b9b9b;
}

.suggestion_icon {
    bottom: 130px;
    animation: unset;
}

.suggestion_icon a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 0;
}

.suggestion_bx {
    display: none;
}

.main-sidebar .nav-sidebar .nav-item:hover .nav-link p::after {
    border-top-color: var(--theme_color);
}

.main-sidebar .nav-sidebar .nav-item:hover .nav-link p {
    color: var(--theme_color);
}

@keyframes crescendo {
    0% {
        transform: scale(.9);
    }
    100% {
        transform: scale(1.2);
    }
}

.supoort_icon a svg path {
    stroke: var(--white) !important;
}

.supoort_icon a {
    padding: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.supoort_icon svg {
    width: 20px !important;
    height: auto !important;
}

.wrapper {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

aside.main-sidebar {
    background: #002033;
    padding: 0px 0 10px;
    border-radius: 0;
}

.layout-fixed .main-sidebar {
    bottom: 0;
    float: none;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 20;
}

.sidebar-mini.sidebar-collapse .main-sidebar,
.sidebar-mini.sidebar-collapse .main-sidebar::before {
    width: 80px;
}

a.brand_logo {
    display: inline-block;
    text-align: center;
    width: 100%;
}

.layout-fixed .wrapper .sidebar {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
    overflow: unset !important;
}

li.nav-item.drp_list.dropdown .dropdown-menu ul {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 700px;
}

li.nav-item.drp_list.dropdown .dropdown-menu {
    padding: 0;
    border: unset;
    margin: 0;
}

li.nav-item.drp_list.dropdown .dropdown-menu ul li {
    width: 33%;
}

[class*=sidebar-dark-] .sidebar a {
    color: #212529;
}

.dropdown-item {
    padding: 9px 12px;
}

li.nav-item.drp_list.dropdown .dropdown-menu ul li:hover a.dropdown-item {
    background: var(--theme_color);
    color: var(--white);
}

li.disabled-li {
    pointer-events: none;
    opacity: 0.6;
}

.nav-sidebar>.nav-item {
    margin-top: 0;
    width: 100%;
    margin-bottom: 20px;
}

.main-sidebar .nav-sidebar .nav-item:hover .nav-link svg path#Path_155965 {
    fill: #fff;
}

li.nav-item.drp_list.dropdown .dropdown-menu {
    transform: translate(288px, -52px);
    box-shadow: 6px 6px 6px #00000014;
    padding: 20px;
    border-top-left-radius: 0px;
}

.nav-sidebar>.nav-item:hover .nav-link {
    background-color: transparent;
}

.layout-fixed .wrapper .sidebar {
    height: calc(90vh - (3.5rem + 1px));
}

.sidebar-collapse.sidebar-mini .main-sidebar .nav-sidebar .nav-link,
.sidebar-collapse.sidebar-mini-md .main-sidebar .nav-sidebar .nav-link,
.sidebar-collapse.sidebar-mini-xs .main-sidebar .nav-sidebar .nav-link {
    width: 100%;
    justify-content: center;
}

.help_setting_dv ul li:last-child {
    margin-bottom: 0;
}


/**sidebar css**/


/**support UI**/

.supportchate {
    width: 370px;
    position: fixed;
    bottom: 0;
    right: 30px;
    z-index: 10000;
    display: none;
    background-color: var(--white);
    padding: 0px;
    border-top-left-radius: 10px;
    box-shadow: 0px 0 6px #00000054;
    overflow: hidden;
    border-top-right-radius: 10px;
}

.spurt_cross svg,
.seggsit_cross svg {
    height: 20px;
}

.supportchate .profile_inner {
    padding: 0;
    margin: 0;
}

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

.sport_chtinnr {
    width: 90%;
    padding-left: 10px;
}

.sport_cht_lft figure img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.sport_cht_lft figure {
    background-color: var(--white);
    border-radius: 50%;
    height: 35px;
    width: 35px;
    overflow: hidden;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.spurt_cross,
.seggsit_cross {
    position: absolute;
    right: 10px;
    height: 30px;
    width: 30px;
    text-align: center;
    cursor: pointer;
}

.suggestion_bx .profile_inner {
    padding: 0;
    margin: 20px 0;
}

.sport_cht_mn {
    background-color: #002033;
    padding: 10px 40px 10px 10px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.supoort_icon.hide {
    display: none;
}

.supportchate.hide {
    display: none !important;
}

.sport_chtinnr h3 {
    font-size: 18px;
    font-weight: bold;
    line-height: normal;
    color: var(--white);
}

.sport_chtinnr p {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #dedede;
}

.supportchat_formoutr {
    padding: 20px;
}

.supportchat_formoutr p {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    color: #000;
    margin-bottom: 21px;
}

.supportchat_formoutr .btn-outer button {
    width: auto;
    padding: 10px 30px;
}

.supportchat_formoutr .btn-outer {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.suggestion_bx {
    width: 370px;
    position: fixed;
    bottom: 0;
    right: 30px;
    z-index: 10000;
    display: none;
    background-color: var(--white);
    padding: 0px;
    border-top-left-radius: 10px;
    box-shadow: 0px 0 6px #00000054;
    overflow: hidden;
    border-top-right-radius: 10px;
}

.main-sidebar .nav-sidebar .nav-item>.nav-link span {
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.main-sidebar .nav-sidebar .nav-item>.nav-link span svg {
    height: 26px;
    width: auto;
}

.nav-sidebar .dropdown-toggle p::after {
    content: "";
    border-right: 5px solid transparent;
    border-top: 5px solid #999;
    border-left: 5px solid transparent;
    right: -20px;
    position: absolute;
}

.srch_inputs {
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #dbdee1;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 10px;
    width: 300px;
}

.srch_inputs img {
    height: 22px;
}

.srch_inputs input.form_control {
    border: unset;
    border-radius: unset;
    border-left: 1px solid #dbdee1;
    background: unset;
    background-position: left 10px center;
    background-size: 18px;
    padding: 4px 6px 4px 10px;
    font-size: 14px;
}

.btn.btn-success {
    background-color: #DFF6EC;
    color: #009363;
}

.btn.btn-warning.userStatusChange {
    color: #5600ff;
    background-color: #ece4ff;
}

.lft_sortng ul li select {
    border: unset;
    background-color: transparent;
    padding: 5px 25px 5px 10px;
    line-height: normal;
    border: 1px solid #bdbdbd;
    border-radius: 0;
    font-size: 14px;
    font-weight: 600;
    color: #002033;
    border-radius: 5px;
    max-width: 150px !important;
}

.pge_hds_rgt .btn-outer .btn img {
    height: 12px;
    margin-right: 0px;
}

.lft_sortng {
    width: 60%;
}

.lft_sortng ul li h4 {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #777;
    margin-right: 7px;
    max-width: 130px;
}

.srch_inputs figure {
    padding: 3px 12px;
    background-color: #efefef;
    cursor: pointer;
}

.clm_flttr .dropdown-menu h3 {
    font-size: 20px;
    line-height: normal;
    font-weight: 600;
    color: #404040;
    padding: 10px 20px 10px;
}

.pdi_lft p {
    font-size: 14px;
    color: #808080;
    line-height: normal;
    font-weight: 400;
}

.inner_page_outer {
    padding: 120px 30px 0;
}

.src_crlfltr .btn {
    padding: 10px;
}

span.holi_dat_spn {
    color: #404040;
    line-height: normal;
    font-size: 14px;
    font-weight: 500;
}

.clm_flttr .clm_fltsrc.srch_inputs {
    margin-bottom: 10px;
    border-bottom: unset;
    padding: 10px 20px 0;
    border: unset;
    margin-right: 0;
}

.empty_dat {
    color: #2c2c2c;
    line-height: normal;
    font-size: 14px;
    font-weight: 400;
}

.clm_flttr .clm_fltsrc.srch_inputs input.form_control {
    border: unset;
    border-bottom: solid 1px #dbdee1;
    padding: 6px 6px 6px 30px;
    background: #fff url(../assets/images/sreach_icon.svg);
    background-repeat: no-repeat;
    background-position: left 5px center;
    background-size: 18px;
}

.src_crlfltr {
    margin-left: 10px;
}

.filters_srch .dropdown-toggle::after {
    content: unset;
}

.admin_table td.leave_info_cntn h4 {
    font-size: 15px;
    font-weight: 500;
    color: #404040;
    line-height: normal;
}

.admin_table td.leave_info_cntn h5 {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    margin-top: 3px;
    color: #404040;
}

.admin_table td.leave_info_cntn span {
    display: block;
    font-size: 13px;
    font-weight: 600;
    margin-top: 2px;
    line-height: normal;
}

.admin_table td.leave_info_cntn h4 span {
    display: inline;
    color: #000;
}

.hvr_tooltip::before {
    content: "";
    position: absolute;
    left: 6px;
    top: -6px;
    border-bottom: solid 7px #404040;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
}

.tool_tip_mn:hover .hvr_tooltip {
    display: block;
}

.hvr_tooltip {
    position: absolute;
    top: 26px;
    background: #404040;
    width: 280px;
    padding: 10px;
    border-radius: 5px;
    display: none;
    z-index: 2;
}

.tool_tip_mn {
    position: relative;
}

.tool_tip_mn p {
    cursor: pointer;
}

.tool_tip_mn p {
    text-overflow: ellipsis;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
}

.tool_tip_mn .hvr_tooltip p {
    width: 100%;
    white-space: unset;
    text-overflow: unset;
    overflow: unset;
    color: #ffff;
}

select#manager_approval {
    box-shadow: unset !important;
}

.admin_table td.lve_apprvl {
    vertical-align: middle;
}

.admin_table thead {
    position: sticky !important;
    top: -21px;
    z-index: 1;
}

.ttl_cnt_leves {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left: 10px;
}

.ttl_cnt_leves p span {
    font-weight: 700;
    font-size: 16px;
    color: #32b700;
}

.ttl_cnt_leves p {
    color: #4a4a4a;
    line-height: normal;
    font-weight: 500;
    font-size: 14px;
}

.filters_srch .dropdown,
.filters_srch .dropleft,
.filters_srch .dropright,
.filters_srch .dropup {
    position: unset;
}

a.btn.btn_secondary.export_bttn {
    padding: 10px;
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--theme_color);
}

a.btn.btn_secondary.export_bttn img {
    height: 20px;
}

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

.inner_pages_heading {
    position: relative;
    height: auto;
    flex-wrap: wrap;
    margin-bottom: 0;
    align-items: center;
    justify-content: space-between;
    padding: 0px 0px 10px;
    display: flex;
}

.lft_sortng ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 50px;
}

.lft_sortng ul li:last-child {
    margin-right: 0;
    border-bottom: unset;
}

.lft_sortng ul {
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}

th.cmn_wdth,
td.cmn_wdth {
    min-width: 150px;
    position: relative;
}

.help_setting_dv {
    width: 100%;
}

span.add_ctryprm {
    display: inline-block;
    width: 30px;
    cursor: pointer;
}

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

.lop_actvyprf_dv {
    margin-bottom: 20px;
    background: #f1f1f1;
    padding: 15px;
    border-radius: 5px;
}

.actvy_pfrmddv {
    margin-bottom: 15px;
}

.inr_frmoutr.dsr_otr {
    padding: 0;
}

.lop_actvyprf_dv:last-child {
    margin-bottom: 0;
}

.lop_actvyprf_dv h4 {
    color: #6f6f6f;
    line-height: normal;
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 3px;
}

.hly_lst h4 span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #808080;
}

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

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

.salary-mnth.pbr {
    width: 48%;
    margin-bottom: 20px;
}

.d-flex.btn-outer.fltr_bttn {
    width: 100%;
    justify-content: flex-end;
}

.admin_table table {
    width: 100%;
    border-spacing: inherit;
    border-collapse: collapse;
    background: var(--white);
}

.main-sidebar li.nav-item.dropdown .dropdown-menu ul li:last-child {
    margin-bottom: 0;
}

.main-sidebar li.nav-item.dropdown .dropdown-menu ul li {
    margin-bottom: 10px;
    padding-left: 20px;
}

.d-flex.left_section_th_innr {
    align-items: stretch;
    justify-content: flex-start;
    padding: 15px;
}

.emp_sec_updet .heading_Add h3 {
    border-bottom: 1px solid #c9c9c9;
}

.main-sidebar li.nav-item.dropdown .dropdown-menu ul li:hover a {
    color: var(--theme_color);
    background: transparent !important;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: transparent;
}

.dropdown-item:focus,
.dropdown-item:hover {
    background-color: transparent;
}

.d-flex.dsr_strtbttn a {
    margin-right: 30px;
}

.dashboard_banner h2 {
    font-size: 24px;
    font-weight: 600;
    color: var(--theme_black);
    line-height: normal;
}
.dashboard_banner h4 {
    font-size: 20px;
    font-weight:500;
    line-height: normal;
}
div#container,
div#late_cmmr {
    height: 280px !important;
}

.dashboard_banner p {
    color: #7f7f7f;
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    margin-top: 8px;
}

.cards_section {
    margin: 0px 0px 15px;
    width: 100%;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

text.highcharts-credits {
    display: none !important;
}

.dashboard_banner {
    padding: 0px 0 30px;
    width: 100%;
}

.cards_inner {
    align-items: stretch;
    justify-content: flex-start;
    width: 100%;
    overflow: hidden;
    flex-wrap: wrap;
    gap: 15px;
}

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

.prcnt_attdnchrt text {
    font-weight: 400 !important;
    text-shadow: unset !important;
    color: #fff !important;
    fill: #fff !important;
}

.clr_srcd img {
    height: 15px;
}

.clr_srcd {
    width: 30px;
    cursor: pointer;
}


/**admin dashboard css**/

.left_side_dashboard {
    padding: 0 40px;
}

.left_side_dashboard h2 {
    color: var(--white);
    font-size: 34px;
    font-weight: 700;
}

.left_side_dashboard p {
    padding: 5px 0 0px;
    color: var(--white);
    font-size: 16px;
}

.right_side_banner figure {
    width: 300px;
}

nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
    background: #002033;
    padding: 10px 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 60px !important;
    border: unset;
    height: 50px;
}

.prtrty_bx {
    min-width: 130px;
}

.sde_drpinnr h4 {
    font-size: 13px;
    color: #002033;
    line-height: normal;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.sde_drpinnr {
    padding: 10px;
}

nav.nav_innr {
    width: 100%;
}

.sde_drpinnr ul li a.dropdown-item::before {
    content: "";
    position: absolute;
    left: 0;
    height: 12px;
    width: 12px;
    border-radius: 50%;
}

.sde_drpinnr ul li a.dropdown-item {
    padding: 0 0 0 0px;
    position: relative;
    z-index: 1;
    font-size: 15px;
    line-height: normal;
    font-weight: 400;
    color: #404040;
    display: inline;
    align-items: center;
    justify-content: flex-start;
    border-bottom: solid 1px transparent;
}

.sidebar li.nav-item.dropdown:hover .dropdown-menu,
.sidebar li.nav-item.dropdown .dropdown-menu.show,
.sidebar li.nav-item.dropdown:hover .dropdown-menu.show {
    background-color: #fff;
    display: block;
    right: unset !important;
    left: 59px !important;
    border-radius: 0 5px 5px 0px;
    border: unset;
    padding: 0;
    margin: 0;
    top: 0 !important;
    z-index: 2;
    transform: unset !important;
}

.sidebar li.nav-item.dropdown .dropdown-menu.show {
    display: none;
}

.help_setting_dv li.nav-item.dropdown:hover .dropdown-menu,
.help_setting_dv li.nav-item.dropdown .dropdown-menu.show,
.help_setting_dv li.nav-item.dropdown:hover .dropdown-menu.show {
    top: unset !important;
    bottom: 0 !important;
}

.main-header .dropdown-menu ul li:hover a {
    color: #0475e5;
}

.main-header .dropdown-menu ul li:last-child {
    margin-bottom: 0;
}

.main-header .dropdown-menu ul li {
    margin-bottom: 10px;
}

.main-header .dropdown-menu ul li a {
    padding: 0;
    color: #404040;
    line-height: normal;
    font-weight: 400;
    font-size: 14px;
}

.main-header .dropdown-menu {
    padding: 10px;
    margin: 0;
    border: unset;
}

.rgt_nav_dv a.nav-link img {
    width: 18px;
    filter: grayscale(100%) invert(10) brightness(9);
}

ul.navbar-nav.rgt_nav_dv li.nav-item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.rgt_nav_dv a.nav-link.dropdown-toggle figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.nav-sidebar .dropdown-toggle::after {
    content: "";
    position: absolute;
    right: 3px;
    border: unset !important;
    background: url(../assets/images/sidebar_icons/more_dropicon.svg);
    width: 3px;
    height: 28px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    margin: 0 !important;
    top: 8px;
    opacity: 0.7;
}

ul.navbar-nav.rgt_nav_dv li.nav-item:last-child {
    margin-right: unset;
}

.nav-sidebar .dropdown-toggle::after {
    border-top: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid var(--white);
    margin-left: 10px;
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link::after,
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link::after,
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus::after {
    border-left: 5px solid #5169FF;
}

li.nav-item.drp_list.dropdown:hover .dropdown-menu {
    display: block;
}

.main-sidebar {
    overflow-y: unset;
}

.content-wrapper {
    padding: 0px 0px 30px 0px;
    background: transparent;
    overflow-y: auto;
    height: calc(100vh - calc(0.5rem + 1px)) !important;
    position: relative;
}

.content-wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.content-wrapper::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
}

.content-wrapper::-webkit-scrollbar-thumb {
    background-color: #7BC7FE;
}

.comman_space {
    margin-top: 30px;
    position: relative;
}

.no_data {
    position: absolute;
    top: 75px;
    left: 0;
    z-index: 1;
}

body.sidebar-mini.layout-fixed.sidebar-collapse li.nav-item.drp_list.dropdown:hover .dropdown-menu {
    transform: translate(238px, -52px) !important;
}

body.sidebar-mini.layout-fixed a.brand_logo figure {
    position: relative;
    z-index: 0;
}

.admn_logo {
    align-items: center;
    justify-content: flex-start;
    height: 60px;
    padding: 10px 10px;
}

.sidebar-dark-primary .nav-sidebar>.nav-item:hover .nav-link figure img,
.sidebar-light-primary .nav-sidebar>.nav-item:hover .nav-link figure img {
    filter: unset;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active img,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active img {
    filter: unset;
}

.nav-sidebar>.nav-item {
    width: 100%;
}

.nav-sidebar>.nav-item a img {
    height: 20px;
    width: 20px;
}



.card_list.green_clr {
    background: #00875a1a;
}

.card_list.red_clr {
    background: #de350b14;
}

.card_list.drkblu_clr {
    background: #0052cc17;
}

.card_list.yellow_clr {
    background: #ffaa441c;
}

.card_list.middlblu_clr {
    background: #0b9dde1c;
}

.card_list.orng_clr {
    background: #399f0012;
}

.left_section_third {
    background: #f7f7f7;
    border-radius: 15px;
    width: 66%;
    opacity: 1;
}

.right_section_third {
    background: #ecf0f7;
    border-radius: 15px;
    width: 32%;
}

.main-sidebar .nav-sidebar .nav-item>.nav-link svg path {
    color: #000;
}

.usr_info .user_image {
    background-color: var(--white);
    height: auto;
    width: auto;
    border-radius: unset;
    justify-content: flex-start;
}

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

.login_rgt .logo {
    position: absolute;
    left: 50px;
    top: 30px;
    width: 150px;
    text-align: center;
    margin: 0 auto;
}

.heading_Add h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background: #edf6ff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

span.cndtde {
    border: solid 1px #c7c7c7;
    padding: 4px 6px;
    font-size: 12px;
    border-radius: 5px;
}

.holiday_lists .events_list ul li {
    background-color: var(--white) !important;
    color: var(--theme_black);
}

.events_list ul li span.holi_dat_spn {
    padding-left: 0;
    display: inline-block;
    min-width: 90px;
}

.lstng_lft {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.events_list ul li span.holi_day {
    padding: 0 0 0 0px;
    font-size: 12px;
    font-weight: 500;
    color: #a9a9a9;
    display: block;
}

.events_list ul {
    max-height: 300px;
    overflow-y: auto;
    padding: 15px 15px 0px;
}

.events_list {
    padding: 0px 0px 15px;
}

.lstng_rgt {
    animation: blink 1s step-start 0s infinite;
    -webkit-animation: blink 1s step-start 0s infinite;
}

.lstng_rgt h3 {
    font-size: 13px;
    color: var(--theme_color);
    font-weight: 400;
}

.events_list ul li span span {
    padding-left: 3px;
    font-weight: 500;
}

.item_slide {
    padding: 25px 15px 40px 15px;
}

.user_image figure {
    width: 50px;
    height: 50px;
    border-radius: 100px;
    overflow: hidden;
}

.user_image figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user_image {
    width: 80px;
    height: 80px;
    border-radius: 50px;
    background-color: #8ED1FD;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user_image figure img {
    border-radius: 100px;
    border: 1px solid #e8e8e8;
}

.detail_employee {
    width: 85%;
    padding-left: 18px;
}

.detail_employee h4 {
    color: #222B45;
    opacity: 1;
    font-size: 18px;
}

.detail_employee h5 {
    letter-spacing: 0px;
    color: #8F9BB3;
    opacity: 1;
    font-size: 15px;
    font-weight: 400;
    padding: 11px 0 5px;
}

.social_link ul li {
    padding-right: 10px;
}

.social_link figure {
    width: 35px;
    height: 35px;
}

.social_link ul {
    align-items: center;
    justify-content: flex-start;
}

.user_detail {
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 15px;
}

.item_slide p {
    color: #8F9BB3;
    font-size: 16px;
}

.events_list ul li span {
    padding-left: 5px;
    font-size: 13px;
    color: #404040;
    line-height: normal;
    font-weight: 600;
}

.events_list ul li {
    padding: 8px 12px;
    background: var(--white);
    margin-bottom: 10px;
    color: var(--white);
    border-radius: 5px;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@keyframes blink {
    50% {
        opacity: 0.0;
    }
}

@-webkit-keyframes blink {
    50% {
        opacity: 0.0;
    }
}

.events_list ul li:last-child {
    margin-bottom: 0;
}

.holiday_lists .events_list ul li.upcomng_leave,
.holiday_lists .events_list ul li.upcomng_leave span {
    color: var(--white);
}

.holiday_lists .events_list ul li.upcomng_leave {
    background-color: var(--theme_color) !important;
}

.main-sidebar,
.main-sidebar::before {
    width: 60px;
}

.dsh_otr {
    align-items: stretch;
    justify-content: space-between;
}


/**admin dashboard css end**/


/**admin employee management page css**/

.search-bar {
    padding: 4px 10px;
    align-items: center;
    justify-content: space-between;
    background: var(--white);
    border: 1px solid #dbdee1;
    border-radius: 8px;
    opacity: 1;
}

.search-bar input {
    border-radius: 8px;
    border: none;
    padding: 9px 13px;
    width: 90%;
    color: #000;
}

.inner_pages_heading .btn-outer {
    width: auto;
    align-items: center;
    margin-left: 10px;
}

.search-bar label {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20%;
}

.search-bar label i {
    color: #C5CEE0;
    font-size: 20px;
}

.admin_table thead {
    width: calc(100% - 2px);
    position: relative;
    background: #EFF4FA;
    table-layout: fixed;
    display: table;
}

.admin_table tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.admin_table tbody::-webkit-scrollbar {
    width: 2px;
    background-color: #F5F5F5;
}

.admin_table tbody::-webkit-scrollbar-thumb {
    background-color: #7BC7FE;
}

th.action_div,
td.action_div {
    width: 230px;
}

th.emp_info,
td.emp_info {
    min-width: 210px;
}

.admin_table tbody tr {
    border-bottom: solid 7px #eaeaea;
}

.admin_table tbody tr:last-child {
    border-bottom: unset;
}

.table.table-responsive {
    overflow: auto;
}

.admin_table tr:last-child td {
    border-bottom: unset;
}

span.emp_id {
    color: #607787;
    font-weight: 400;
    line-height: normal;
    font-size: 14px;
    padding-left: 8px;
}

.emp_info h2 {
    color: #007bff;
}

.admin_table .user_image figure img {
    border-radius: 100px;
    border: 1px solid #e8e8e8;
}

.admin_table .user_image {
    width: 50px;
    height: 50px;
    background-color: var(--white);
}

.user_detail_table h3 {
    color: #8F9BB3;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 0;
}

.user_detail_table h4 {
    font-size: 14px;
    color: #404040;
    font-weight: 400;
    margin-top: 2px;
}

.admin_table th:first-child,
.admin_table td:first-child {
    width: 40px;
}

.admin_table th.emp_id,
.admin_table td.emp_id {
    width: 100px;
}

span.comman_table_head select {
    border: unset;
    padding: 0 10px;
    background: url(../images/down_arrow_black.svg);
    background-repeat: no-repeat;
    background-position: right center;
    height: auto;
    line-height: normal;
    color: #8F9BB3;
}

span.comman_table_head select:focus {
    background-color: transparent;
}

span.chose_item {
    display: inline-block;
    padding: 0 10px;
}

.no_data h3 {
    font-size: 22px;
    line-height: normal;
    font-weight: 600;
    color: #000;
}

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

.pge_prpgcnt {
    margin-right: 10px;
}

.pge_prpgcnt select#paginate {
    width: 110px;
    padding: 4px 5px 4px 6px !important;
    line-height: normal;
    font-size: 14px;
    color: #404040;
}

.serach_edit select,
.serach_edit input {
    padding: 6px 9px;
    font-size: 15px;
}

.serach_edit .btn-outer .btn {
    padding: 7px 13px;
    font-size: 13px;
}

.dropdown-menu {
    left: unset !important;
    right: 0 !important;
    transform: unset !important;
    top: 30px !important;
}

.inner_pages_heading .btn-outer button {
    margin-right: 10px;
}

.inner_pages_heading .btn-outer button:last-child {
    margin-right: 0px;
}

.admin_table table a:hover {
    color: var(--theme_color);
}

td.emp_id a {
    color: #222B45;
}

.profile_inner {
    border-radius: 15px;
}

.profile_back {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.profile_back .back_arrow {
    position: absolute;
    left: 0;
}

.profile_back .logo figure {
    width: 200px;
}

.profile_inner .sub_main_heading {
    background: #a9a9a91f;
    text-align: center;
    margin-top: 30px;
}

.profile_inner .sub_main_heading.rcht_hds h2 {
    margin: 0;
    text-align: left;
    line-height: normal;
    margin: 0;
}

.sub_main_heading.rcht_hds {
    padding: 10px 10px;
    text-align: left;
    border-radius: 5px;
}

.profile_inner .sub_main_heading h2 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 18px;
}

h5.no_dtafnd {
    font-size: 15px;
    color: #404040;
    line-height: normal;
    font-weight: 500;
}

.sub_main_heading.rcht_hds:first-child {
    margin-top: 0;
}

.form_modal_outer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.form_modal_outer .input_divs {
    width: 32%;
}

.upload-img figure {
    width: 110px;
    height: 110px;
    border-radius: 100px;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
    border: 5px solid #8ED1FD;
    background-color: var(--theme_color);
    display: flex;
    justify-content: center;
    align-items: center;
}

.choose-file input {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    z-index: 100;
}

.choose-file {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.upload-img {
    position: relative;
    width: fit-content;
    margin: 0px auto;
    cursor: pointer;
}

.upload-img figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.upload-img .choose-file figure img {
    height: auto;
    width: auto;
}

.document.detail.detail_address {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.document.detail.detail_address .input_divs {
    width: 49%;
}

.upload-img-bx {
    width: 100%;
    border: 1px solid #e4f6ff;
    height: 210px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 8px;
}

.document.detail {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.image-title-wrap {
    position: absolute;
    top: 16px;
    right: -1px;
}

.fa.fa-close.remove_image {
    color: #d00;
}

.upload-img-bx .fa.fa-upload {
    font-size: 69px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    justify-content: center;
}

.upload-img-bx input {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    cursor: pointer;
}

.document.detail .input_divs {
    width: 32%;
}

.upload-img-bx figure {
    margin: 0 auto;
}

.input_divs.input_checkdivs {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}

.input_divs.input_checkdivs .custom-control.custom-checkbox {
    margin-right: 20px;
}

.input_divs.input_checkdivs .custom-control.custom-checkbox:last-child {
    margin-right: 0px;
}

.salary_slip_outer {
    padding-top: 50px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.salary_slip_outer h4 {
    margin-bottom: 12px;
    color: var(--theme_color);
    font-size: 23px;
}

.salary_slip_lft,
.salary_slip_rgt {
    width: 49%;
}

.amnt_wrds {
    width: 100%;
}

.inner_pages_heading h3 {
    font-size: 20px;
    color: #000;
    font-weight: 600;
    flex: 1;
    width: auto;
    background: transparent;
}


/**admin employee management page css end**/


/**Leave management page css**/

.stats-info {
    background-color: var(--white);
    border-radius: 5px;
    box-shadow: 0px 5px 19px 0px rgb(0 0 11 / 10%);
    padding: 20px 0;
    text-align: center;
    transition: all 0.5s;
    border: 1px solid var(--theme_color);
    width: 24%;
}

.stat_innr {
    align-items: stretch;
    justify-content: space-between;
}

.stats-info h4 {
    font-size: 27px;
    margin-top: 12px;
    color: var(--theme_color);
    font-weight: 700;
}

.stats-info h6 {
    font-size: 16px;
    color: #000;
}

.lve_mg_proimg {
    align-items: center;
    justify-content: flex-start;
}

td.nbr_dys,
th.nbr_dys {
    width: 130px;
}

.form_modal_outer.form_add_leve .input_divs {
    width: 49%;
}

.form_modal_outer.form_add_leve {
    margin-top: 30px;
}

.stats-info:hover {
    transition: all 0.5s;
    transform: scale(1.13);
    z-index: 1;
    position: relative;
}


/**Leave management page css end**/

.main-sidebar .nav-sidebar .nav-item>.nav-link span svg path#Path_155965 {
    fill: #fff;
}

.frm_flwdt {
    width: 100%;
}

.sidebar {
    overflow: unset !important;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - (0rem + 60px));
    padding: 30px 0 0;
}


/**dsr management page**/

.dsr_form_sent {
    width: 70%;
    background: #fff;
    padding: 20px;
}

.dsr_otr {
    padding: 0;
}

.dsr_ur_dtl {
    padding-left: 30px;
}

.dsr_ur_dtl h3 {
    font-size: 20px;
    font-weight: 600;
    color: #404040;
    margin-bottom: 2px;
}

.dsr_ur_dtl p {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #747474;
    margin-bottom: 3px;
}

.dsr_ur_dtl p:last-child {
    margin-bottom: 0;
}

.inr_frmoutr.snd_dsr_otr {
    padding: 0;
}

.dsr_caldenr_dv {
    width: 50%;
    background: #f1f1f1;
    padding: 20px;
}

.dsr_dtlinn {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.dsr_dtlinn h3 {
    font-size: 20px;
    font-weight: bold;
    line-height: normal;
}

.btn-rgtdsr button.btn.btn_primary.btn-danger {
    padding: 10px 15px;
    line-height: normal;
}

.cmbnd_dv {
    justify-content: space-between;
}

.cmbnd_dv .input_divs {
    width: 49%;
}

.dsr_innr {
    justify-content: space-between;
    align-items: stretch;
}

.status_dsr {
    margin-top: 60px;
}

.status_dsr ul {
    flex-wrap: wrap;
    align-items: flex-start;
}

.status_dsr_inn::before {
    content: "";
    position: absolute;
    left: 0;
    height: 10px;
    width: 10px;
    background: #000;
    border-radius: 50%;
}

.status_dsr_inn {
    position: relative;
    font-size: 15px;
    line-height: normal;
    color: #000;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 20px;
}

.status_dsr ul li {
    width: 33%;
    margin-bottom: 20px;
}

.status_dsr ul li:nth-child(4),
.status_dsr ul li:nth-child(5),
.status_dsr ul li:last-child {
    margin-bottom: 0;
}

.status_dsr_inn.pending_dsr::before {
    background-color: #ffcc33;
    box-shadow: 0px 0px 3px 1px #ffcc33;
}

.status_dsr_inn.unapproved_dsr::before {
    background-color: #ff5959;
    box-shadow: 0px 0px 3px 1px #ff5959;
}

.status_dsr_inn.approved_dsr::before {
    background-color: #35d26e;
    box-shadow: 0px 0px 3px 1px #35d26e;
}

.status_dsr_inn.holiday_dsr::before {
    background-color: #f59bad;
    box-shadow: 0px 0px 3px 1px #f59bad;
}

.status_dsr_inn.leave_dsr::before {
    background-color: #5c5c5c;
    box-shadow: 0px 0px 3px 1px #5c5c5c;
}

.status_dsr_inn.weekend_dsr::before {
    background-color: #c5c5c5;
    box-shadow: 0px 0px 3px 1px #c5c5c5;
}

.status_dsr_inn.shortday_dsr::before {
    background-color: #0000FF;
    box-shadow: 0px 0px 3px 1px #0000FF;
}

.status_dsr_inn.halfday_dsr::before {
    background-color: #FFA500;
    box-shadow: 0px 0px 3px 1px #FFA500;
}

.status_dsr_inn.fullday_dsr::before {
    background-color: #000000;
    box-shadow: 0px 0px 3px 1px #000000;
}


/**dsr management page end**/

.pop {
    left: inherit !important;
}

span.validation.invalid-feedback {
    display: block;
    font-size: 11px;
}

.logo-signup img {
    display: block;
    margin: auto;
}

.loading-container {
    background-color: #8888886b;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 9999;
}

.loading {
    height: 0;
    width: 0;
    padding: 15px;
    border: 6px solid #00649e73;
    border-right-color: #00649E;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9999;
}

@-webkit-keyframes rotate {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

.text-load {
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 0;
    top: 130px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.holi_flex {
    align-items: center;
    margin-right: 20px;
}

.holi_flex select.form-control {
    width: 150px;
    margin-left: 15px;
}

.holi_flex h3 {
    color: var(--theme_color);
    line-height: normal;
    font-size: 18px;
    font-weight: 700;
}

.holiday_form .input_divs {
    width: 49%;
}

.addBreakTime {
    padding-left: 0px;
    padding-right: 0px;
}

.ascc_mgt_slct {
    width: 200px;
}

.access_table .custom-control-label::before {
    background-color: var(--white);
    box-shadow: unset;
}

ul.navbar-nav.datepicker {
    align-items: center;
}

a.nav-link i {
    font-size: 25px;
    color: var(--white);
}

li.nav-item:hover a.nav-link i,
li.nav-item:focus a.nav-link i,
li.nav-item:visited a.nav-link i,
.nav-link.active i {
    color: #5169FF;
}

.frm-ctr {
    min-width: 180px;
    font-size: 16px;
}

.frm-ctr option {
    font-size: 14px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}

.input-width {
    width: 100% !important;
}

.sug-box {
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.usr_reqst {
    border-radius: 5px;
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    line-height: normal;
    padding: 6px 10px;
    border: unset;
}

.cancle-confirm {
    background: #ff0000;
    color: #fff !important;
}

.dash_emp_tble td table tr td:first-child {
    width: auto;
}

.dash_emp_tble table table {
    border-left: solid 1px var(--border-color);
}

.inner_pages_heading.access_mgtdv .serach_edit form {
    display: flex;
    align-items: center;
}

.btn-outer.accss_bttmbtn button {
    padding: 8px 15px;
}

.page-link {
    padding: 3px 10px;
}

.inner_pages_heading.access_mgtdv select {
    width: 200px;
}

.access_table td .custom-control,
.access_table th .custom-control {
    justify-content: flex-start;
}

.rect_outr select {
    padding: 6px 25px 6px 6px;
    width: 70%;
}

.dash_emp_tble tr td table tr:last-child td {
    border-bottom: unset;
}

.dash_emp_tble tr:last-child td table tr td {
    border-bottom: solid 1px #f0f0f0;
}

.dash_emp_tble td table tr td {
    padding: 8px 9px;
    border-bottom: solid 1px #f0f0f0;
}

.dash_emp_tble tr:last-child td table tr:last-child td {
    border-bottom: unset;
}

.admin_table.dash_emp_tble .table td table td {
    vertical-align: middle;
}

.admin_table.dash_emp_tble .table td {
    vertical-align: top;
}

.emp_sec_updet.emp_updtsoutr .heading_Add {
    margin-bottom: 17px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: auto;
    padding: 0;
}

.emp_sec_updet.emp_updtsoutr .heading_Add h3 {
    padding: 0;
    border: unset;
}

.emp_sec_updet.emp_updtsoutr .left_section_th_innr {
    padding: 0;
}

.emp_sec_updet.emp_updtsoutr {
    width: 70%;
}

.emply_list_dash .right_section_third.holiday_lists {
    width: 28%;
}

td.actic_dvi {
    vertical-align: middle;
}

.logo {
    margin-bottom: 40px;
    text-align: center;
}

.main-sidebar .nav-sidebar .nav-item>.nav-link .dropdown-toggle::after {
    content: unset !important;
}

.admin_table.dash_emp_tble .table thead {
    position: sticky;
    top: 0px;
}

.admin_table.dash_emp_tble .table {
    height: 300px;
    overflow-y: auto;
    margin-bottom: 0;
}


/**table ui refinements**/

.user_detail_outer figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.user_detail_outer {
    align-items: center;
}

.user_detail_outer figure {
    width: 40px;
    height: 40px;
    background: var(--white);
    overflow: hidden;
    border-radius: 50%;
    border: solid 1px var(--border-color);
    margin-right: 12px;
}

.admin_table td {
    font-size: 14px;
    font-weight: 400;
    color: #404040;
    padding: 8px 8px;
    border-bottom: 1px solid var(--border-color);
    vertical-align: middle;
    text-align: left;
    border-top: unset;
    background-color: var(--white);
}

.admin_table th {
    background: #c3ccd1;
    font-size: 14px;
    white-space: nowrap;
    color: var(--theme_black);
    text-transform: capitalize;
    padding: 8px 8px;
    border: none;
    position: relative;
    font-weight: 500;
}

.table thead th {
    border: unset;
    border-bottom: solid 1px var(--border-color);
}

span.validation.invalid-feedback.ntf_msgdv strong {
    font-weight: 500;
}

.btn {
    color: var(--white);
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 5px;
    line-height: normal;
    border: unset;
    font-weight: 400;
    width: auto;
}

.profile_inner .btn-outer {
    margin: 20px 0 0;
}

.profile_inner .btn-outer button.btn.btn_primary {
    padding: 10px 25px;
}

.btn.userStatusChange {
    padding: 5px 7px;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
}

.doc_nm {
    font-size: 12px;
    color: #0475e5;
    line-height: normal;
    font-weight: 700;
    margin: 0px 0 0px 10px;
}

.attch_file img {
    height: 20px;
    margin-right: 9px;
}

.attch_file:hover,
.attch_file:focus {
    border-color: #0475e5;
}

.user_detail_table h2 {
    line-height: normal;
    font-size: 15px;
    font-weight: 500;
    color: #404040;
}

.user_detail_table h2 a {
    color: #007bff;
    cursor: pointer;
}

th.cmn_wdth.RelevantExperience,
td.cmn_wdth.RelevantExperience {
    min-width: 180px;
}

.ntfy {
    padding: 5px 8px;
    font-size: 13px;
}

.modal.right.fade .modal-dialog {
    right: -320px;
    -webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, right 0.3s ease-out;
    -o-transition: opacity 0.3s linear, right 0.3s ease-out;
    transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
    right: 0;
}

.modal.right .modal-content {
    border-radius: 0;
    border: none;
    height: 100%;
}
/* .modal-content{
    height: 600px;
    overflow: scroll;
} */
.modalContent-setting{
    height: 600px;
    overflow: scroll;
}

/* .holi_lstng_otr ul {max-height:850px;overflow-y:auto;padding-right:11px;} */

.modal.right .modal-header {
    padding: 0;
    border: unset;
    position: absolute;
    left: 0px;
    top: 0;
    background: unset;
    z-index: 2;
}

.modal.right .modal-header button.close {
    padding: 0;
    margin: 0;
    background-color: #0475e5;
    opacity: 1;
    height: 30px;
    width: 30px;
    color: #fff;
    font-weight: 300;
    text-shadow: unset;
    line-height: normal;
}

td.leave_infor.leave_info_cntn br {
    display: none;
}

.modal.right .modal-header button.close span {
    position: relative;
    top: -2px;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right.fade.in .modal-dialog,
.modal.right.fade.show .modal-dialog {
    right: 0;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 50px 20px 50px;
}

.modal.right .modal-header button.close span {
    display: inline-block;
    position: relative;
    top: -2px;
}

.usr_pop_outer figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.usr_pop_outer figure {
    height: 100px;
    width: 100px;
    overflow: hidden;
    background-color: #fff;
    border: solid 1px #ddd;
    border-radius: 50%;
}

.usr_pop_outer {
    align-items: center;
    justify-content: flex-start;
}

.usr_dtil_pop h2 {
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
    margin-bottom: 5px;
}

.usr_dtil_pop h3 {
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    color: #808080;
    margin-bottom: 5px;
}

.usr_dtil_pop h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    color: #808080;
}

.usr_dtil_pop {
    padding-left: 20px;
}

.btn-outer a:last-child,
.btn-outer button:last-child {
    margin-right: 0;
}

.btn-outer a,
.btn-outer button {
    margin-right: 10px;
}

.bsc_dtl {
    padding-top: 30px;
}

.bsc_dtinr label,
.bsc_dtinr label:not(.form-check-label):not(.custom-file-label) {
    color: #808080;
    line-height: normal;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    display: block;
}

.bsc_dtinr h3 {
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.bsc_dtinr {
    margin-bottom: 20px;
}

.usr_lvst.modal.right.fade .modal-dialog {
    width: 480px;
}

span.confirm.leve_stus {
    background-color: #DFF6EC;
    color: #009363;
}

span.leve_stus {
    border-radius: 5px;
    padding: 5px 7px;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
}

span.cancle.leve_stus {
    background-color: #ffeded;
    color: #e90505;
}

.usr_reqsd {
    border-radius: 5px;
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    line-height: normal;
    padding: 6px 10px;
    border: unset;
}

span.cancle-request {
    background-color: #f6f1df;
    color: #bf9200;
}

span.confirmd.usr_reqsd {
    background-color: #DFF6EC;
    color: #009363;
}

.text_primary span.usr_reqsd {
    background-color: #eaf0f9;
    color: #223954;
}

.text_success span.usr_reqsd {
    background-color: #DFF6EC;
    color: #009363;
}

.text_danger span.usr_reqsd {
    background-color: #ffeded;
    color: #e90505;
}

.crd_cntnt h4 {
    font-size: 18px;
    color: #404040;
    font-weight: bold;
    line-height: normal;
      width: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.crd_cntnt h4 img {
    margin-right: 15px;
}

.dash_crdinnr {
    text-align: center;
}

.cards_inner.userdashbrd .card_list {
    margin-right: 10px;
}

.userdashbrd {
    justify-content: flex-start;
}

span.password_eye i.fa.toggle-password.fa-eye {
    background: transparent;
    color: #b1b1b1;
}

.form_modal_outer .input_divs.pr_dcup {
    width: 100%;
}

.uploadx {
    border: solid 1px #e1e1e1;
    width: 250px;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    margin-right: 20px;
    padding: 20px;
    flex-direction: column;
    text-align: center;
    background-color: #fff;
}

.uploadx:last-child {
    margin-right: 0;
}

.uploadx h3 {
    font-size: 15px;
    width: 100%;
    font-weight: 500;
    color: #404040;
    line-height: normal;
    margin-top: 20px;
}

.uploadx input[type="file"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}

.pr_dcinn {
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.chosen-container-multi .chosen-choices {
    background-image: unset;
    height: auto;
    height: auto;
    font-size: 14px;
    padding: 6px 10px;
    border: 1px solid var(--border-color);
    border-radius: 5px;
    color: var(--theme_black);
    opacity: 1;
    font-weight: 400;
    width: 100%;
    background: url(../assets/images/drop_down.png);
    background-repeat: no-repeat;
    background-position: right 8px center;
    padding-right: 20px;
    background-size: 8px;
}

.chosen-container-active .chosen-choices {
    box-shadow: unset;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 0px 5px 3px 0;
    padding: 5px 20px 5px 5px;
    border: unset;
    max-width: 100%;
    border-radius: 3px;
    background-color: #999;
    background-image: unset;
    box-shadow: unset;
    color: #fff;
    line-height: 13px;
    cursor: default;
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: unset;
    filter: brightness(3);
}

ul.chosen-choices li.search-field input {
    margin: 0 !important;
    height: auto !important;
}

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

.asg_inrhd h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.asg_inrhd {
    background: #d7d7d7;
    padding: 10px 20px 10px;
}

.inr_frmoutr {
    border-radius: 5px;
    background: #fff;
    margin-bottom: 30px;
    padding: 20px;
}

.viw_pfrpic {
    width: 100%;
}

.vew_leve_dv {
    width: 50%;
    margin-bottom: 10px;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.inr_frmoutr:last-child {
    margin-bottom: 0;
}

.vew_leve_dv label,
.vew_leve_dv label:not(.form-check-label):not(.custom-file-label) {
    font-size: 16px;
    color: #404040;
    width: 400px;
}

.vew_leve_rgt {
    width: 500px;
    font-size: 16px;
    color: #404040;
    line-height: normal;
    font-weight: 500;
}

.asg_fmtp {
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 30px;
    background: #fff;
}

.mngr_dsh .right_section_third {
    width: 24%;
}

.rqst_mn {
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.rqst_mn .user_detail_table {
    margin-left: 0;
}

.form_control.drt_apvl {
    font-size: 14px;
    padding: 5px 20px 5px 5px;
    border-radius: 5px;
}

.holiday_lists {
    background: #ecf0f7;
    border-radius: 5px;
    width: 28%;
}

.em_dtl_dsh {
    background-color: #ffffff;
    width: 49%;
    border: solid 1px #cfcfcf;
    border-radius: 5px;
    margin-bottom: 0px;
    max-height: 300px;
}

.chosen-container {
    width: 100% !important;
    border-radius: 5px;
}

.attdnce_chrts tspan {
    font-weight: 400 !important;
    font-size: 10px !important;
    stroke: unset !important;
}

.pro_dsc p {
    width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.em_dtl_dsh:first-child,
.em_dtl_dsh:nth-child(2),
.em_dtl_dsh:nth-child(3),
.em_dtl_dsh:nth-child(4) {
    margin-top: 0;
}

.dsh_twbx {
    align-items: stretch;
    justify-content: space-between;
}

.dsh_otr {
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.asnd_mgrdv span {
    position: relative;
    margin: 0px 3px 3px 0;
    padding: 5px 5px 5px 5px;
    border: unset;
    border-radius: 3px;
    background-color: #999;
    background-image: unset;
    box-shadow: unset;
    color: #fff;
    line-height: 13px;
    cursor: default;
    font-size: 13px;
    font-weight: 400;
    display: inline-block;
}

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

.flrt_clmn_inr .switch {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 22px;
    margin-bottom: 0;
}

.flt_clm ul {
    max-height: 500px;
    overflow-y: auto;
    padding: 20px;
}

.flt_clm ul li {
    margin-bottom: 15px;
}

.flt_clm ul li:last-child {
    margin-bottom: 0px;
}

.flrt_clmn_inr .switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.flrt_clmn_inr .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.flrt_clmn_inr .slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 0px;
    top: 0px;
    bottom: 4px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.flrt_clmn_inr input:checked+.slider {
    background-color: #2196F3;
}

.flrt_clmn_inr input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

.flrt_clmn_inr input:checked+.slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}

.flrt_clmn_inr .slider.round {
    border-radius: 34px;
}

.flrt_clmn_inr .slider.round:before {
    border-radius: 50%;
}

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

.clm_flttr .dropdown-menu {
    width: 300px;
    transform: unset !important;
    top: 50px !important;
    border: unset;
    padding: 0;
    margin: 0;
    right: 0 !important;
    left: unset !important;
    top: 30px !important;
}

.flrt_clmn_inr h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    color: #404040;
}

.clm_flttr a img {
    height: 28px;
}

.clm_flttr a.dropdown-toggle {
    background: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: unset;
    padding: 0;
    border-radius: 5px;
    border: unset;
    filter: unset !important;
}

.clm_flttr .dropdown-menu .fltr_bttn {
    margin: 0;
    padding: 20px;
}

.clm_flttr a.dropdown-toggle::after {
    display: none;
}

.pbr select.form_control {
    padding: 6px 40px 6px 6px;
    line-height: normal;
}

.clm_flttr a.dropdown-toggle img {
    filter: unset !important;
    height: 24px;
}

.form_control:hover,
.form_control:focus,
.form-control:hover,
.form-control:focus {
    border-color: #0475e5;
}

.interview_box {
    box-shadow: 0px 0px 10px #00203321;
    padding: 20px;
    margin-bottom: 20px;
}

h3.interview_headig {
    padding-left: 94px;
    padding: 20px;
    color: #4d4d4d;
    text-transform: capitalize;
    font-weight: 700;
}

.crd_cntnt {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-start;
}

.card_list {
    padding: 20px 25px;
}

.icon_image {
    display: none;
}

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

.slideshow {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.slideshow .slider {
    box-shadow: 0 20px 50px -25px rgba(0, 0, 0, 1);
}

.slideshow .slider-track {
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
}

.slideshow img {
    transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
    transform: scale(1.2);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.item.slick-slide figure {
    height: 100%;
}

.slideshow .item {
    height: 100%;
    position: relative;
    z-index: 1;
}

.slick-track {
    height: 100%;
}

.slick-list {
    height: 100%;
}

.slick-dotted.slick-slider {
    margin-bottom: 0;
    height: 100%;
}

.slideshow .slick-active img {
    transform: scale(1);
}


/**set up pin Modal Ui**/

.modal-backdrop.show {
    display: none;
}

.comm_modal_ui {
    background-color: rgba(0, 0, 0, 0.6);
}

.comm_modal_ui .modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.modal-header button.close {
    padding: 0;
    margin: 0;
    text-shadow: unset;
    color: #fff;
    opacity: 1;
    font-weight: 300;
}

.modal-header {
    position: absolute;
    border: unset;
    top: -10px;
    right: -10px;
    background-color: #000;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.modal-body {
    padding: 0;
}

.comm_modal_strc {
    padding: 30px;
}

.mdl_otrbttn {
    text-align: center;
    margin-top: 20px;
}

.mdl_otrbttn button {
    padding: 8px 20px;
    font-size: 14px;
}

.outr_dvinut .form_control,
.outr_dvinut .form-control {
    font-size: 15px;
    padding: 7px 7px;
}

.dsh_spcng {
    padding: 100px 30px 0;
}

h2#swal2-title {
    font-size: 20px;
    color: #404040;
    line-height: normal;
    font-weight: 500;
}

.innr_pgesfrm {
    padding: 120px 30px 0;
}

.innr_pgesfrm form {
    padding: 0px;
    border-radius: 5px;
}

button.swal2-confirm.swal2-styled {
    background-color: #0475e5 !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: normal !important;
    box-shadow: unset !important;
}

button.swal2-cancel.swal2-styled {
    background-color: #5c5c5c !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: normal !important;
    box-shadow: unset !important;
}

.comm_modal_strc h3 {
    font-size: 23px;
    color: #404040;
    line-height: normal;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.inr_sch_otr.interview-round-item h6 {
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    color: #0475e5;
    margin-bottom: 6px;
}

.slps_frm .btn-outer {
    text-align: center;
}

.scrt_pssdv input:last-child {
    margin-right: 0;
}

.scrt_pssdv input {
    margin-right: 10px;
    text-align: center;
}

.scrt_pssdv {
    align-items: center;
    justify-content: center;
}

.inr_sch_otr {
    width: 100%;
    align-items: center;
    justify-content: space-between;
}

.inr_sch_innr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 95%;
}

.inr_sch_otr .add_ctotr {
    width: 5%;
    position: relative;
    top: 8px;
}

label.custom-control-label {
    margin-bottom: 0 !important;
}

.flrt_clmn_inr label:not(.form-check-label):not(.custom-file-label),
.flrt_clmn_inr label.custom-control-label {
    font-size: 15px;
    line-height: normal;
    font-weight: 400;
    color: #404040;
    cursor: move;
}

.custom-checkbox .custom-control-label::before {
    width: 20px;
    height: 20px;
    border: 2px solid #bbb;
    border-radius: 5px;
    box-shadow: unset;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    left: -23px;
    top: 4px;
    width: 6px;
    height: 11px;
}

.notificatn_dv {
    background: var(--theme_color);
    position: absolute;
    top: 5px;
    right: -2px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

small.notification-label {
    background: var(--theme_color);
    position: absolute;
    top: 0;
    right: 0px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    font-size: 12px;
    overflow: hidden;
    animation: sonarWave 2s linear infinite;
}

small.notification-label::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 60%;
    border-radius: 9999px;
    background-color: HSL(45, 100%, 50%);
    opacity: 0;
    z-index: -1;
    pointer-events: none;
    animation: sonarWave 2s linear infinite;
}

@keyframes sonarWave {
    from {
        opacity: 0.4;
    }
    to {
        transform: scale(3);
        opacity: 0;
    }
}

.pge_hds {
    align-items: center;
    justify-content: space-between;
    padding: 10px 30px 10px 30px;
    background-color: #fff;
    border-bottom: 1px solid #cfd7df;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    margin-left: 60px;
    max-height: 50px;
    min-height: 50px;
    z-index: 10;
    /* flex-wrap: wrap; */
}

nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
    background: #002033;
    padding: 10px 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 60px !important;
    border: unset;
    height: 50px;
}

.addBreakTime {
    border-radius: 50px;
}

.no_recd_fond h3 {
    font-size: 18px;
    color: #404040;
    font-weight: 400;
    line-height: normal;
}

.pge_hds h2 {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.pge_hds_rgt .dropdown-menu {
    right: 0 !important;
    left: unset !important;
    transform: unset !important;
    top: 27px !important;
}

.dropdown.fltr_dwnotr a.export_bttn {
    padding: 0;
}

.serach_edit {
    align-items: center;
    justify-content: flex-end;
}

.export_bttn {
    position: relative;
}

p.cstm_tlp::after {
    content: "";
    position: absolute;
    right: 11px;
    top: -5px;
    border-bottom: solid 6px #404040;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
}

p.cstm_tlp {
    position: absolute;
    background-color: #404040;
    color: #fff;
    padding: 2px 10px;
    z-index: 10;
    border-radius: 2px;
    right: 0;
    bottom: -27px;
    opacity: 0;
}

.btn.export_bttn:hover p.cstm_tlp {
    opacity: 1;
}

td .custom-checkbox .custom-control-label::before,
th .custom-checkbox .custom-control-label::before {
    width: 15px;
    height: 15px;
    border: 1px solid #002033;
    border-radius: 2px;
}

td .custom-control-input:checked~.custom-control-label::before,
th .custom-control-input:checked~.custom-control-label::before {
    border-color: var(--theme_color);
    background-color: #fff;
}

td .custom-checkbox .custom-control-input:checked~.custom-control-label::after,
th .custom-checkbox .custom-control-input:checked~.custom-control-label::after {
    left: -25px;
    top: unset;
    width: 6px;
    height: 9px;
}

td .custom-control,
th .custom-control {
    display: flex;
    align-items: center;
    justify-content: center;
}

td label.custom-control-label,
th label.custom-control-label {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.pge_hds_rgt .btn-outer .btn {
    padding: 8px 10px;
    font-size: 13px;
    font-weight: 600;
}


/**custom select**/

.main {
    margin: 1rem;
    max-width: 350px;
    width: 50%;
    height: 250px;
}

.emply_reg .pge_hds {
    flex-wrap: wrap;
}

.slry_mng_btn {
    width: 120px;
}

.mng_dprtmnt .pge_hds {
    flex-wrap: wrap;
}

@media(max-width:34em) {
    .main {
        min-width: 150px;
        width: auto;
    }
}

.proj_prt {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #dbdee1;
    background-color: var(--white);
    border-radius: 5px;
    overflow: hidden;
    padding: 6px 10px 6px 23px;
    width: 90%;
}

.proj_prt select {
    border: unset;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
}

.proj_prt::before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #3f51b5;
    border-radius: 50px;
    left: 5px;
}

.dropdown-select {
    box-shadow: unset;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    float: left;
    position: relative;
    text-align: left !important;
    transition: all 0.2s ease-in-out;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: unset;
    background-color: transparent;
    padding: 0 25px 0px 0;
    line-height: normal;
    border-radius: 0;
    font-size: 13px;
    font-weight: 600;
    color: #002033;
    line-height: normal;
}

.slry_slpbttn {
    font-size: 13px;
    padding: 8px 12px;
}

.dropdown-select:active,
.dropdown-select.open {
    background-color: transparent;
    box-shadow: unset;
}

.dropdown-select:after {
    height: 0;
    width: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #777;
    -webkit-transform: origin(50% 20%);
    transform: origin(50% 20%);
    transition: all 0.125s ease-in-out;
    content: '';
    display: block;
    margin-top: -2px;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 50%;
}

.dropdown-select.open:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.dropdown-select.open .list {
    opacity: 1;
    pointer-events: auto;
}

.dropdown-select.open .option {
    cursor: pointer;
}

.dropdown-select.wide {
    width: 100%;
}

.dropdown-select.wide .list {
    left: 0 !important;
    right: 0 !important;
}

.dropdown-select .list {
    box-sizing: border-box;
    transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    background-color: #fff;
    margin-top: 4px;
    padding: 0px 0;
    opacity: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    max-height: 250px;
    border: unset;
    width: 150px;
    border: solid 1px #898989;
}

.dropdown-select .list ul {
    overflow-y: auto;
    max-height: 150px;
}

li.srtng_dv .dd-search {
    display: none;
}

li.srtng_dv .tem_titl {
    display: none;
}

.dropdown-select .list:hover .option:not(:hover) {
    background-color: transparent !important;
}

.dropdown-select .dd-search {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.dropdown-select .dd-searchbox {
    border: unset;
    border-bottom: 1px solid var(--border-color);
    border-radius: 0;
    background: #fff url(../assets/images/sreach_icon.svg);
    background-repeat: no-repeat;
    background-position: left 10px center;
    background-size: 18px;
    padding: 10px 10px 10px 38px;
}

.dropdown-select .list ul {
    padding: 0 0 0px;
    margin-top: 0px;
}

.dropdown-select .option {
    font-weight: 400;
    text-align: left;
    transition: all 0.2s;
    list-style: none;
    margin-right: 0;
    color: #000;
    padding: 5px 5px;
    cursor: pointer;
    user-select: none;
    font-size: 13px;
    line-height: normal;
}

.dropdown-select .option:last-child {
    margin-bottom: 0;
}

.dropdown-select .option:hover,
.dropdown-select .option:focus {
    background-color: #d1d1d1 !important;
}

.dropdown-select .option.selected {
    font-weight: 600;
    background: #d1d1d1;
}

.dropdown-select .option.selected:focus {
    background: #f6f6f6;
}

.dropdown-select a {
    color: #aaa;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.dropdown-select a:hover {
    color: #666;
}

.tem_titl h3 {
    font-size: 16px;
    color: #404040;
    line-height: normal;
    font-weight: 500;
}

.tem_titl {
    padding: 10px 10px 5px;
}

.vertical .carousel-inner {
    height: 100%;
}

.carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
    top: 0;
}

.carousel.vertical .next {
    top: 400px;
}

.carousel.vertical .prev {
    top: -400px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
    top: 0;
}

.carousel.vertical .active.left {
    top: -400px;
}

.carousel.vertical .active.right {
    top: 400px;
}

.carousel.vertical .item {
    left: 0;
}

.log_lftani {
    animation-name: move2;
    animation-duration: 50s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

.log_leftdv {
    margin-right: 20px;
}

.log_midslwani {
    animation-name: move;
    animation-duration: 100s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes move {
    0% {
        transform: translateY(0px);
    }
    100% {
        transform: translateY(-800px);
    }
}

.log_leftdv img {
    margin-bottom: 20px;
}

@keyframes move2 {
    0% {
        transform: translateY(-800px);
    }
    100% {
        transform: translateY(0px);
    }
}

span.validation.invalid-feedback.ntf_msgdv {
    color: #0475e5;
    font-size: 11px;
    display: block;
    width: 100%;
}

.dsh_mndv {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 30px;
}

a.btn.btn_secondary.clock_in {
    border-radius: 50px;
    padding: 9px 20px;
    background: #177bff;
}

.clk_inrbtnoutr {
    align-items: center;
    justify-content: flex-start;
}

.pge_dshlft {
    width: 100%;
}

.pge_dshlft .clk_inrbtnoutr {
    justify-content: space-between;
    width: 100%;
}

.clk_inrbtnoutr h5 {
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    color: #818181;
    margin-left: 15px;
}

.dsh_spcng.dsh_mnspcng {
    padding-right: 0;
    height: 100vh;
}

.dsh_lft {
    width: 76%;
    padding-bottom: 30px;
}

.dsh_sdrbr {
    width: 22%;
}

.dsh_fltrd {
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.required:after {
    content: "*";
    font-weight: bold;
}

.dsh_sd_in {
    border: solid 1px #cfcfcf;
    border-radius: 5px;
    margin-bottom: 20px;
}

.dsh_sd_in .sdd_hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dsh_sd_dtl {
    max-height: 200px;
    overflow-y: auto;
}

.sdd_hd h4 {
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.sdd_hd {
    padding: 10px 10px;
    background: #edf6ff;
}

.sdd_hd {
    padding: 10px 10px;
    background: #edf6ff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.dsh_sd_dtl {
    padding: 10px 10px;
}

.dds_inrdlt h4 {
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    color: #242424;
}

.dds_inrdlt h4 span {
    color: #606060;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    display: inline-block;
    margin-left: 5px;
}

.dds_inrdlt {
    margin-bottom: 10px;
}

.dds_inrdlt:last-child {
    margin-bottom: 0px;
}

.dsh_sd_dtlinr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 10px;
    max-width: 200px;
}

span.lettrs_dsc {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    color: #404040;
    font-weight: 600;
}

.sdd_hd h4 span {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #262626;
    margin-left: 5px;
}

span.hvr_efft {
    position: absolute;
    left: 0;
    bottom: -60px;
    background: #3a3a3a;
    color: #fff;
    line-height: normal;
    font-weight: 400;
    font-size: 15px;
    min-width: 180px;
    padding: 7px;
    display: none;
    z-index: 1;
}

.sd_prusr {
    position: relative;
    margin-right: 12px;
}

.sd_prusr:hover span.hvr_efft {
    display: block;
}

span.desgi {
    font-size: 11px;
    line-height: normal;
    margin-top: 3px;
    display: block;
}

span.hvr_efft::before {
    content: "";
    position: absolute;
    top: -5px;
    border-bottom: solid 6px #3a3a3a;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
    left: 10px;
}

span.redred_dv sup {
    font-size: 15px;
    top: 0 !important;
}

span.redred_dv {
    color: #D30000;
    position: relative;
    z-index: 1;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
    position: fixed;
    margin: auto;
    width: 320px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.right.fade.in .modal-dialog,
.modal.right.fade.show .modal-dialog {
    right: -3px;
}

.modal.left .modal-body,
.modal.right .modal-body {
    padding: 50px 0px 50px 20px;
}

.modal.right .modal-header button.close span {
    display: inline-block;
    position: relative;
    top: -2px;
}

.usr_pop_outer figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.usr_pop_outer figure {
    height: 100px;
    width: 100px;
    overflow: hidden;
    background-color: #fff;
    border: solid 1px #ddd;
    border-radius: 50%;
}

.usr_pop_outer {
    align-items: center;
    justify-content: flex-start;
}

.usr_dtil_pop h2 {
    font-size: 24px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
    margin-bottom: 5px;
}

.usr_dtil_pop h3 {
    font-size: 18px;
    line-height: normal;
    font-weight: 400;
    color: #808080;
    margin-bottom: 5px;
}

.usr_dtil_pop h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    color: #808080;
}

.usr_dtil_pop {
    padding-left: 20px;
}

.btn-outer a:last-child,
.btn-outer button:last-child {
    margin-right: 0;
}

.btn-outer a,
.btn-outer button {
    margin-right: 10px;
}

.bsc_dtl {
    padding-top: 30px;
}

.bsc_dtinr label,
.bsc_dtinr label:not(.form-check-label):not(.custom-file-label) {
    color: #808080;
    line-height: normal;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    display: block;
}

.bsc_dtinr h3 {
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.bsc_dtinr {
    margin-bottom: 20px;
}

.usr_lvst.modal.right.fade .modal-dialog {
    width: 480px;
}

.lve_stus {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.swal-title {
    font-size: 19px;
    color: #404040;
    line-height: normal;
    font-weight: 500;
    text-shadow: unset !important;
}

button.swal-button.swal-button--confirm {
    background-color: #0475e5 !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: normal !important;
    box-shadow: unset !important;
}

button.swal-button.swal-button--cancel {
    background-color: #5c5c5c !important;
    padding: 8px 20px !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: normal !important;
    box-shadow: unset !important;
    color: #fff !important;
}

.swal-footer {
    display: flex;
    justify-content: center;
    padding: 0 0px 20px !important;
    flex-direction: row-reverse;
}

.swal-button-container {
    margin: 0px 0px 0px 10px !important;
}

.swal-icon--warning__body {
    height: 30px;
}

.swal-icon {
    width: 60px;
    height: 60px;
}

.swal-button-container:last-child {
    margin: 0px 0px 0px 0px !important;
}

.recrt_slect .select-items {
    width: 200px;
}

.lve_stus .select-selected {
    border: unset;
    padding: 5px 15px 5px 25px;
    width: 100%;
}

.lve_stus::after {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #3f51b5;
    border-radius: 50px;
    left: 5px;
}

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

.lftschd_cntn .admin_table th {
    background: #ebebeb;
}

.chts_inn_rgt button {
    background: #fff !important;
    border: solid 1px #b1b1b1;
    color: #6e6e6e !important;
    padding: 5px 7px;
    font-size: 13px;
    line-height: normal;
}

.nav-tabs .nav-item {
    margin-bottom: 0 !important;
}

.nav-tabs {
    border-bottom: unset;
    border-radius: 5px;
    overflow: hidden;
}

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

.chts_inn_rgt ul li {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
}

.chts_innr h4 {
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

span.confirm.leve_stus {
    background-color: #DFF6EC;
    color: #009363;
}

td.cmn_wdth select:hover,
td.cmn_wdth select:focus {
    box-shadow: unset;
}

.lftschd_cntn .admin_table tbody tr {
    border-bottom: solid 7px #ffffff;
}

.lftschd_cntn .admin_table td {
    background-color: #f2f9ff;
}

.not_intr_td h4 {
    font-size: 18px;
    color: #8d8d8d;
    line-height: normal;
    font-weight: 400;
}

.not_intr_td {
    text-align: center;
    padding: 30px;
    border: solid 1px #e3e3e3;
    border-radius: 5px;
}

span.leve_stus {
    border-radius: 5px;
    padding: 5px 7px;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
}

button.fedb_btn {
    padding: 6px;
    background: #6c757d;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
}

span.cancle.leve_stus {
    background-color: #ffeded;
    color: #e90505;
}

.usr_reqsd {
    border-radius: 5px;
    display: inline-block;
    font-weight: 500;
    font-size: 13px;
    line-height: normal;
    padding: 6px 10px;
    border: unset;
}

span.cancle-request {
    background-color: #f6f1df;
    color: #bf9200;
}

span.confirmd.usr_reqsd {
    background-color: #DFF6EC;
    color: #009363;
}

.text_primary span.usr_reqsd {
    background-color: #eaf0f9;
    color: #223954;
}

.text_success span.usr_reqsd {
    background-color: #DFF6EC;
    color: #009363;
}

.text_danger span.usr_reqsd {
    background-color: #ffeded;
    color: #e90505;
}

.crd_cntnt h3 {
    font-size: 14px;
    font-weight: 600;
    color: #000;
    min-height: 20px;
    width: 100%;
    text-align: left;
    opacity:0.6;
}

.dash_crdinnr {
    text-align: center;
}

.cards_inner.userdashbrd .card_list {
    margin-right: 10px;
}

.card_list {
    display: flex;
    align-items: center;
    justify-content:flex-start;
    width: 23%;
    box-shadow: unset;
    background: unset !important;
    border-radius: 0px;
    padding: 20px 10px;
    opacity: 1;
    margin-top: 0px;
    border-radius: 5px;
}


.intr_schd_otr {
    padding: 10px;
    background: #fff;
}

.card_list:last-child {
    border-right: unset;
}

.card_list:first-child,
.card_list:nth-child(2),
.card_list:nth-child(3),
.card_list:nth-child(4),
.card_list:nth-child(5) {
    margin-top: 0px;
}

.userdashbrd {
    justify-content: flex-start;
}

.intr_hd h4 {
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    color: #404040;
}

.sd_prusr {
    position: relative;
    margin-right: 12px;
    margin-bottom: 14px;
}

.vewmr a {
    font-size: 14px;
    color: #1d7cce;
    line-height: normal;
    font-weight: 500;
}

.hly_lst h4 {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #000000;
    text-transform: capitalize;
}

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

.hly_lst span {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #404040;
}

.dsh_sd_dtl ul li {
    margin-bottom: 9px;
}

li.brws_dv .dropdown-select:hover,
li.brws_dv .dropdown-select:hover {
    border-color: #c5c5c5;
}

li.brws_dv .dropdown-select {
    border: 1px solid transparent;
    padding: 5px 25px 6px 5px;
    font-size: 14px;
}

h4.offmis {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    color: #ff6464;
    margin-top: 15px;
    background-color: #ff00001f;
    padding: 10px;
    border-radius: 5px;
}


/**charts Css**/

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

#container {
    height: 400px;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #ebebeb;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.dsh_tpmnsc {
    align-items: stretch;
    justify-content: space-between;
}
.fl_wp{
    flex-wrap:wrap;
}
.crd_cntnt img {
    display: none;
}
.card_list:nth-child(1) {
    background-color: #f1cade8f !important;
}
.card_list:nth-child(2) {
    background-color: #e2daef80 !important;
}
.card_list:nth-child(3) {
    background-color: #b9eede75 !important;
}
.card_list:nth-child(4) {
    background-color: #ffdaa694 !important;
}
.card_list:nth-child(5){
    background-color: #FDECEF !important;
}
.card_list:nth-child(6){
    background-color: #EDF4F3 !important;
}
.card_list:nth-child(7){
    background-color: #EFECFF !important;
}
.cards_inner_salry .card_list {
    background-color: #bfdfffb5 !important;
}
.cards_inner_salry .card_list:nth-child(2) {
    background-color: #edffa47d !important;
}
.attdnce_chrts {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    width: 49%;
    max-height: 350px;
}

.attc_ltcmr_dv {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.sde_drpinnr ul li:hover a.dropdown-item {
    border-bottom: solid 1px #0475e5;
}

.emp_rgt_cmn {
    width: 100%;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

span.lve_tydfn b {
    display: inherit;
    font-weight: 400;
}

span.lve_tydfn {
    font-size: 11px;
}

.tem_chrt .highcharts-figure,
.tem_chrt .highcharts-data-table table {
    min-width: 100%;
    max-width: 100%;
}

.tem_chrt {
    background: #fff;
    border-radius: 5px;
    padding: 10px;
}

.intr_schd_dtl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.lftschd_dtl h4 {
    color: #8f8f8f;
    line-height: normal;
    font-size: 16px;
    font-weight: 400;
}

.nav-tabs {
    border-bottom: unset;
}

.nav-tabs .nav-link {
    border: unset;
    font-size: 13px;
    padding: 7px 10px;
    background: #edf6ff;
    border-radius: unset;
    color: #5c5c5c !important;
    line-height: normal;
    margin: 0 !important;
}

figure.highcharts-figure svg {
    height: auto !important;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #fff !important;
    background-color: #70a9ff;
}

.lftschd_cntn .admin_table tbody tr th:last-child {
    border-top-right-radius: 5px;
}

.lftschd_cntn .admin_table tbody tr th:first-child {
    border-top-left-radius: 5px;
}

.attch_file input[type="file"] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
}

.attch_file {
    height: auto;
    font-size: 14px;
    padding: 6px 10px;
    border: 1px solid var(--border-color);
    background-color: var(--white);
    border-radius: 5px;
    color: #000;
    opacity: 1;
    font-weight: 500;
    box-sizing: border-box;
    resize: none;
    outline: none;
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.attch_file h3 {
    font-size: 14px;
    line-height: normal;
    color: #000;
    opacity: 1;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.vew_psswrd input {
    border: unset;
}

.vew_psswrd {
    border: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.lgn_sldr .log_leftdv img {
    width: 100%;
}

.lgn_sldr .log_leftdv {
    width: 33%;
}

.highcharts-figure,
.highcharts-data-table table {
    min-width: 310px;
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}

.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}

.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}

.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}

.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff;
}

.prcnt_attdnchrt path.highcharts-halo.highcharts-color-0,
.prcnt_attdnchrt path.highcharts-halo.highcharts-color-1,
.prcnt_attdnchrt path.highcharts-halo.highcharts-color-2,
.prcnt_attdnchrt path.highcharts-halo.highcharts-color-3 {
    display: none !important;
}

.prcnt_attdnchrt tspan.highcharts-text-outline {
    display: none !important;
}

.prcnt_attdnchrt .attdnce_chrts text {
    font-weight: 400 !important;
    text-shadow: unset !important;
}

.prcnt_attdnchrt g.highcharts-label.highcharts-tooltip.highcharts-color-0 text,
.prcnt_attdnchrt g.highcharts-label.highcharts-tooltip.highcharts-color-1 text,
.prcnt_attdnchrt g.highcharts-label.highcharts-tooltip.highcharts-color-2 text,
.prcnt_attdnchrt g.highcharts-label.highcharts-tooltip.highcharts-color-3 text {
    color: #000 !important;
    fill: #000 !important;
}

.wht_bg_crd {
    background-color: #fff;
    padding: 20px 20px;
    margin-bottom: 15px;
    border-radius: 5px;
    border: solid 1px #cbcbcb;
}

.vw_prfmn {
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.vw_prfrgt {
    width: 78%;
}

.vew_intr_profl .vw_prfrgt {
    width: 79%;
    background: #fff;
    box-shadow: 0 3px 6px #00000036;
    border-radius: 5px;
    overflow: hidden;
}

.vw_prflft {
    width: 20%;
}

.prflft_in {
    position: sticky;
}

.pro_bcvr {
    position: absolute;
    top: 0;
    height: 100px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    left: 0;
    right: 0;
    z-index: -1;
    background: #002033;
}

.lftsdpro {
    position: relative;
    z-index: 1;
    border: unset;
}

.vew_intr_profl .lftsdpro {
    margin: 0;
    border: unset;
    box-shadow: 0 3px 6px #00000036;
}

.pro_usrimg figure {
    height: 100px;
    width: 100px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 1px 2px #0000001f;
}

.pro_usrimg figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.pro_usrimg {
    position: relative;
    z-index: 1;
    margin-top: 30px;
}

.pro_usrtdtl {
    padding-top: 10px;
}

.pro_usrtdtl h3 {
    font-size: 18px;
    font-weight: 600;
    color: #404040;
    line-height: normal;
}

.pro_usrtdtl h5 {
    font-size: 15px;
    line-height: normal;
    font-weight: 400;
    color: #404040;
    margin-top: 2px;
}

.pro_usrtdtl h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    color: #404040;
    margin-top: 10px;
}

.lfbttmsd h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    color: #404040;
    margin-bottom: 10px;
}

.pro_cntcinfo {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-radius: 5px;
    padding: 5px 5px;
    position: relative;
    z-index: 1;
}

.pro_cntcinfo i {
    color: #999;
    font-size: 15px;
    margin-right: 10px;
}

.pro_cntcinfo.mail_dv:hover {
    background: #efefef;
}

.pro_cntcinfo.mail_dv:hover span.copy_cntndv {
    opacity: 1;
}

span.copy_cntndv {
    position: absolute;
    right: 5px;
    z-index: 2;
    background: #fff;
    color: #000000;
    border: solid 1px #ddd;
    font-size: 13px;
    padding: 0px 4px;
    font-weight: 500;
    opacity: 0;
    cursor: pointer;
}

.pro_cntcinr a {
    color: #0475e5 !important;
    font-size: 15px;
    line-height: normal;
    font-weight: 400;
}

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

.pro_ctcnbrotr {
    align-items: flex-start;
}

.pro_ctcnbr {
    width: 90%;
}

.pro_ctctnmb h5 {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    color: #404040;
}

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

.pro_ctctnmb span {
    font-size: 15px;
    font-weight: 400;
    line-height: normal;
    color: #404040;
}

.lfbttmsd ul li {
    margin-bottom: 10px;
}

.pro_ctctnmb:last-child {
    margin-bottom: 0;
}

.lfbttmsd ul li {
    margin-bottom: 10px;
}

.lfbttmsd ul li:last-child {
    margin-bottom: 0px;
}

.reprt_mngrdv figure {
    height: 30px;
    width: 30px;
    overflow: hidden;
    background: #fff;
    border: solid 1px #ddd;
    border-radius: 50%;
}

.reprt_mngrdv {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.reprt_mnrdtl {
    padding-left: 10px;
}

.reprt_mnrdtl h6 {
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    color: #959595;
    margin-bottom: 2px;
}

.rptd_mgrdv .reprt_mnrdtl h5 {
    font-size: 15px;
    font-weight: 600;
    color: #404040;
    line-height: normal;
    margin-bottom: 0px;
}

.reprt_mnrdtl a {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #0475e5;
}

.rptd_mgrdv {
    margin-top: 15px;
}

.rptd_mgrdv h5 {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    color: #9f9f9f;
    margin-bottom: 12px;
}

.drct_rptdv h3 {
    color: #404040;
    line-height: normal;
    font-size: 17px;
    text-align: center;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.drct_rptdv {
    background: #dfdfdf;
    border-radius: 50px;
    padding: 15px 10px;
    margin: 30px 0 0;
}

.drct_rptdv h3 img {
    margin-right: 10px;
}

.vw_prfrgt .nav-tabs .nav-link {
    background-color: #f3f3f3;
}

.vw_prfrgt .nav-tabs .nav-item.show .nav-link,
.vw_prfrgt .nav-tabs .nav-link.active {
    background-color: #70a9ff;
}

.vw_prfrgt ul {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    position: relative;
    z-index: 1;
}

.pro_rgtcntnt {
    padding: 20px;
    background: #fff;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border: solid 1px #ddd;
    max-height: 820px;
    overflow-y: auto;
}

.pro_dscr h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #838383;
}

.pro_ds_dv {
    width: 48%;
    margin-bottom: 15px;
}

.emlmt_bcbttm p {
    font-size: 15px;
    line-height: normal;
    font-weight: 400;
    color: #404040;
}

.pro_dscr_in {
    margin-top: 15px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pro_ds_dv h5 {
    font-size: 14px;
    color: #000;
    line-height: normal;
    font-weight: 500;
}

.pro_ds_dv label:not(.form-check-label):not(.custom-file-label),
.pro_ds_dv label {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #5e5e5e;
}

.pro_dscr {
    margin-bottom: 20px;
    border-bottom: solid 1px #e3e3e3;
    padding-bottom: 10px;
}

.pro_dscr:last-child {
    padding: 0;
    margin: 0;
    border: unset;
}

.pro_ds_dv .reprt_mngrdv {
    margin-top: 10px;
}

.pro_ds_dv .reprt_mngrdv {
    margin-top: 10px;
    background: #ebf5ff;
    width: fit-content;
    padding: 10px;
    border-radius: 5px;
}

p.no_src_dv {
    display: block;
    padding: 0;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    padding: 10px;
}

.src_bx_glbl ul li a {
    font-size: 16px;
    line-height: normal;
    color: #404040;
    font-weight: 500;
}

.src_bx_glbl ul li a span {
    font-size: 12px;
    font-weight: 400;
    color: #808080;
    margin-left: 0;
    display: block;
}

.vew_intr_profl .pro_rgtcntnt.intrvw_scdl_otr {
    border: unset;
}

.src_bx_glbl ul li:hover {
    background: #e7e7e7;
}

.src_bx_glbl ul li {
    margin-bottom: 5px;
    padding: 2px 7px;
    border-radius: 5px;
}

p.no_empyt_dv {
    text-align: center;
    background: #f5f5f5;
    padding: 20px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 600;
    color: #404040;
    line-height: normal;
}

.emlmt_bcbttm .pro_dscr_in .pro_ds_dv {
    width: 50%;
}

.pro_emlmnt_dv {
    margin-top: 15px;
}

.pro_emlmnt_innr {
    border: solid 1px #cdcdcd;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

div#documents .pro_ds_dv {
    width: 49%;
}

.doc_hveft {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #e1e1e1;
    background-color: rgba(255, 255, 255, 0.8);
    opacity: 0;
}

.doc_dv:hover .doc_hveft {
    opacity: 1;
}

.doc_hveft a i {
    color: #fff !important;
    background: transparent !important;
}

.doc_hveft a {
    height: 35px;
    width: 35px;
    cursor: pointer;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    background: #002033;
    margin-right: 15px;
}

.doc_dv {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    padding: 4px;
    position: relative;
    margin-top: 5px;
    height: 200px;
    border: 1px solid #ccc;
}

.modal {
    background-color: rgba(0, 0, 0, 0.6);
}

.dc_inrdtl {
    padding-left: 15px;
}

.dc_inrdtl h5 {
    color: #404040;
    line-height: normal;
    font-weight: 600;
    font-size: 15px;
}

p.no_dc_fnd {
    font-size: 14px;
    color: #000;
    line-height: normal;
    font-weight: 500;
}

.dc_inrdtl h6 {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #808080;
    margin-top: 3px;
}

.dc_inrdtl h5 span {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #808080;
    padding-left: 20px;
}

.emlmnt_bc_tp {
    align-items: stretch;
    justify-content: space-between;
    padding: 20px;
}

.pro_emlmnt_innr:hover .emlmnt_bc_tp {
    background-color: #efefef;
}

.emlmt_bcbttm {
    padding: 10px 20px 20px;
}

.emlmt_bcbttm .pro_ds_dv {
    margin-bottom: 0;
    width: 100%;
}

.emlmt_bcbttm .pro_ds_dv {
    margin-bottom: 0;
    width: 100%;
    margin-top: 20px;
}

.emlmnt_bc_tplft {
    width: 50%;
}

.emlmnt_bc_tplft h5 {
    font-size: 16px;
    color: #404040;
    line-height: normal;
    font-weight: 600;
}

.emlmnt_bc_tplft:last-child {
    width: 20%;
}

.emlmnt_bc_tplft p {
    color: #808080;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    margin-top: 3px;
}

div#prevw_docs .modal-dialog {
    width: 35%;
    max-width: 600px;
}

.img_dv h5 {
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    color: #404040;
}

.img_dv h5 span {
    font-size: 14px;
    font-weight: 400;
}

.img_dv h6 {
    font-size: 14px;
    font-weight: 400;
}

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

.prev_imgbx {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 560px;
    overflow: auto;
    border: solid 1px #e1e1e1;
    padding: 15px;
}

.prev_imgbx figure,
.prev_imgbx figure {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.leve_applymn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.leve_aplylft {
    width: 30%;
}

.leve_aplyrgt {
    width: 68%;
}

.leve_aplyinr {
    border: solid 1px #e1e1e1;
    padding: 10px;
    margin-top: 10px;
}

.leve_aplyinr table tr td {
    padding: 10px 10px;
    border-bottom: solid 1px #ddd;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #4c4c4c;
}

.leve_aplyinr table tr:last-child td {
    border: unset;
}

.leve_aplyinr table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}

.leve_aplyrgt .leve_aplyinr {
    padding: 0;
}

.leve_aplyinr table tr td span {
    display: block;
    color: #9f9f9f;
    font-size: 13px;
    line-height: normal;
}

.updte_protr .vw_prfrgt {
    width: 100%;
}

.updte_protr .pro_rgtcntnt {
    max-height: initial;
    overflow: unset;
}

.a {
    background-color: #E6FFFF !important;
}

.b {
    background-color: #FAD1CF !important;
}

.c {
    background-color: #FBDCFF !important;
}

.d {
    background-color: #FED9D1 !important;
}

.e {
    background-color: #E8F3CD !important;
}

.f {
    background-color: #FFFFDD !important;
}

.g {
    background-color: #D5EFF4 !important;
}

.h {
    background-color: #E2DAEF !important;
}

.i {
    background-color: #FFF4EF !important;
}

.j {
    background-color: #B9EEDE !important;
}

.k {
    background-color: #FFD294 !important;
}

.l {
    background-color: #FFF1BA !important;
}

.m {
    background-color: #E4E8FB;
}

.n {
    background-color: #B1D8FF !important;
}

.o {
    background-color: #FFD3B9;
}

.p {
    background-color: #C8E1E7;
}

.q {
    background-color: #D4E9FF;
}

.r {
    background-color: #FFD5E7;
}

.s {
    background-color: #E5D6FF;
}

.t {
    background-color: #EDFFA4;
}

.u {
    background-color: #F4E2E4;
}

.v {
    background-color: #C5F7F6;
}

.w {
    background-color: #FFEEC1;
}

.x {
    background-color: #FFC2CB;
}

.y {
    background-color: #C2FFDA;
}

.z {
    background-color: #FFD1E9;
}

.ad_propics {
    width: 100px;
}

.updt_pics input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

.updt_pics img {
    height: 16px;
    filter: invert(0.6);
}

.updt_pics {
    height: 30px;
    width: 30px;
    overflow: hidden;
    background: #d9d9d9;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: -30px 0 0px auto;
}

.pri_fledv figure {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f7f7f7;
}

.pri_fledv {
    height: 100px;
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
}

.up_propic {
    width: 100%;
    margin-bottom: 15px;
}

.sb_letters {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
}

div#personal .pro_dscr {
    border: unset;
    padding-bottom: unset;
}

div#documents .updte_prodv .pro_ds_dv {
    width: 32%;
}

.thme_dv {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.thme_dv ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-right: 20px;
    overflow: hidden;
}

li.active_theme a {
    background: #ebebeb;
}

.thme_dv li a {
    font-size: 12px;
    padding: 5px 8px;
    display: block;
    border: solid 1px #c7c7c7;
    color: #000 !important;
    font-weight: 500;
}

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

.dsh_stckydv {
    position: sticky;
    top: 110px;
    background-color: #fff;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 11%);
    padding: 20px;
    border-radius: 5px;
}

.wdth_mdldv .modal-dialog {
    max-width: 450px !important;
    width: 450px !important;
}

.holy_clnddv .holy_chss {
    width: 120px;
}

.holi_lstng_otr ul li {
    margin-bottom: 15px;
}

.mnth_dv_otr {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.mth_dv {
    width: 20%;
}

.cstm_clndr {
    width: 80%;
}

.week_pnldvb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f3f3f3;
    border: solid 1px #c7c7c7;
}

.dly_leve_dates {
    border-left: solid 1px #c7c7c7;
    border-right: solid 1px #c7c7c7;
}

.dly_leve_dates .week_dv {
    min-height: 78px;
    border-bottom: solid 1px #c7c7c7;
    background: #fff;
}

.week_dv:last-child {
    border-right: unset;
}

.week_dv span {
    display: block;
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #000;
}

.week_dv {
    width: 60px;
    text-align: center;
    border-right: solid 1px #c7c7c7;
    padding: 7px;
}

.mnth_sldrdv {
    background: #f3f3f3;
    padding: 10px 30px;
    text-align: center;
}

.dly_leve_usrdtl {
    width: 20%;
    background: #fff;
}

.mnth_dtl_otr {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.dly_leve_dates {
    width: 80%;
}

.dly_leve_dates {
    width: 80%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.user_dtl h3 {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.user_dtl h5 {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #9d9d9d;
}

.user_dtl {
    padding-left: 10px;
}

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

span.leve_cunt {
    display: inline-block;
    background: #e4f2ff;
    padding: 2px 8px;
    border-radius: 4px;
}

.usr_lsng {
    padding: 20px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: solid 1px #c7c7c7;
}

.mnth_dtl_otr:last-child .usr_lsng {
    border-bottom: unset;
}

.smmry_bxs {
    border: solid 1px #ddd;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    background-color: #fdfdfd;
}

.feed_bkdv {
    margin-top: 10px;
}

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

.interview-round-item .input_divs {
    width: 24%;
}

.modal-backdrop.show {
    display: none;
}

.comm_modal_ui {
    background-color: rgba(0, 0, 0, 0.6);
}

.comm_modal_ui .modal-dialog {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.modal-header button.close {
    padding: 0;
    margin: 0;
    text-shadow: unset;
    color: #fff;
    opacity: 1;
    font-weight: 300;
}

.modal-header {
    position: absolute;
    border: unset;
    top: -10px;
    right: -10px;
    background-color: #000;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    z-index: 2;
}

.modal-body {
    padding: 0;
}

.comm_modal_strc {
    padding: 30px;
}

.comm_modal_strc h3 {
    font-size: 23px;
    color: #404040;
    line-height: normal;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
}

.input_divs label,
label:not(.form-check-label):not(.custom-file-label) {
    font-size: 14px;
    margin: 0 0 4px !important;
    color: #000;
    font-weight: normal;
}

.slps_frm .btn-outer {
    text-align: center;
}

.scrt_pssdv input:last-child {
    margin-right: 0;
}

.scrt_pssdv input {
    margin-right: 10px;
    text-align: center;
}

.scrt_pssdv {
    align-items: center;
    justify-content: center;
}

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

.feed_innr h5 {
    font-size: 15px;
    color: #696969;
    font-weight: 400;
    line-height: normal;
    width: 30%;
}

.rtng_dv {
    width: 30%;
}

.feed_bk_vew {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.rtg_gvn {
    position: relative;
    z-index: 1;
    width: fit-content;
}

span.hvr_efft.rtg_udrnm {
    bottom: unset;
    top: -35px;
    min-width: 130px;
    text-align: center;
}

.rtg_gvn:hover span.hvr_efft.rtg_udrnm::before {
    top: unset;
    bottom: -5px;
    border-bottom: unset;
    border-top: solid 6px #3a3a3a;
}

.rtg_gvn:hover span.hvr_efft.rtg_udrnm {
    display: block;
}

span.hvr_efft.rtg_udrnm {
    bottom: unset;
    top: -35px;
    min-width: 130px;
    text-align: center;
}

.rtng_dv {
    width: 40%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.feed_bkdv ul li {
    margin-bottom: 15px;
    border-bottom: solid 1px #ddd;
    padding-bottom: 15px;
}

.feed_bkdv ul li:last-child {
    margin-bottom: 0px;
    border-bottom: unset;
    padding-bottom: 0px;
}

.feed_bkdv ul {
    margin-bottom: 0;
}

span.rtg_str {
    font-size: 14px;
    padding: 0 10px 0 6px;
    border-right: solid 1px #9b9b9b;
    margin-right: 6px;
    color: #404040;
    line-height: normal;
    font-weight: 400;
}

.feed_bkdv.pro_dscr_in {
    justify-content: flex-start;
}

.feed_bkdv.pro_dscr_in .pro_ds_dv {
    width: 20%;
    margin-right: 20px;
}

.feed_bkdv.pro_docs_in .doc_dv {
    margin-right: 70px;
}

.attch_docs a.attch_docdv img {
    filter: invert(0.4);
    height: 13px;
}

.attch_docs a.attch_docdv {
    background: #fff !important;
    border: solid 1px #c7c7c7 !important;
    color: #535353 !important;
}

.attch_docs a.attch_docdv::after {
    display: none;
}

.feed_bkdv.pro_docs_in {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.attch_doc_drp ul li {
    margin: 0px 0 10px;
    padding: 0;
    border: unset;
}

.attch_doc_drp ul li a {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #404040;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

span.fie_sze {
    font-size: 11px;
    color: #a1a1a1;
}

.pro_rgtcntnt.intrvw_scdl_otr {
    max-height: unset !important;
    overflow: unset;
}

.attch_doc_drp ul li a:hover,
.attch_doc_drp ul li a:focus {
    color: #147ad6;
}

.candi_doc_innr .attch_docs {
    margin-bottom: 20px;
}

.candi_profle_innr ul {
    border-radius: unset;
    background-color: #f1f1f1;
    margin-bottom: 20px;
}

.candi_profle_innr ul a.nav-link.active {
    background: #fff !important;
    border-bottom: solid 2px #70a9ff;
    color: #000 !important;
    font-weight: 600;
}

.candi_profle_innr ul a.nav-link {
    background-color: transparent !important;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #585858 !important;
    border-bottom: solid 2px transparent;
}

.resume_bx_inr {
    background: #ddd;
    padding: 10px;
    max-height: 500px;
    overflow-y: auto;
}

.inter_scel_inr {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 20px;
}

.inter_scel_inr a {
    margin-right: 10px;
}

.inter_scel_inr a:last-child {
    margin-right: 0px;
}

.intr_schdle {
    border: solid 1px #ddd;
    background: #e7e7e7;
    color: #1e1e1e;
}

.intr_fedad {
    background: #e7e7e7;
    color: #1e1e1e;
    border: solid 1px #dddd;
}

.inter_lstg_innr h5 {
    font-size: 18px;
    line-height: normal;
    color: #404040;
    font-weight: 300;
    margin-bottom: 30px;
}

.intrvw_inr_lft h4 sub {
    bottom: 0;
}

.intrvw_inr_lft h4 span {
    display: block;
    font-size: 15px;
    color: #838383;
}

.intrvw_inr_lft h4 {
    font-size: 20px;
    color: #000;
    line-height: normal;
    font-weight: 500;
}

.intrvw_lst_lft {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.intrvw_inr_rgt {
    padding-left: 30px;
    border-left: solid 2px #c9c9c9;
    margin-left: 30px;
}

.intrvw_inr_rgt h4 {
    font-size: 15px;
    margin-top: 10px;
    font-weight: 400;
    color: #000;
    line-height: normal;
}

.scdling_info p {
    font-size: 13px;
    color: #939393;
    line-height: normal;
    font-weight: 400;
}

.scdling_info {
    margin-top: 10px;
}

.scdling_info p span {
    color: #000;
}

.innr_intrvw_lst {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.intr_slt_edit {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    opacity: 0;
}

.intr_slt_edit a.slt_ed i {
    height: 30px;
    width: 30px;
    border-radius: 2px;
    background: #c9c9c9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #363636;
}

.intr_slt_edit a.slt_ed {
    margin-right: 10px;
}

.intr_slt_edit a.slt_ed:last-child {
    margin-right: 0px;
}

.inter_lstg_innr li:hover .intr_slt_edit {
    opacity: 1;
}

.inter_lstg_innr ul li {
    margin-bottom: 40px;
}

.inter_lstg_innr ul li:last-child {
    margin-bottom: 0px;
}

.inter_listing_outr {
    border-bottom: solid 1px #dfdfdf;
    margin-bottom: 40px;
    padding-bottom: 40px;
}

.inter_listing_outr:last-child {
    border-bottom: unset;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.scdul_intr_outer {
    max-height: initial;
}

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

.schdl_cndi_ifo {
    padding-left: 50px;
}

.scdl_pref_mn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.scdng_prf_lft {
    width: 73%;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
}

.scdng_prf_rgt {
    width: 25%;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
}

.scdng_pref_otr {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 20px;
}

.pref_bx h3 img {
    height: 20px;
    margin-right: 7px;
}

.pref_title h3 {
    font-size: 20px;
    font-weight: 500;
    color: #404040;
    line-height: normal;
}

.pref_bx h3 {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    color: #404040;
    margin-bottom: 6px;
}

.user_dtl p {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #a1a1a1;
}

.pref_title {
    width: 30%;
}

.pref_bx {
    width: 35%;
}

.pref_bx p {
    font-size: 15px;
    width: 90%;
    color: #9f9f9f;
    line-height: 22px;
}

.schdl_dte {
    margin-top: 30px;
    width: 60%;
}

.int_rnds {
    margin-top: 30px;
}

.intr_rndbx::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #cdcdcd;
}

.intr_rndbx {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
}

.intr_rndbx span {
    background-color: #e5e5e5;
    z-index: 1;
    padding: 2px 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    font-size: 13px;
}

.intr_rndbx span::after {
    content: "";
    position: absolute;
    border-left: solid 12px #e5e5e5;
    border-top: solid 12px transparent;
    border-bottom: solid 12px transparent;
    right: -12px;
}

.round_bxs {
    margin-top: 30px;
}

.add_inrt_bx a {
    text-align: center;
    background: #d1eaff;
    padding: 20px;
    border: dotted 2px #0a77df;
    display: block;
}

.intrvr_dtl {
    width: 23%;
    padding-right: 15px;
}

.rounds_bxss {
    margin-bottom: 30px;
}

.thme_dv li.active_theme a {
    background: #1078d9;
    color: #fff !important;
    border-color: #1078d9;
}

.rounds_bxss:last-child {
    margin-bottom: 0px;
}

.schded_intr_innr {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.pref_bx.disbled {
    opacity: 0.5;
    cursor: no-drop;
    z-index: -1;
}

.schded_intr_innr:last-child {
    margin-bottom: 0;
}

a.add_intervewr i {
    border: solid 1px #0a77df;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

a.add_intervewr {
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.intr_date_scdl h4 {
    font-size: 18px;
    font-weight: 400;
    color: #3c3c3c;
    line-height: normal;
}

.intr_date_scdl p {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #919191;
}

.intr_scdl_dtls {
    background: #f3faff;
    line-height: normal;
    border-left: solid 3px #002033;
    padding: 15px 20px;
    border-radius: 5px;
    margin-top: 10px;
}

.intr_scdldtls_innr {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.intr_time_schd {
    width: 40%;
}

.intr_time_schd h5 {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #000;
}

.intr_time_schd span {
    display: block;
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #919191;
    margin-top: 5px;
}

.intr_scdl_dtls p span {
    color: #000;
}

.intr_scdl_dtls p {
    margin-top: 15px;
    line-height: normal;
    font-weight: 400;
    color: #7e7e7e;
    font-size: 14px;
}

.schde_inter_sdbr ul li {
    margin-bottom: 30px;
}

.schde_inter_sdbr ul li:last-child {
    margin-bottom: 0px;
}

.no_scdlng_bx p {
    font-size: 17px;
    font-weight: 500;
    color: #818181;
    line-height: normal;
}

.no_scdlng_bx {
    min-height: 200px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    background: -moz-linear-gradient(-45deg, #ffffff 0%, #002033 100%);
    background: -webkit-linear-gradient( -45deg, #ffffff 0%, #002033 100%);
    background: linear-gradient( 135deg, #ffffff 0%, #0086d559 170%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#002033', GradientType=1);
}

.add_inrt_user {
    position: absolute;
    width: 350px;
    background: #fff;
    padding: 20px;
    box-shadow: 0 0 8px #0000002e;
}

.add_inrt_user ul {
    margin-top: 20px;
}

.add_inrt_user ul li {
    margin-bottom: 20px;
}

.add_inrt_user ul li:last-child {
    margin-bottom: 0px;
}

.fed_form_otr .input_divs {
    width: 48%;
}

.fed_form_otr {
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 20px;
}

.ad_fed_lft {
    width: 60%;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
}

.resume_fddv h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.resume_fddv {
    margin-top: 10px;
}

.resume_fddv h4 span {
    font-size: 13px;
    color: #7a7a7a;
}

.resume_privew {
    padding: 10px;
    background: #d1d1d1;
    margin-top: 20px;
    height: 550px;
    overflow-y: auto;
    border-radius: 5px;
}

.ad_fed_mn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.ad_fed_rgt {
    width: 38%;
    background: #fff;
    overflow: hidden;
    border-radius: 5px;
}

.fdd_bck_crty {
    padding: 20px;
}

.fdd_bck_crty h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
    margin-bottom: 10px;
}

.fdd_bck_crty ul li {
    border: solid 1px #ddd;
    margin-bottom: 15px;
    padding: 10px;
    border-radius: 5px;
}

.fdd_bck_crty ul li h5 {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    color: #282828;
}

.fdd_bck_crty ul li p {
    font-size: 13px;
    line-height: normal;
    margin-top: 5px;
    color: #a3a3a3;
}

.scr_bd_para p {
    font-size: 13px;
    color: #a3a3a3;
    line-height: 22px;
    font-weight: 400;
    margin-bottom: 10px;
}

.ovr_rcmmnd_dv ul li {
    border: unset;
    padding: 0;
    margin: 0 10px 0 0px;
}

.hiring_dvs {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #9b9b9b;
    border: solid 1px #adadad;
    border-radius: 50px;
    padding: 9px 18px 9px 46px;
    text-align: center;
    display: inline-block;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.hiring_dvs::before {
    content: "";
    position: absolute;
    left: 18px;
    height: 20px;
    width: 24px;
}

a.hiring_dvs.strong-hire::before {
    background: url(../assets/images/strnghire.png);
    background-repeat: no-repeat;
    background-position: center center;
}

a.hiring_dvs.hire::before {
    background: url(../assets/images/hire.png);
    background-repeat: no-repeat;
    background-position: center center;
}

a.hiring_dvs.no-hire::before {
    background: url(../assets/images/reject.png);
    background-repeat: no-repeat;
    background-position: center center;
}

a.hiring_dvs.not-connected::before {
    background: url(../assets/images/Mask_Group.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

a.hiring_dvs.strong-no-hire::before {
    background: url(../assets/images/strng_reject.png);
    background-repeat: no-repeat;
    background-position: center center;
}

a.hiring_dvs.active::before {
    filter: grayscale(1) brightness(3.5);
}

a.hiring_dvs.no-hire,
a.hiring_dvs.strong-no-hire {
    align-items: flex-start;
}

.ovr_rcmmnd_dv ul {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.hiring_dvs.hire_stng {
    border-color: #08b73e;
    color: #08b73e;
    background-color: #deffe8;
}

.hiring_dvs.no_hring {
    color: #ff8989;
    border-color: #ff8989;
    background: #ffeded;
}

.hiring_dvs.hire_stng.selected {
    background-color: #08b73e;
    color: #fff;
}

.rating {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.rating input[type=radio] {
    /* display: none; */
    opacity:0;
}

.rating label,
.rating label:not(.form-check-label):not(.custom-file-label) {
    font-size: 18px;
}

.rating>label {
    position: relative;
    width: 1em;
    font-size: 6vw;
    color: #FFD600;
    cursor: pointer
}

.rating>label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}

.rating>label:hover:before,
.rating>label:hover~label:before {
    opacity: 1 !important
}

.rating>input:checked~label:before {
    opacity: 1
}

.rating:hover>input:checked~label:before {
    opacity: 0.4
}

.rating_procss_dv ul li {
    margin-bottom: 20px;
    margin-right: 0;
}

.ovr_rcmmnd_dv li a img {
    margin-right: 2px;
}

.rating_procss_dv ul {
    width: 100%;
    flex-wrap: wrap;
}

.rating_procss_dv {
    margin-top: 20px;
}

.rating_procss_inr h4 {
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.rating_procss_inr {
    padding: 10px;
    border-radius: 5px;
    background: #e9e9e9;
}

.rating_procss_dv ul li {
    margin-bottom: 20px;
    width: 100%;
}

.rating_procss_dv ul li:last-child {
    margin-bottom: 0px;
}

.lftsdpro .pro_usrtdtl p {
    font-size: 12px;
    color: #a1a1a1;
}

.aplid_jbs {
    margin-top: 10px;
}

.aplid_jbs h5 {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: normal;
    color: #404040;
}

.job_dcrptin p {
    font-size: 12px;
    color: #959595;
    line-height: normal;
    font-weight: 400;
    margin-top: 2px;
}

.job_dcrptin h4 {
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    color: #111;
}

.job_dcrptin p {
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
    color: #7d7d7d;
}

.job_dcrptin {
    position: relative;
    z-index: 1;
    border-radius: 50px;
    padding: 0px 0px 0px 30px;
}

.job_dcrptin span {
    position: absolute;
    left: 0px;
    color: #0675e4;
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
}

.aplid_jbs.stus_intre h4 {
    font-size: 15px;
    font-weight: 600;
    color: #404040;
    line-height: normal;
}

.aplid_jbs {
    margin-top: 20px;
}

span.rtg_fedbk {
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    color: #06bb0b;
}

.cdit_cntct_dtl h5 {
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 400;
    line-height: normal;
    color: #404040;
}

.cdit_cntct_dtl {
    margin-top: 20px;
    border-top: solid 1px #ddd;
    padding-top: 15px;
}

.cdit_cntct_lst h5 {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #7f7f7f;
}

.cdit_cntct_lst h5 span {
    font-size: 13px;
    color: #000;
    line-height: normal;
    font-weight: 500;
}

.aplid_jbs.cndidate_added {
    border-top: solid 1px #ddd;
    padding-top: 15px;
}

.aplid_jbs.stus_intre {
    border-top: unset;
    padding-top: 0;
}

.intr_datetme_dv {
    width: 77%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.intr_datetme_dv .pro_ds_dv {
    width: 32%;
}

.intrvr_dtl li.active small {
    color: #fff;
}

.hiring_dvs.strong-hire,
.hiring_dvs.hire {
    border-color: #198000;
    color: #198000;
    background-color: #deffe8;
}

.hiring_dvs.no-hire,
.hiring_dvs.strong-no-hire {
    color: #ff230a;
    border-color: #ff230a;
    background: #ffeded;
}

.hiring_dvs.not-connected,
.hiring_dvs.strong-not-connected {
    color: #ff8600;
    border-color: #ff8600;
    background: #ffeded;
}

.hiring_dvs.strong-hire.active,
.hiring_dvs.hire.active {
    border-color: #198000;
    color: #fff;
    background-color: #198000;
}

.hiring_dvs.no-hire.active,
.hiring_dvs.strong-no-hire.active {
    color: #fff;
    border-color: #ff230a;
    background: #ff230a;
}

.hiring_dvs.not-connected.active,
.hiring_dvs.strong-no-hire.active {
    color: #fff;
    border-color: #ff8600;
    background: #ff8600;
}

.pro_usrimg {
    position: relative;
    z-index: 1;
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.nw_dsr_form {
    width: 60%;
    background: #fff;
    padding: 20px;
    border-radius: 5px;
}

.lve_stus select {
    position: relative;
    display: flex;
    align-items: center;
    border: 1px solid #dbdee1;
    background-color: var(--white);
    border-radius: 5px;
    padding: 5px 25px 5px 22px;
    width: max-content;
}

.chosen-container-active .chosen-drop {
    display: block !important;
}

.chosen-drop {
    left: 0 !important;
    display: none !important;
}

ul.chosen-results li {
    color: #000 !important;
    padding: 5px 10px !important;
    border-bottom: unset;
    cursor: pointer !important;
    user-select: none;
    font-size: 13px;
    line-height: normal !important;
}

.chosen-container .chosen-drop {
    border: unset !important;
    background: #f7f7f7 !important;
    box-shadow: unset !important;
    border: solid 1px #898989 !important;
}

.chosen-container .chosen-results li.active-result {
    background: #f7f7f7 !important;
    color: #404040 !important;
}

.chosen-container .chosen-results li.active-result.highlighted {
    background: #0475e5 !important;
    color: #fff !important;
}

.chosen-container .chosen-results li.result-selected {
    background: #e7e7e7 !important;
    color: #000 !important;
    font-weight: 600;
    cursor: default !important;
}

.prass_loop {
    width: 100%;
}

.prass_trple.loop_inr {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding-right: 50px;
    width: 100%;
}

.prass_trple .input_divs {
    width: 49%;
}

.lop_pras_otr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.adrm_tems_dv {
    position: absolute;
    right: 0;
    height: 30px;
    width: 30px;
    top: 27px;
}

.dsr_ur_img figure {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #ebebeb;
}

.dsr_ur_img {
    height: 120px;
    width: 120px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

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

.dsr_sntinr input[disabled] {
    color: #000 !important;
    background: unset !important;
    border: unset;
    padding: 0;
    font-weight: 600;
}

.actvy_pfrmddv textarea[disabled] {
    color: #000 !important;
    background: unset !important;
    border: unset;
    padding: 0;
    font-weight: 600;
}

.lop_actvyprf_dv input[readonly] {
    color: #000 !important;
    background: unset !important;
    border: unset;
    padding: 0;
    font-weight: 600;
}

.lop_actvyprf_dv p {
    border: unset;
    padding: 0;
    background: transparent !important;
    font-weight: 600;
    color: #000;
    font-size: 14px;
    line-height: normal;
}

.dsr_vewdv .lop_actvyprf_dv {
    margin-bottom: 20px;
    background: #f1f1f1;
    padding: 15px;
    border-radius: 5px;
    margin-top: 0;
}

.dsr_vewdv .lop_actvyprf_dv:last-child {
    margin-bottom: 0px;
}

.dsr_vewdv .actvy_pfrmddv {
    margin-bottom: 20px;
    background: #f1f1f1;
    padding: 15px;
    border-radius: 5px;
    margin-top: 0;
}

.dsr_vewdv .actvy_pfrmddv:last-child {
    margin-bottom: 0px;
}

.dsr_stcy {
    position: sticky;
    top: 120px;
}

.dly_lvlstng.usr_lsng {
    border: solid 1px #ddd;
    border-radius: 5px;
    width: 32%;
    margin-right: 10px;
    margin-bottom: 10px;
}

.form_modal_outer.tem_lveoutr {
    justify-content: flex-start;
    flex-wrap: wrap;
}

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

.chts_inn_rgt a {
    margin-right: 10px;
}

a.viw_allbtn {
    font-size: 14px;
    color: #1d7cce;
    line-height: normal;
    font-weight: 500;
}

.pri_fledv span img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.user_detail_outer span.sb_letters {
    height: 35px;
    width: 35px;
    margin-right: 17px;
    border-radius: 50%;
    font-size: 16px;
}

.pjct_info_inr span.sb_letters {
    height: 65px;
    width: 65px;
    margin-right: 17px;
    border-radius: 50%;
    font-size: 40px;
}

.crd_inr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    z-index: 1;
}

.sgnup_dv .tab-content {
    margin-bottom: 20px;
}

.sgnup_dv .updte_protr {
    margin-top: 30px;
    width: 100%;
}

.sng_prodv {
    background: #f3f3f3;
    padding: 0;
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden;
}

.sgnup_dv .pro_rgtcntnt {
    border: unset;
    width: 70%;
    margin: 0 auto;
    padding: 0;
    overflow-y: auto;
}

.sng_prodv .pro_dscr h4 {
    background: #dfdfdf;
    padding: 10px;
}

.sng_prodv .pro_dscr_in {
    padding: 15px;
    margin-top: 0;
}

.sgnup_dv {
    background: #fff;
    padding: 50px 0;
}

span.validation.invalid-feedback strong {
    font-weight: 500;
}

.swal-icon.swal-icon--warning {
    display: none !important;
}

.swal-modal {
    padding: 10px;
}

.prcnt_attdnchrt g.highcharts-label.highcharts-tooltip {
    display: none;
}

.swal2-icon.swal2-warning.swal2-icon-show {
    display: none !important;
}

.input_divs h5 {
    font-size: 15px;
    font-weight: 600;
    color: #000;
}

.drlvdv_mn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.drlvdv_cm {
    padding: 20px;
    min-width: 10px;
    background: #fff;
    width: 49%;
}

a.nav-link.pro_hdtp span img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
    object-position: top;
    height: 100%;
    width: 100%;
    filter: unset;
}

a.nav-link.pro_hdtp span {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    font-size: 23px;
}

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

div#timer {
    padding-left: 10px;
    color: #1774ff;
    font-weight: 600;
    font-size: 15px;
}

.main-header .dropdown-toggle::after {
    margin-left: 6px;
    border-top: 0.3em solid #fff;
}

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

.pro_hdtp+.dropdown-menu {
    width: 250px;
}

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

.drp_prhd_lft span {
    font-size: 20px;
    color: #000 !important;
    position: relative;
    overflow: hidden;
}

.drp_prhd_lft span img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.drp_prhd_lft {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 10px;
}

.drp_prhd_rgt h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #404040;
}

.main-header .dropdown-menu ul li .drp_prhd_inr p a {
    color: #0475e5;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: fit-content;
    padding-right: 10px;
}

.main-header .dropdown-menu ul li .drp_prhd_inr p a::after {
    content: "";
    position: absolute;
    right: 4px;
    height: 11px;
    width: 2px;
    background: #676767;
}

.main-header .dropdown-menu ul li .drp_prhd_inr p a:last-child::after {
    content: unset;
}

.drp_prhd_inr p {
    font-size: 14px;
    color: #404040;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-top: 5px;
    line-height: normal;
    font-weight: 400;
}

.main-header .dropdown-menu ul li .drp_prhd_inr p a:last-child {
    padding-right: 5px;
}

.main-header .dropdown-menu ul li.hdtp_drin_lst {
    border-bottom: solid 1px #e9e9e9;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.pri_fledv figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

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

.lv_in_lft span img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.lv_in_lft span {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    overflow: hidden;
    font-size: 18px;
    position: relative;
}

.drp_prhd_rgt h5 {
    font-size: 13px;
    margin-top: 2px;
    color: #afafaf;
    font-weight: 400;
}

.disabled-activity select,
.disabled-activity input,
.disabled-activity textarea {
    cursor: no-drop;
    border-color: #e1e1e1 !important;
}

.disabled-activity {
    opacity: 0.5;
    cursor: no-drop;
}

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

.lv_in_udtl h3 {
    font-size: 14px;
    font-weight: 600;
    color: #404040;
    line-height: normal;
}

.lv_in_udtl h4 {
    font-size: 14px;
    color: #808080;
    line-height: normal;
    font-weight: 400;
}

.lv_in_udtl {
    padding-left: 10px;
}

.drlv_inr {
    margin-top: 20px;
}

.lv_in_rgt {
    min-width: 140px;
}

.lv_in_udtl h5 {
    font-size: 13px;
    margin: 0px 0 0;
    color: #a7a7a7;
    font-weight: 300;
    line-height: normal;
}

.drlv_inr ul li {
    background: #eaeaea;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
}

.drlv_inr ul li:last-child {
    margin-bottom: 0px;
}

.sb_dsh_hd h3 {
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    color: #404040;
}

.lv_in_rgt.dsr_unpr a {
    background: #ff5757;
    color: #fff !important;
    line-height: normal;
    padding: 8px 7px;
    display: inline-block;
    border-radius: 5px;
    font-size: 14px;
    cursor: pointer;
}

.drlv_inr ul {
    max-height: 500px;
    overflow-y: auto;
    padding-right: 3px;
}

li.nty_inn_mn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 10px;
}

li.nty_inn_mn.new_notfy {
    background: #e4e4e4;
}

.nty_lft h3 {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    text-transform: capitalize;
    color: #404040;
    margin-bottom: 2px;
}

.nty_lft p {
    font-size: 13px;
    font-weight: 400;
    color: #858585;
    line-height: normal;
    margin: 0 0 2px;
}

.notification-meta small {
    font-size: 12px;
    color: #000;
    line-height: normal;
    font-weight: 500;
}

.notification-meta {
    line-height: normal;
}

.nty_rgt a i {
    height: 30px;
    background-color: #FFE4E4;
    color: #F82F2F;
    width: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prjt_vewpg .vew_leve_rgt {
    width: 900px;
}

.src_bx_glbl ul {
    max-height: 400px;
    overflow-y: auto;
    padding: 10px;
}

.form_control.fromDate {
    background: #fff url(../assets/images/date_pickericon.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    padding-right: 40px;
    cursor: pointer;
}

.vew_leve_rgt.devlprs_dv li {
    margin-bottom: 10px;
    margin-right: 10px;
    background: #eeeeee;
    padding: 6px 6px;
    border-radius: 5px;
}

.vew_leve_rgt.devlprs_dv li h4 {
    font-size: 13px;
    color: #555;
    line-height: normal;
    font-weight: 600;
}

.vew_leve_rgt.devlprs_dv li h5 {
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
    color: #aaa;
    margin-top: 1px;
}

.vew_leve_dv.devel_assgn .vew_leve_rgt.devlprs_dv {
    margin-top: 10px;
    width: 100%;
}

.vew_leve_dv.devel_assgn {
    border-top: solid 1px #dddd;
    padding-top: 10px;
    margin-top: 10px;
    flex-wrap: wrap;
}

.pro_int_otr .pr_inlft {
    width: 50%;
}

.pro_int_otr {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    width: 60%;
}

.pro_int_otr .pr_inlft {
    width: 47%;
}

.pro_int_otr div#timer {
    padding-left: 10px;
    color: #f00;
    font-weight: 600;
}

.vew_leve_rgt.devlprs_dv ul {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.vew_leve_rgt.devlprs_dv li {
    margin-bottom: 10px;
    margin-right: 10px;
    background: #eeeeee;
    padding: 6px 6px;
    border-radius: 5px;
    min-width: 110px;
}

.pro_dcsrt_dv .vew_leve_dv .vew_leve_rgt {
    width: 100%;
    margin-top: 2px;
}

.pro_dcsrt_dv {
    width: 100%;
}

.pro_dcsrt_dv .vew_leve_dv .vew_leve_rgt p {
    color: #8f8f8f;
    font-weight: 400;
    line-height: 24px;
    font-size: 15px;
}

.pro_dcsrt_dv {
    border-top: solid 1px #dddd;
    padding-top: 10px;
    margin-top: 10px;
}

.pro_dcsrt_dv .vew_leve_dv {
    flex-wrap: wrap;
}

.notify_ntfnd h3 {
    font-size: 16px;
    color: #5f5f5f;
    line-height: normal;
    font-weight: 500;
}

.clk_inrbtnoutr {
    align-items: center;
    justify-content: flex-start;
}

.timr_otrdv span {
    padding-left: 3px;
    color: #1774ff;
    font-size: 17px;
    font-weight: 600;
}

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

.scuss_tmr {
    color: #00c121;
}

div#timer {
    padding-left: 10px;
    color: #1774ff;
    font-weight: 600;
}

.scuss_tmr span {
    color: #00c121;
}

.dly_lvlstng.usr_lsng select {
    font-size: 12px;
}

.dsr_wrkd_hrs_clc h4 {
    font-size: 18px;
    font-weight: 500;
    color: #404040;
    line-height: normal;
}

.dsr_wrkd_hrs_clc {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.dsr_wrkd_hrs_clc ul {
    margin-top: 20px;
}

.wrked_hors h5 {
    font-size: 25px;
}

.wrked_hors span {
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    color: #a7a7a7;
}

.wrked_hors h5 {
    font-size: 22px;
    color: #404040;
    line-height: normal;
    font-weight: 600;
}

.dsr_wrkd_hrs_clc ul {
    margin-top: 20px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.dsr_wrkd_hrs_clc ul li {
    width: 25%;
}

.dsr_wrkd_hrs_clc ul li {
    width: 20%;
}

.attd_cln_div h4 {
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.attd_cln_div.Attdn_mrk {
    width: 60%;
}

.attd_cln_div {
    width: 10%;
}

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

.inr_attdn_otrhd.inr_attdn_lop_dtat .attd_cln_div h4 {
    font-size: 12px;
    color: #000;
    line-height: normal;
    font-weight: 600;
}

.attd_cln_div.Attdn_mrk {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

span.attn_mr_sn {
    background: #ffe8ed;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    display: inline-block;
    padding: 3px 6px;
    color: #f59bad;
    font-size: 12px;
}

span.attn_mr_sn.prst {
    background: #dfffd4;
    color: #2fa108;
}

span.attn_mr_sn.productive {
    background: #dfffd4;
    color: #2fa108;
}

span.attn_mr_sn.un-productive-short-day {
    background: #FF7F7F;
    color: #FF0000;
}

span.attn_mr_sn.un-productive-half-day {
    background: #FF7F7F;
    color: #FF0000;
}

span.attn_mr_sn.un-productive-full-day {
    background: #FF7F7F;
    color: #FF0000;
}

span.attn_mr_sn.absent {
    background: #dadada;
    color: #747474;
}

span.attn_mr_sn.hlfleve_apply {
    color: #FFA500;
    background: #ffeac4;
}

span.attn_mr_sn.fullleve_apply {
    color: #ff6800;
    background: #ffe5d3;
}

span.attn_mr_sn.short-day-pending {
    color: #4f4fff;
    background: #e1e1ff;
}

span.attn_mr_sn.short-day-approved {
    color: #4f4fff;
    background: #e1e1ff;
}

span.attn_mr_sn.short-day-un-approved {
    color: #4f4fff;
    background: #e1e1ff;
}

span.attn_mr_sn.half-day-pending {
    color: #FFA500;
    background: #ffeac4;
}

span.attn_mr_sn.half-day-approved {
    color: #FFA500;
    background: #ffeac4;
}

span.attn_mr_sn.half-day-un-approved {
    color: #FFA500;
    background: #ffeac4;
}

span.attn_mr_sn.full-day-pending {
    color: #ff6800;
    background: #ffe5d3;
}

span.attn_mr_sn.full-day-approved {
    color: #ff6800;
    background: #ffe5d3;
}

span.attn_mr_sn.full-day-un-approved {
    color: #ff6800;
    background: #ffe5d3;
}

.attd_cln_div.Attdn_mrk.short-day-pending::after {
    background: #c3d7ff !important;
}

.attd_cln_div.Attdn_mrk.short-day-approved::after {
    background: #c3d7ff !important;
}

.attd_cln_div.Attdn_mrk.short-day-un-approved::after {
    background: #c3d7ff !important;
}

.attd_cln_div.Attdn_mrk.half-day-pending::after {
    background: #ffdea0 !important;
}

.attd_cln_div.Attdn_mrk.half-day-approved::after {
    background: #ffdea0 !important;
}

.attd_cln_div.Attdn_mrk.half-day-un-approved::after {
    background: #ffdea0 !important;
}

.attd_cln_div.Attdn_mrk.full-day-pending::after {
    background: #ffd6ba !important;
}

.attd_cln_div.Attdn_mrk.full-day-approved::after {
    background: #ffd6ba !important;
}

.attd_cln_div.Attdn_mrk.full-day-un-approved::after {
    background: #ffd6ba !important;
}

.attd_cln_div.Attdn_mrk.prst::after {
    background: #ccddff !important;
}

.attd_cln_div.Attdn_mrk.productive::after {
    background: #ccddff !important;
}

.attd_cln_div.Attdn_mrk.absent::after {
    background: #dcdcdc !important;
}

.attd_cln_div.Attdn_mrk.hlfleve_apply::after {
    background: #ffdea0 !important;
}

.attd_cln_div.Attdn_mrk.fullleve_apply::after {
    background: #ffd6ba !important;
}

.attd_cln_div.Attdn_mrk.prst::after {
    background: #b9f0a6 !important;
}

.attd_cln_div.Attdn_mrk.productive::after {
    background: #b9f0a6 !important;
}

.attd_cln_div.Attdn_mrk.un-productive-short-day::after {
    background: #FF0000 !important;
}

.attd_cln_div.Attdn_mrk.un-productive-half-day::after {
    background: #FF0000 !important;
}

.attd_cln_div.Attdn_mrk.un-productive-full-day::after {
    background: #FF0000 !important;
}

h4.absnt_timr {
    color: #b2b2b2 !important;
}

.inr_attdn_otrhd.inr_attdn_lop_dtat .attd_cln_div.Attdn_mrk::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    background: #ffc9de;
    height: 1px;
}

.attd_cln_div.Attdn_mrk+.attd_cln_div,
.attd_cln_div.Attdn_mrk+.attd_cln_div+.attd_cln_div {
    text-align: right;
}

.attdnce_outrdv ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #fff;
    padding: 0px 10px 10px 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.attdnce_outrdv {
    width: 100%;
}

.attdnce_outrdv ul li {
    margin-right: 30px;
    color: #404040;
    line-height: normal;
    font-weight: 400;
    margin-top: 10px;
}

td.usr_ind .usr_info {
    flex-direction: column;
}

td.usr_ind .usr_info h5 {
    font-size: 15px;
    margin: 0;
    width: 100%;
    text-align: left;
    font-weight: 600;
    color: #404040;
}

.usr_info h6 {
    font-size: 13px;
    width: 100%;
    color: #717171;
    margin-bottom: 1px;
    font-weight: 400;
}

td.usr_ind {
    width: 130px;
}

.attdnce_outrdv .table.table-responsive tr:nth-child(1) {
    border-bottom: unset;
}

.attdnce_outrdv table th,
.attdnce_outrdv table td {
    text-align: center;
}

.attdnce_outrdv table td.usr_ind,
.attdnce_outrdv table th.usr_ind {
    text-align: left;
}

span.ttl_conttm {
    background: #e6e6e6;
    color: #404040;
    line-height: normal;
    font-weight: 400;
    font-size: 14px;
    display: inline-block;
    padding: 3px 7px;
    border-radius: 5px;
    margin-left: 4px;
}

th.cmn_wdth.CurrentOrganisation,
td.cmn_wdth.CurrentOrganisation {
    min-width: 190px;
}

th.cmn_wdth.Designation,
td.cmn_wdth.Designation {
    min-width: 200px;
}

.cnd_fdmdl .modal-dialog {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.fd_mdl_hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 20px 20px;
    background: #fff;
    margin-bottom: 30px;
}

.fd_mdl_hd h3 {
    font-size: 20px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.fd_cndnf_inr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #ffffff;
    border-radius: 50px;
    width: 90%;
    margin: 0 auto;
    padding: 0px;
    box-shadow: 0 3px 6px #0000001a;
}

.cndnf_in_lft {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.usr_inf p {
    position: absolute;
    top: -18px;
    left: 0;
    font-size: 13px;
    line-height: normal;
    font-weight: 600;
    color: #000000;
}

.cndnf_in_lft.intrv_inlft .usr_inf p {
    left: unset;
    right: 0;
}

.usr_inf {
    position: relative;
}

.usr_inf h3 {
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.cndnf_in_lft span.sb_letters {
    height: 35px;
    width: 35px;
    overflow: hidden;
    line-height: normal;
    font-size: 20px;
    border-radius: 50%;
    margin-right: 10px;
}

.cndnf_in_md h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    color: #404040;
}

.cndnf_in_md p {
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
    color: #000;
}

.cndnf_in_md span {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #404040;
}

.usr_inf h5 {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #707070;
}

.cndnf_in_md {
    width: 33%;
    text-align: center;
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    padding: 15px;
}

.cndnf_in_lft {
    padding: 20px 15px 15px;
}

.cndnf_in_lft.intrv_inlft {
    flex-direction: row-reverse;
    text-align: right;
}

.cndnf_in_lft.intrv_inlft span.sb_letters {
    margin-right: 0;
    margin-left: 10px;
}

.cnd_fdmdl .modal-dialog .modal-content {
    border: unset;
}

.fd_mdl_mn {
    background: #ebeff3;
    border-radius: 0.3rem;
    overflow: hidden;
}

.ovr_rcmd {
    padding: 30px 20px 20px;
    text-align: center;
}

.ovr_rcmd p {
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
    margin-bottom: 5px;
}

.ovr_al_dv {
    text-align: left;
    margin-top: 10px;
}

textarea.form_control {
    height: 100px;
}

.ovr_al_dv h4,
.intr_qust_in h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 10px;
    color: #404040;
}

.intr_qust_in {
    padding: 0px 20px 20px;
}

.intr_qust_in .rating_procss_inr {
    background: #fff;
}

.intr_qust_in .rating_procss_dv ul li {
    margin: 0;
}

.intr_qust_in .rating_procss_dv {
    margin-top: 20px;
    max-height: 290px;
    overflow-y: auto;
    background: #fff;
}

.ovr_rcmd span {
    width: fit-content;
    margin: 0 auto;
}

span.hiring_dvs {
    position: relative;
    z-index: 1;
}

span.hiring_dvs.strong-hire::before {
    background: url(../assets/images/strnghire.png);
    background-repeat: no-repeat;
    background-position: center center;
}

span.hiring_dvs.hire::before {
    background: url(../assets/images/hire.png);
    background-repeat: no-repeat;
    background-position: center center;
}

span.hiring_dvs.no-hire::before {
    background: url(../assets/images/reject.png);
    background-repeat: no-repeat;
    background-position: center center;
}

span.hiring_dvs.strong-no-hire::before {
    background: url(../assets/images/strng_reject.png);
    background-repeat: no-repeat;
    background-position: center center;
}

span.hiring_dvs::before {
    content: "";
    position: absolute;
    left: 18px;
    height: 20px;
    width: 24px;
}

span.hiring_dvs.strong-hire,
span.hiring_dvs.hire {
    border-color: #198000;
    color: #fff;
    background-color: #198000;
}

span.hiring_dvs.no-hire,
span.hiring_dvs.strong-no-hire {
    color: #fff;
    border-color: #ff230a;
    background: #ff230a;
}

span.hiring_dvs::before {
    filter: grayscale(1) brightness(3.5);
}

.rating span {
    font-size: 13px;
    margin-bottom: 6px;
    line-height: normal;
    font-weight: 500;
    color: #0c0c0c;
}

.off_cndi_mn {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    height: 100%;
}

.off_cndi_lft {
    width: 20%;
    padding-right: 25px;
}

.inr_frmoutr.off_cndi_rgt {
    width: 80%;
    position: relative;
    padding-bottom: 90px;
}

.off_cndi_lft ul li span {
    border: solid 1px transparent;
    background: #fff;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 600;
    color: #404040;
    line-height: normal;
    margin-right: 15px;
}

.off_cndi_lft ul li a {
    background: #fff;
    display: block;
    padding: 12px;
    color: #404040;
    line-height: normal;
    font-size: 14px;
    border-left: solid 4px transparent;
    border-radius: 5px;
    width: 90%;
}

.off_cndi_lft ul li.active a {
    border-color: #0a77df;
    color: #0a77df;
    font-weight: 600;
}

.off_cndi_lft ul li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-bottom: 10px;
    position: relative;
    z-index: 1;
}

.off_cndi_lft ul li.active span.ofr_stps {
    border-color: #404040;
}

.off_cndi_lft ul li:last-child::before {
    content: unset;
}

.off_cndi_lft ul li::before {
    content: "";
    position: absolute;
    left: 14px;
    top: 14px;
    border-left: dotted 1px #404040;
    z-index: -1;
    height: 72px;
}

.off_cndi_lft ul li a {
    opacity: 0.6;
    cursor: default;
}

.off_cndi_lft ul li.active a {
    opacity: 1;
    cursor: pointer;
}

.off_cndi_inr .card {
    border: unset;
    box-shadow: unset;
}

.off_cndi_inr .card .card-header {
    margin: 0;
    background: transparent;
    border: unset;
    padding: 0;
}

.off_cndi_inr .card .card-header a h2 {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.off_cndi_inr .card .card-header a {
    padding: 10px;
    background: #f3f3f3;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

a.offr_accrdn.collapsed::after {
    content: "";
    position: absolute;
    right: 15px;
    border-left: solid 6px #b3b3b3;
    border-top: solid 6px transparent;
    border-bottom: solid 6px transparent;
}

a.offr_accrdn::after {
    content: "";
    position: absolute;
    right: 15px;
    border-top: solid 6px #b3b3b3;
    border-left: solid 6px transparent;
    border-right: solid 6px transparent;
}

.off_cndi_inr .card .card-body {
    padding: 10px;
    background: #fff;
    border: solid 1px #ddd;
    border-top: unset;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    max-height: 300px;
    overflow-y: auto;
}

.offr_btm_btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    border-top: solid 1px #ddd;
    box-shadow: 0 -4px 3px #0000000d;
    background: #fff;
    z-index: 1;
}

.inner_page_outer.mke_off_otr {
    height: 100%;
}

.off_bck_btn,
.off_bck_nxt {
    width: 50%;
}

.off_bck_nxt {
    text-align: right;
}

.apvld_info span {
    height: 35px;
    width: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    margin-right: 10px;
}

.apvld_info {
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: fit-content;
    margin-top: 10px;
    cursor: pointer;
}

.apvld_info.active {
    background: #dce8ff;
    border-color: #007bff;
}

.apvld_dlt h3 {
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.apvld_dlt h5 {
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
    color: #a5a5a5;
}

.off_cndi_inr h4 {
    font-size: 20px;
    font-weight: 600;
    color: #404040;
    line-height: normal;
    margin-bottom: 10px;
    border-bottom: solid 1px #ededed;
    padding-bottom: 10px;
}

.form_modal_outer.cndi_snd_cnds {
    justify-content: flex-start;
}

.cndi_offrd figure img {
    height: 80px;
}

.cndi_offrd {
    border: solid 1px #ddd;
    line-height: normal;
    font-weight: 400;
    text-align: center;
    padding: 20px;
    min-height: 220px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.cndi_offrd h5 {
    font-size: 18px;
    margin-top: 20px;
    line-height: normal;
    font-weight: 400;
}

.form_modal_outer.cndi_snd_cnds {
    justify-content: center;
    padding-top: 70px;
}

.form_modal_outer.cndi_snd_cnds .offrd_cndi {
    width: 20%;
    margin-right: 30px;
}

.form_modal_outer.cndi_snd_cnds .offrd_cndi:last-child {
    margin-right: 0px;
}

iframe {
    width: 100%;
    height: 100%;
}

.pro_ds_dv.rsm_doc {
    width: 100%;
}

.offrd_cndi.active .cndi_offrd {
    border-color: #0475e5;
    background: #d6ebff;
}

.aplid_jbs.stus_intre .lve_stus.custom_select.recrt_slect form {
    width: 100%;
}

.aplid_jbs.stus_intre .lve_stus select {
    width: 100%;
    border-radius: 50px;
    padding: 10px 10px 10px 30px;
}

.aplid_jbs.stus_intre .lve_stus::after {
    left: 12px;
}

#prevw_docs.pdf_prev .modal-dialog,
.pdf_prev .modal-dialog {
    width: 50%;
    max-width: 1000px;
}

.content-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: normal;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.content-wrapper .select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 5px !important;
    height: auto;
    border-radius: 5px;
    padding: 6px 30px 6px 10px;
    line-height: normal;
    min-height: 35px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.content-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: unset;
    right: 0px;
    width: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #b9b9b9 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 6px 0 5px;
    height: 0;
    left: 0;
    margin-left: 0;
    margin-top: 0;
    position: absolute;
    top: unset;
    width: 0;
}

.intr_datetme_dv .pro_ds_dv.web-link {
    width: 50%;
}

.intr_datetme_dv .pro_ds_dv.wblk_dsb {
    width: 50%;
}

ul.select2-results__options li {
    font-size: 13px;
    padding: 5px !important;
    line-height: normal;
}

.select2-dropdown span.select2-search.select2-search--dropdown input {
    border: solid 1px #e1e1e1 !important;
    font-size: 14px !important;
    padding: 6px 10px 6px 30px !important;
    line-height: normal;
    border-radius: 5px;
    background: #fff url(http://127.0.0.1:8000/assets/images/blue_serch_icon.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: left 7px center;
}

.rect_tbing ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 5px;
}

.rect_tbing ul li:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}


/* .rect_tbing ul li:first-child {border-top-left-radius:5px;border-bottom-left-radius:5px;}*/

.rect_tbing ul li a {
    display: inline-block;
    padding: 10px 10px;
    color: #002033;
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
}

.rect_tbing ul li {
    background: #b6dbff;
}

.rect_tbing ul li.active a {
    color: #fff;
}

.rect_tbing ul li.active {
    background: #0e7be6;
}

.rect_tbing ul li a span {
    font-size: 11px;
    color: #002033;
    font-weight: 400;
}

.rect_tbing ul li.active a span {
    color: #fff;
}

.prfl_page .vew_intr_profl .lftsdpro,
.prfl_page .vw_prfrgt {
    box-shadow: none;
}

.prfl_page {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.prfl_page .vw_prfmn {
    width: 60%;
    flex-wrap: wrap;
}

.prfl_page .vw_prflft,
.prfl_page .vew_intr_profl .vw_prfrgt {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
}

.prfl_page .prflft_in .lftsdpro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 30px;
}

.prfl_page .pro_bcvr {
    height: 10px;
}

.prfl_page .pro_usrimg {
    margin-top: 0px;
}

.prfl_page .pro_usrtdtl {
    width: 68%;
}

.prfl_page .pro_usrtdtl h3 {
    font-size: 22px;
}

.prfl_page .pro_usrtdtl p {
    font-size: 16px;
}

.prfl_page .pro_usrtdtl,
.prfl_page .aplid_jbs,
.prfl_page .cdit_cntct_dtl,
.prfl_page .aplid_jbs.cndidate_added {
    padding-top: 0px;
    margin-top: 0px;
    border-top: 0px;
}

.prfl_page .pro_ds_dv {
    width: 100%;
}

.prfl_page .pro_dscr h4 {
    font-size: 14px;
}

.prfl_page .pro_ds_dv h5 {
    font-size: 16px;
}

.vw_prfrsm {
    width: 38%;
    min-height: 85vh;
    height: 100%;
    position: sticky;
    top: 100px;
}

.vw_prfrsm .resume_privew {
    height: 70vh;
}

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

.bx_2 .bx {
    width: 48%;
}

.bx_7 .bx {
    width: 14%;
}

.bx_3 .bx {
    width: 32%;
}

.btn_rgt {
    text-align: right;
}

.prfl_page .vw_prfrgt .card {
    box-shadow: none;
}

.prfl_page .vw_prfrgt .card-header {
    cursor: pointer;
}

.prfl_page .vw_prfrgt .card-header h5 {
    font-size: 15px;
}

.prfl_page .vw_prfrgt .card-header p {
    font-size: 12px;
    color: #999;
}

.prfl_page .vw_prfrgt .card-body h5 {
    font-size: 16px;
}

.prfl_page .vw_prfrgt .card-body h6 {
    font-size: 12px;
    padding: 5px 0px;
    color: #666;
}

.prfl_page .vw_prfrgt .card-body .rtng_gvr {
    padding-bottom: 20px;
}

.prfl_page .vw_prfrgt .card-body .rtng_gvr h5 {
    font-size: 18px;
    display: inline-block;
}

.prfl_page .vw_prfrgt .card-body .rtng_gvr h6 {
    font-size: 13px;
    padding: 5px 0px 5px 20px;
    display: inline-block;
}

.prfl_page .vw_prfrgt .card-body h6 i.fa-star {
    color: gold;
}

.lftsdpro2 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    padding-top: 15px;
}

.lftsdpro2 .intr_drt {
    width: 18%;
}

.lftsdpro2 .input_divs {
    width: 25%;
}

.lftsdpro2 label {
    font-size: 13px !important;
}

.smmry_bxs p {
    border-top: 1px solid #ddd;
    font-size: 13px;
    padding-top: 5px;
    margin-top: 5px;
}

.tsk_frm {
    padding: 20px;
}

.tsk_frm .input_divs {
    width: 47%;
}

.txtra_divs {
    width: 100%;
}

.txtra_divs textarea {
    font-size: 14px;
    padding: 6px 10px;
    border: 1px solid var(--border-color);
}

.task_mn {
    padding: 30px;
}

.task_mn ul li {
    padding-bottom: 12px;
    color: #000;
    line-height: normal;
    font-weight: 600;
    font-size: 17px;
}

.task_mn ul li span {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #5e5e5e;
    display: inline-block;
    min-width: 140px;
    text-align: left;
}

.task_mn ul li:last-child {
    margin-bottom: 0;
}

.task_mn ul li p {
    font-size: 16px;
    color: #000;
    margin-top: 5px;
    line-height: 24px;
    font-weight: 400;
}

.btn-outer.tash_otr {
    margin-top: 10px;
    text-align: right;
}

.task_mn ul li a {
    margin-left: 5px;
}

.task_mn h3 {
    font-size: 20px;
    line-height: normal;
    font-weight: 600;
    color: #404040;
    margin-bottom: 10px;
}

.task_mn ul {
    margin: 20px 0 0;
    background: unset;
}

.bck_otr.intr_sced_snmn {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.badge {
    background: #ffff !important;
}

.uldd_dc {
    margin-top: 10px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.uldd_dc_inr {
    height: 100px;
    width: 100px;
    margin-right: 10px;
    overflow: hidden;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    margin-bottom: 10px;
}

.uldd_dc_inr figure,
.uldd_dc_inr figure img,
.lve_updc_inr figure,
.lve_updc_inr figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.input_divs.leve_dcs {
    width: 100%;
}

.input_divs.leve_dcs .pr_dcinn {
    width: 32%;
}

.vew_leve_rgt.lve_updc {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.lve_updc_inr {
    height: 50px;
    width: 50px;
    border: solid 1px #e1e1e1;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 10px 10px 0;
}

#customDsr .modal-dialog {
    max-width: 610px;
    width: 90%;
}

#customDsr .input_divs span {
    display: block;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    color: #000;
}

#customDsr .trple_dv {
    margin-bottom: 10px;
    flex-wrap: wrap;
}

#customDsrShow .modal-dialog {
    max-width: 610px;
    width: 90%;
}

#customDsrShow .input_divs span {
    display: block;
    font-size: 13px;
    line-height: normal;
    font-weight: 500;
    color: #000;
}

#customDsrShow .trple_dv {
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.dsr_vewdv_ttlhrs {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

ul.highcharts-menu li:last-child {
    display: none;
}

.attached-doc figure {
    max-height: 180px;
    overflow: hidden;
}

.attached-doc figure img {
    object-fit: contain;
}

a.disabled {
    pointer-events: none;
}

.select2.select2-container {
    width: 100% !important;
}

.pro_dscr.no-record {
    width: 100%;
    text-align: center;
}

.pro_dscr.no-record h3 {
    font-size: 1.5rem;
}

.cards_inner_salry {
    justify-content: flex-start;
}

.cards_inner_salry .card_list {
    width: 32%;
}

.custom_width {
    min-width: 190px!important;
}

.highcharts-data-table tr:hover {
    background: #f1f7ff !important;
}

.user_detail_table a .user_name {
    color: #007bff;
}

a.nav-link.ntfy_drp::after {
    content: unset;
}

.dropdown-menu.ntfy_drp_mn {
    width: 450px;
    top: 41px !important;
    right: -6px !important;
}

.ntfy_drp_mn h4 {
    font-size: 14px;
    color: #002033;
    line-height: normal;
    font-weight: 400;
    text-transform: uppercase;
}

.ntfy_drp_mn ul li {
    background: #00203312;
    padding: 6px 6px;
    border-radius: 5px;
}

.ntfy_drp_mn ul li:last-child {
    border-bottom: unset;
}

.ntfy_drp_mn ul li h3 {
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    color: #777777;
}

.ntfy_drp_mn ul {
    margin-top: 18px;
    max-height: 250px;
    overflow-y: auto;
    padding-right: 4px;
}

.ntfy_drp_mn ul li h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: #404040;
}

.ntfy_drp_mn ul li p {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #999;
    margin: 1px 0 4px;
}

span.nt_dtm {
    font-size: 11px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
    display: block;
}

.al_ntfy a,
.al_ntfy a:not([href]):not([class]) {
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
    color: #0475E5;
    display: inline-block;
}

.al_ntfy {
    padding-top: 6px;
}

.ntfy_drp_mn p {
    margin-top: 18px;
    color: #404040;
    line-height: normal;
    font-weight: 500;
}

.dropdown-menu.ntfy_drp_mn::before {
    content: "";
    position: absolute;
    right: 5px;
    top: -8px;
    border-bottom: solid 10px #fff;
    border-right: solid 10px transparent;
    border-left: solid 10px transparent;
}

.noti_otr .modal-dialog {
    max-width: 550px !important;
    width: 550px !important;
}

.notfi_hd {
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}

.notfi_hd h4 {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    text-transform: uppercase;
}

.no_noty {
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.noti_lst {
    background: #c5c5c512;
    padding: 6px 6px;
    border-radius: 5px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.noti_lst.new_active {
    background: #DBEDFF;
}

button.btn.btn-primary.mrk_ntofyrd:hover {
    background: #007BFF;
    color: #fff;
}

button.btn.btn-primary.mrk_ntofyrd {
    background: #007bff14;
    color: #007BFF;
}

.noti_inr ul {
    max-height: 800px;
    overflow-y: auto;
    padding-right: 10px;
}

.noti_lst_lft {
    width: 90%;
}

.noti_lst_lft h3 {
    font-size: 15px;
    font-weight: 500;
    line-height: normal;
    color: #404040;
}

.noti_lst_lft p {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #999;
    margin: 1px 0 4px;
}


/**project managment Page new designs css**/

.prj_ntfi {
    background: #0093FF 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: 05px 30px;
    margin-bottom: 10px;
}

.prj_ntfi li {
    display: inline;
    padding-right: 190px;
}

.prj_ntfi li a {
    color: #fff;
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
}

.prj_lstng_mn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 50px;
}

.prj_lstng_lt {
    width: 65%;
}

.prj_lstng_rt {
    width: 32%;
    background: #fff;
    padding: 20px;
    box-shadow: 0px 4px 4px #0000000a;
    border-radius: 14px;
}

.prj_lst_inr {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 4px 4px #00000014;
    width: 32%;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}

.prj_lst_inr a {
    padding: 30px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pj_inr_lt {
    width: 100%;
}

.pj_inr_lt h3 {
    font-size: 14px;
    line-height: normal;
    font-weight: bold;
    color: #404040;
}

.pj_inr_lt p {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    margin-top: 5px;
}

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

.prj_lst_inr:nth-child(3n) {
    margin-right: 0;
}

.prj_lst_inr:nth-last-child(-n+3) {
    margin-bottom: 0;
}

.prj_lstng_rt h3 {
    font-size: 15px;
    line-height: normal;
    font-weight: bold;
    color: #404040;
}

.rlse_nts {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    margin-top: 20px;
    flex-wrap: wrap;
}

.relse_nts_lst {
    background: #FFFFFF;
    box-shadow: 0px 4px 8px #0000001f;
    position: relative;
    z-index: 1;
    padding: 30px 30px;
    width: 48%;
    margin-bottom: 15px;
}

.relse_nts_lst::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 8px;
    background: #0093FF;
    border-radius: 50px;
}

.relse_nts_lst h4 {
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    color: #404040;
}

.relse_nts_lst h5 {
    font-size: 12px;
    margin-top: 10px;
    line-height: normal;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.relse_nts_lst h5 img {
    margin-right: 10px;
}

.ecm_imt_txt {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto;
    height: 90px;
    width: 90px;
    background: #C6E2F7;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.circle1 {
    width: 130px;
    height: 130px;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ecm_imt_txt h3 {
    font-size: 22px;
    font-weight: bold;
    line-height: normal;
    color: #202020;
}

.pjct_dtl_inrmn {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.prjt_dtls_cntn {
    margin-top: 40px;
}

.prjt_dtls_mn {
    margin-top: 30px;
}

.pjctmn_inr_lt {
    width: 50%;
    background: #fff;
    padding: 20px;
    border-radius: 14px;
    position: relative;
    z-index: 1;
}

.pjctmn_inr_rt {
    width: 45%;
}

.pjctmn_inr_lt .progr_essbar {
    position: absolute;
    top: 20px;
    right: 20px;
}

.pjct_info h3 {
    font-size: 20px;
    line-height: normal;
    font-weight: 600;
}

.pjct_inf_lst {
    margin-top: 20px;
}

.pjct_inf_lst h4 {
    color: #919191;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 10px;
}

.pjct_info_inr {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.pjct_info_rt {
    width: 80%;
    padding-left: 30px;
}

.pjct_info_dte {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    margin-top: 20px;
}

.pjct_inr_dte {
    margin-right: 30px;
}

span.blk_span.prt_dte {
    color: #919191;
    font-size: 15px;
    line-height: normal;
    font-weight: 400;
}

.pjct_inr_dte {
    margin-right: 30px;
    width: 50%;
}

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

.pjct_inr_dte h5 {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
}

.pjct_info_rt h2 {
    font-size: 24px;
    line-height: normal;
    font-weight: 600;
}

.pjct_info_rt p {
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
}

.pjct_info_rt2 h2 {
    width: 70%;
}

.pjct_clnt_mg {
    height: 100px;
    width: 100px;
    background: #fff;
    box-shadow: 0 4px 8px #00000026;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 14px;
}

.pjct_clnt_mg img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.pjct_inf_lst.pjct_clnt_sc {
    margin-top: 40px;
}

.prj_logo {
    width: 100px;
}

.pjm_dcspt {
    background: #d4d4d4;
    padding: 40px 30px;
    border-radius: 14px;
    margin-bottom: 20px;
    height: 330px;
    overflow-y: scroll;
}

.pjm_dcspt p {
    font-size: 18px;
    margin-top: 20px;
    line-height: 30px;
}

.pjm_dcspt h4 {
    font-size: 24px;
    line-height: normal;
    font-weight: 600;
}

.pjm_cmmt {
    background: #fff;
    padding: 20px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pjm_cmmt h3 {
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
}

.pjm_cmmt ul li:last-child {
    margin-right: 0;
}

.pjm_cmmt ul li {
    margin-right: 20px;
    background: #f2f2f2;
    height: 45px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
}

.pjm_cmmt ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

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

.tbng_mnhd h2 {
    font-size: 20px;
    line-height: normal;
    font-weight: 600;
}

.tem_img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.tem_img {
    height: 50px;
    width: 50px;
    overflow: hidden;
    border-radius: 50%;
}

.tsk_lst {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px;
}

.tsk_lst_inr {
    background: #fff;
    width: 30%;
    /* width: 32.4%; */
    /* margin: 15px 15px 0px 0; */
    border-radius: 14px;
    position: relative;
    z-index: 1;
    padding: 15px;
    padding-bottom: 29px;
}

.tsk_lst_inr a {
    /* padding: 40px 20px 20px; */
    /* padding: 15px; */
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.tsk_lst_inr:first-child,
.tsk_lst_inr:nth-child(2),
.tsk_lst_inr:nth-child(3) {
    margin-top: 0;
}

.tsk_lst_inr:nth-child(3n) {
    margin-right: 0;
}

.tsk_lst_rt {
    width: 100%;
    /* padding-left: 20px; */
}

.tsk_lst_rt .hdng {
    display: flex;
    /* flex-wrap: wrap; */
    align-items: center;
    justify-content: space-between;
}

.tsk_lst_rt h2 {
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    width: 80%;
}

.tsk_lst_rt p {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    margin: 10px 0 10px;
    display: flex;
}

.tsk_lst_rt p strong {
    white-space: nowrap;
    margin-right: 10px;
}

.tsk_lst_inr figure img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.tsk_lst_inr figure {
    width: 100px;
    overflow: hidden;
}

.tsk_prty span {
    background: #DAEFFF;
    display: inline-block;
    padding: 6px 10px;
    border-radius: 3px;
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    color: #001B30;
    margin-right: 10px;
}

.tsk_prty span:last-child {
    margin-right: 0;
}

.tsk_prty {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.tsk_prty span.high {
    background: #FFC5CF;
    color: #FF0000;
}

.tsk_prty span.Medium {
    background: #d1ecf1;
    color: #0c5460;
}

.tsk_prty span.Low {
    background: #fff3cd;
    color: #856404;
}

.tsk_prty span.critical {
    background: #f8d7da;
    color: #721c24;
}

.asgd_tsk_tm {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-end;
}

.asgd_tsk_tm span {
    white-space: nowrap;
}


/* .asgd_tsk_tm {
    position: absolute;
    top: 10px;
    right: 5px;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
} */

.asgd_tsk_tm span {
    background: #DFEDF2;
    border-radius: 50px;
    padding: 5px 9px;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    color: #008BF2;
    margin-right: auto;
}

.asgd_tsk_tm span:last-child {
    margin-right: 0;
}

.tsk_prty .new {
    background: #202020;
    color: #fff;
}

.tsk_prty .assigned {
    background: #0093ff;
    color: #fff;
}

.tsk_prty .in_progress {
    background: #099100;
    color: #fff;
}

.tsk_prty .in_review {
    background: #099100;
    color: #fff;
}

.tsk_prty .completed {
    background: #099100;
    color: #fff;
}

.tsk_prty .closed {
    background: #099100;
    color: #fff;
}

.tsk_prty .in_review {
    background: #ffc200;
    color: #fff;
}

.tsk_prty .completed {
    background: #f88e00;
    color: #fff;
}

.tsk_prty .closed {
    background: #c0c0c0;
    color: #202020;
}

span.relse_tg.test-release.in_progress {
    background-color: #099100;
    color: #fff;
}

span.relse_tg.test-release.completed {
    background-color: #099100;
    color: #fff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #404040;
}

span.relse_tg.test-release.in_review {
    background: #ffc200;
    color: #fff;
}

span.relse_tg.test-release.closed {
    background: #c0c0c0;
    color: #202020;
}

.asgd_tsk_tm span.in_progress {
    background-color: #099100;
    color: #fff;
}

.asgd_tsk_tm span.completed {
    background-color: #099100;
    color: #fff;
}

.asgd_tsk_tm span.in_review {
    background: #ffc200;
    color: #fff;
}

.asgd_tsk_tm span.closed {
    background: #c0c0c0;
    color: #202020;
}

.tsk_prty .pass {
    background-color: #099100;
    color: #fff;
}

.tsk_prty .rejected {
    background: #FFC5CF;
    color: #FF0000;
}

.tsk_prty .failed {
    background: #FFC5CF;
    color: #FF0000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #404040;
}

p {
    color: #656565;
}

.adgn_prjct_inr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    background: #f1f1f1;
    padding: 20px 10px;
    border-radius: 14px;
    width: 49%;
    margin-bottom: 15px;
    cursor: pointer;
    position: relative;
}

.adgn_prjct_inr.selected {
    background: #e2efff;
}

.adgn_prjct_inr:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.adgn_prjct_mn {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;
    max-height: 400px;
    overflow-y: auto;
}

.wth_lg .modal-dialog {
    max-width: 700px;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.adgn_prjct_inr figure img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.adgn_prjct_inr figure {
    height: 60px;
    width: 60px;
    overflow: hidden;
    border-radius: 50%;
    background: #e0e0e0;
}

.adgn_cntn h2 {
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
}

.adgn_cntn h3 {
    font-size: 14px;
    text-align: left;
    color: #656565;
    font-weight: 400;
    line-height: normal;
    margin: 0px 0 2px;
}

.adgn_cntn p {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
}

.adgn_cntn {
    padding-left: 10px;
}

.adgn_prjct_inr input[type=checkbox] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}

.adgn_prjct_inr.selected::before {
    content: "";
    position: absolute;
    right: 9px;
    top: 4px;
    height: 25px;
    width: 25px;
    background: #0074ff;
    border-radius: 50%;
}

.adgn_prjct_inr.selected::after {
    content: "";
    transform: rotate(45deg);
    height: 14px;
    width: 9px;
    border-bottom: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    position: absolute;
    top: 7px;
    right: 17px;
}

.ad_frm_mn {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.ad_frm_mn {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.prj_asng_intr {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.ad_frm_mn .input_divs {
    margin-right: 15px;
    width: 24%;
}

.prj_asng_intr .input_divs label {
    width: 100%;
}

.prj_asng_intr .input_divs textarea.form_control {
    height: 200px;
}

.adgn_prjct_mn.prjt_asgd {
    padding-right: 10px;
}

.prj_asng_intr .input_divs button.btn.btn-primary {
    margin: 10px 0;
}

.ad_frm_mn .input_divs:nth-child(4n) {
    margin-right: 0;
}

.ad_frm_mn .prj_asng_intr .input_divs {
    width: 49%;
}

.custom-control.custom-checkbox.cstm_chkt {
    padding: 0;
    justify-content: flex-start;
    position: relative;
}

.custom-checkbox.cstm_chkt .custom-control-label::before {
    left: 0;
    width: 20px;
    height: 20px;
}

td .custom-checkbox.cstm_chkt .custom-control-input:checked~.custom-control-label::after,
th .custom-checkbox.cstm_chkt .custom-control-input:checked~.custom-control-label::after {
    left: 6px;
    top: -7px;
    width: 7px;
    height: 12px;
}

.prj_edtdlt_btn a {
    padding: 6px;
}

.prj_edtdlt_btn a i.fa.fa-edit,
.prj_edtdlt_btn a i.fa.fa-trash {
    color: #5b5b5b;
}

.prj_edtdlt_btn a i.fa.fa-trash {
    background-color: transparent;
}

.prj_edtdlt_btn {
    position: absolute;
    top: 10px;
    right: 20px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.tsk_dtl_otr {
    background: #fff;
    padding: 20px;
    border-radius: 5px;
}

.tsk_dtl_otr .pjctmn_inr_rt h3 {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 15px;
    font-weight: 600;
}

.tsk_dtl_lst .pjctmn_inr_rt .pjm_dcspt {
    margin: 0;
}

.tsk_dtl_lst .pjct_info_dte li {
    width: 49%;
    margin: 0 0 20px;
}

.tsk_dtl_lst .pjct_info_dte {
    flex-wrap: wrap;
    justify-content: space-between;
}

.tsk_dtl_lst figure.prj_logo img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.tsk_dtl_lst figure.prj_logo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    background: #e5e5e5;
}

.modal-dialog {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.tsk_devlp {
    margin-top: 20px;
}

.befr_cmplt {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 83%;
    margin-bottom: 15px;
}

.tsk_devlp_inr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 50%;
}

.tmr_otr {
    padding-left: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.bg_typ_dv.bg_typ_btn a.btn {
    padding: 20px;
    width: 100%;
    font-size: 16px;
}

.bg_typ_dv.bg_typ_btn {
    padding: 0;
    background: transparent;
    overflow: hidden;
}

.tmr_otr span {
    padding-left: 5px;
}

.input_divs.tsk_dsc textarea {
    height: 200px;
}

.input_divs.tsk_dsc {
    width: 49.6%;
}

.ad_frm_mn.admlte .input_divs:nth-child(3n) {
    margin-right: 0;
}

.ad_frm_mn.admlte .input_divs {
    width: 32%;
}

.ad_frm_mn.admlte .input_divs.tsk_dsc {
    width: 66%;
}

.dcs_otr {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 16px;
}

.dcs_inrlst {
    width: 24%;
    background: #fff;
    border-radius: 14px;
    padding: 20px;
    position: relative;
    /* margin-right: 15px;
    margin-bottom: 15px; */
}

.dcs_inrlst:nth-child(3n) {
    margin-right: 0;
}

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

.attchd_dcs a {
    /* height: 100px;
    width: 100px; */
    height: 40px;
    width: 40px;
    overflow: hidden;
    margin-right: 10px;
    border: solid 1px #ddd;
    border-radius: 5px;
    padding: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.attchd_dcs a img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.attchd_dcs a i {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s all;
}

.attchd_dcs a:hover i {
    background-color: #0000008c !important;
    color: #fff !important;
    opacity: 1;
    transition: 0.3s all;
}

.attchd_dcs select {
    width: 50%;
    margin-left: auto;
}

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

.dtem_dv h4 {
    /* font-size: 16px; */
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    padding-right: 30px;
}

.dcs_inrlst h3 {
    font-size: 20px;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.attchd_dcs a:last-child {
    margin-right: 0;
}

.dtem_dv h4:last-child {
    padding-right: 0;
}

.upld_by .upld_prsn {
    background: #DAEFFF;
    color: #002033;
    padding: 7px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    border-radius: 4px;
    font-size: 15px;
    line-height: normal;
    font-weight: 600;
    margin-left: 20px;
}

.upld_by p {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.dcs_inrlst h3 a {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
}

.upld_by p:last-child {
    padding-bottom: 0;
}

.upld_dcs {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.upld_dv {
    background: #F9FAFF;
    width: 130px;
    height: 130px;
    border: solid 2px #D4DCFF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-right: 40px;
    overflow: hidden;
}

.upld_dv .doc-icon {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.upld_dv input {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.upld_dv img {
    height: 60px;
}

.aded_fle_inr .remvefl img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.aded_fle_inr .remvefl {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #000;
    border-radius: 50%;
    overflow: hidden;
    height: 25px;
    width: 25px;
    padding: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aded_fle_inr {
    background: #dadada;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    border-radius: 14px;
    padding: 20px;
    height: 130px;
    width: 130px;
    margin-right: 20px;
}

.aded_fle_inr:last-child {
    margin-right: 0;
}

.aded_fle {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.dcs_otr.clntup_dv h3,
.dcs_otr.clntup_dv p {
    margin-bottom: 10px;
}

.tsk_dtl_otr .pjctmn_inr_lt {
    width: 40%;
}

.tsk_dtl_otr .pjctmn_inr_rt {
    width: 55%;
}

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

.bg_typ {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.bg_typ_sts {
    color: #0093FF;
    padding-left: 10px;
}

.bg_typ_dv {
    width: 40%;
    background: #C6E2F7;
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    margin-right: 20px;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.input_divs.clnt_desct textarea {
    width: 100%;
    display: flex;
}

.ad_frm_mn.adcntl .input_divs {
    width: 55%;
    margin-right: 0;
}

.up_dcdv {
    width: 100%;
}

.relse_dv .dcs_inrlst h3 {
    position: relative;
    z-index: 1;
}

.relse_tg {
    background: #DFEDF2;
    font-size: 15px;
    display: block;
    position: absolute;
    right: 0;
    top: -10px;
    padding: 5px 15px;
    border-radius: 5px;
    color: #008BF2;
}

.relse_tg.danger_rel {
    background: #ffd9d9;
    color: #ff1717;
}

.relse_tg.success_rel {
    background: #d5ffc9;
    color: #49a700;
}

td.desc,
th.desc {
    max-width: 190px;
}

.mtl_lnbks_otr {
    width: 100%;
}

.mtl_lnbks {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.ad_flds img {
    height: 100%;
    width: 100%;
    filter: grayscale(1) brightness(10);
    position: relative;
    top: -1px;
}

.ad_flds {
    background: #007bff;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    position: relative;
    padding: 5px;
    top: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: normal;
}

.ad_flds.del_flds {
    background: #c00;
}

.ad_frm_mn .tstrew_desct {
    width: 100%;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.ad_frm_mn .tstrew_desct .input_divs {
    width: 45%;
    margin-right: 0;
}

.ad_frm_mn.atstreq .input_divs label {
    display: block;
}

.ad_frm_mn.atstreq .input_divs h4,
.ad_frm_mn.atstreq .input_divs p {
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #202020;
    width: 100%;
}

.tbng_mnhd_rt a {
    display: flex;
    align-items: center;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #202020;
    cursor: pointer;
}

.tbng_mnhd_rt a i {
    background: #0093ff;
    color: #fff;
    height: 22px;
    width: 22px;
    overflow: hidden;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    margin-left: 8px;
    font-size: 13px;
}

.tsk_devlp.qa_ddv {
    width: 100%;
    margin-bottom: 20px;
}

.bugs_proprty {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.bugs_proprty.bugs_proprty_btm .input_divs textarea {
    height: 200px;
}

.bugs_proprty.bugs_proprty_btm .input_divs {
    width: 40%;
}

.tstng_stps,
.when_pass,
.when_rejected,
.when_failed {
    width: 100%;
}

.tstng_stps {
    margin-bottom: 10px;
}

.tstng_stps button {
    opacity: 0.5;
}

.tstng_stps button.selected {
    opacity: 1;
}

.mnger_prt {
    width: 100%;
}

.dfrr_dv .bugs_proprty.bugs_proprty_btm .input_divs {
    width: 32%;
}

.dfrr_dv {
    margin-top: 10px;
}

.when_pass,
.when_rejected,
.when_failed {
    display: none
}

.when_pass.selected,
.when_rejected.selected,
.when_failed.selected {
    display: block
}

.bg_typ_dv.bg_typ_btn a.btn.btn-primary {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}


/**project managment Page new designs css end**/

.exp_otr {
    text-align: right;
    margin-bottom: 0;
    position: fixed;
    top: 58px;
    z-index: 100;
    right: 180px;
}

.resme_dv {
    width: 49%;
    background: #f1f1f1;
    padding: 20px;
    border-radius: 5px;
}

.off_cndi_mnn {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    max-height: calc(100vh - 320px);
    overflow-y: auto;
    padding-right: 6px;
}

.off_cndi_mnn .form_modal_outer {
    width: 50%;
    flex-wrap: wrap;
}

.ofrd_pro_mn {
    width: 100%;
    margin-bottom: 10px;
}

.ofrd_pro_inr {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.ofrd_pro_mn h3 {
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    margin-bottom: 10px;
    color: #002033;
}

.ofrd_pro_mn {
    width: 100%;
    margin-bottom: 10px;
    background: #f1f1f1;
    padding: 10px;
    border-radius: 5px;
}

.ofrd_pro_mn .input_divs h5 {
    font-size: 12px;
}

.of_anamt .ofrd_pro_inr {
    width: 100%;
}

.of_anamt .ofrd_pro_inr .input_divs {
    width: 100%;
}

span.optinl {
    font-size: 14px;
    line-height: normal;
    color: #3e3e3e;
}

.ofrd_pro_inr .cmbd_dv {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.ofrd_pro_inr .cmbd_dv .input_divs {
    width: 48%;
}

.tsk_dtl_otr .pjctmn_inr_lt {
    width: 52%;
}

.tsk_dtl_otr .pjctmn_inr_rt {
    width: 48%;
}

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

.bg_typ {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.bg_typ_sts {
    color: #0093FF;
    padding-left: 10px;
}

.bg_typ_dv {
    width: 40%;
    background: #C6E2F7;
    text-align: center;
    padding: 20px;
    border-radius: 14px;
    margin-right: 20px;
    font-size: 16px;
    line-height: normal;
    font-weight: 500;
    color: #404040;
}

.of_anamt .card:last-child {
    margin-bottom: 0;
}

.of_anamt .card-header h5 {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
    color: #202020;
}

.of_anamt .card-header p {
    font-size: 13px;
}

.of_anamt .card {
    border: solid 1px #ddd;
    box-shadow: unset;
    padding: 10px;
    border-radius: 5px;
    background: #ffffff;
}

.of_anamt .card .rtng_gvr h5 {
    font-size: 14px;
    font-weight: 600;
    color: #202020;
    margin-bottom: 1px;
    text-transform: capitalize;
}

.of_anamt .card .rtng_gvr h6 {
    font-size: 13px;
    font-weight: 400;
    color: #202020;
}

.of_anamt .card .rtng_gvr {
    margin-bottom: 10px;
}

.of_anamt .card .card-body {
    padding: 10px 0px;
    background: #fff;
    border: unset;
}

.off_cndi_inr .card .card-header {
    cursor: pointer;
}

.of_anamt .bx_3 .bx {
    width: 49%;
}

.of_anamt .off_cndi_inr .card {
    background: #fff;
    border: solid 1px #ddd;
    padding: 10px;
}

.of_anamt .bx.smmry_bxs h5 {
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
    color: #202020;
    margin-bottom: 6px;
}

.of_anamt .bx.smmry_bxs h6 {
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    color: #202020;
}

.of_anamt .bx.smmry_bxs p {
    font-size: 12px;
    line-height: normal;
    font-weight: 400;
}

.off_cndi_inr .of_anamt .card .card-body {
    max-height: unset;
    overflow-y: unset;
}

.exp_otr {
    text-align: right;
    margin-bottom: 0;
    position: fixed;
    top: 58px;
    z-index: 100;
    right: 180px;
}

.pge_dshlft {
    width: 100%;
}

.prv_mdl {
    height: 90vh;
    overflow-y: scroll;
    padding-right: 5px;
}

.actn_btns button {
    padding: 5px 10px;
    font-size: 12px;
    margin: 5px 0px;
}

.actn_btns a {
    padding: 5px 10px;
    font-size: 12px;
}

.prjt_sts_bg {
    padding-top: 15px;
}

.prjt_sts {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    width: auto;
    display: inline;
    padding: 3px 10px;
    border-radius: 0px 10px 0px 0px;
    position: absolute;
    left: 0;
    bottom: 0px;
}

.no_data2 {
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.dnld_btn {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 3px 8px;
    border-radius: 0px 14px 0px 14px;
    background: transparent;
    transition: background 0.5s;
    cursor: pointer;
}

.dnld_btn:hover {
    transition: background 0.5s;
    background: #072033;
    color: #fff;
}

.pending_bg {
    background: #ed9a32;
}

.on-going_bg {
    background: #007eff;
}

.hold_bg {
    background: #ff6a6a;
}

.completed_bg {
    background: #2e9f00;
}

.delivered_bg {
    background: #00cba5;
}

.maintenance_bg {
    background: #a94e00;
}

.delay_task_bg {
    background: #dc3545;
}



.pass_bg {
    background: #099100;
    color: #fff;
}

.rejected_bg {
    background: #FFC5CF;
    color: #fff;
}

.failed_bg {
    background: #FFC5CF;
    color: #fff;
}

.prjt_sts h4 {
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    color: #000;
}
.prjt_sts span{
    padding: 5px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #000;
}
.cnd_dt_otr {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
}

.cnd_dt_otr .rect_tbing {
    width: 12%;
}

.cnd_dt_otr .rect_tbing ul li {
    width: 100%;
    border-bottom: 4px solid #eaeaea;
}

.cnd_dt_otr .admin_table {
    width: 85%;
}

.no_wrap {
    white-space: nowrap;
}

.released {
    background-color: #008000;
    color: white;
}

.d_flex.notfi_hd {
    margin-top: 5px;
    padding-right: 15px;
}

.not_released {
    background-color: #ff0000;
    color: white;
}

span.bg_typ_sts {
    color: white;
}

.modal_main_div {
    display: flex;
    justify-content: end;
}


/* div#notificationdiv {
    overflow: scroll;
    width: 100%;
} */

.scrol_model {
    overflow: scroll;
}

.modal-body1 {
    padding: 10px 20px 50px;
}

.proj_main_sts {
    width: 25%;
}

.project-main-heading {
    display: flex;
}

.project-main-heading h3 {
    margin-right: 41px;
}


/**Responsive Start**/

@media(max-width:1700px) {
    .nav-sidebar .nav-link p {
        font-size: 13px;
    }
    .sidebar {
        padding-bottom: 20px;
    }
    .tool_tip_mn p {
        width: 80px;
    }
    td.lve_apprvl.lve_apprvlstats,
    th.lve_apprvl.lve_apprvlstats {
        width: 130px;
        vertical-align: middle;
    }
    td.actic_dvi,
    th.actic_dvi {
        width: 70px;
    }
    td.lve_apprvl {
        vertical-align: middle;
    }
    .card_list {
        padding: 10px 13px;
    }
    .crd_cntnt h3 {
        font-size: 14px;
    }
    li.nav-item figure {
        height: 35px;
        width: 35px;
    }
    .nav-sidebar>.nav-item a img {
        height: 20px;
        width: 20px;
    }
    .nav-sidebar>.nav-item {
        margin-bottom: 15px;
    }
    
    .hly_lst h4 {
        font-size: 13px;
    }
    .dsh_lft {
        width: 68%;
    }
    .dsh_sdrbr {
        width: 30%;
    }
    .lft_sortng {
        width: 45%;
    }
    .dly_leve_dates {
        width: 75%;
    }
    .dly_leve_usrdtl {
        width: 25%;
    }
    .cstm_clndr {
        width: 75%;
    }
    .mth_dv {
        width: 25%;
    }
    .week_dv span {
        font-size: 10px;
    }
    .mnth_sldrdv h4 {
        font-size: 16px;
    }
    .user_dtl h5 {
        font-size: 12px;
    }
    .user_dtl h3 {
        font-size: 14px;
    }
    .usr_lsng {
        padding: 10px 10px;
    }
    .dly_leve_dates .week_dv {
        min-height: 54px;
    }
    span.leve_cunt {
        font-size: 12px;
    }
    .vw_prflft {
        width: 25%;
    }
    .vw_prfrgt {
        width: 73%;
    }
    .pro_usrtdtl h3 {
        font-size: 16px;
    }
    .pro_usrtdtl h5 {
        font-size: 13px;
    }
    .pro_usrtdtl h4 {
        font-size: 15px;
    }
    .pref_title h3 {
        font-size: 15px;
    }
    .pref_bx h3 {
        font-size: 14px;
    }
    .pref_bx p {
        font-size: 13px;
        line-height: 18px;
    }
    .sub_main_heading h2 {
        font-size: 35px;
    }
    .sub_main_heading h2 span {
        font-size: 26px;
    }
    .pro_int_otr {
        width: 70%;
    }
    .dsr_wrkd_hrs_clc ul li {
        width: 25%;
    }
    .cnd_fdmdl .modal-dialog {
        max-width: 700px;
    }
    .vw_prfmn.vew_intr_profl .vw_prflft {
        width: 20%;
    }
    .prfl_page .vw_prfmn.vew_intr_profl .vw_prflft {
        width: 100%;
    }
    .prfl_page .pro_usrtdtl {
        width: 50%;
    }
    .off_cndi_lft ul li a {
        opacity: 0.6;
        cursor: default;
    }
    .off_cndi_lft ul li a {
        width: 75%;
    }
    .cnd_fdmdl .modal-dialog {
        margin: 90px auto 30px;
        height: auto;
    }
    /* .dcs_inrlst {
        width: 49%;
        margin-right: 0;} */
    /* .dcs_otr {
            justify-content: space-between;} */
    .tsk_lst_inr {
        /* width: 32%; */
        /* margin: 15px 0px 0px 0; */
    }
    /* .tsk_lst {
                justify-content: space-between;
            } */
    /* .tsk_lst_inr:nth-child(3){margin-top:15px;} */
    .bg_typ_dv {
        width: 45%;
    }
    .bg_typ_sts {
        padding-left: 0;
        width: 100%;
        display: block;
        padding-top: 2px;
    }
}

.main-header .admn_logo {
    display: none !important;
}

.navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
    margin-left: 20px;
    font-size: 14px;
    padding: 5px 10px;
}

.navbar-toggler {
    display: none !important;
}

.dash_tgl {
    float: right;
    color: #000;
    border-color: #000;
    margin-right: 20px;
    font-size: 14px;
    padding: 5px 10px;
}

@media(max-width:1500px) {
    .main-sidebar .nav-sidebar .nav-item>.nav-link span {
        height: 30px;
        width: 30px;
    }
    .main-sidebar .nav-sidebar .nav-item>.nav-link svg {
        width: 20px;
    }
    .admin_table th {
        font-size: 13px;
    }
    .admin_table td {
        font-size: 13px;
        line-height: normal;
    }
    .user_detail_table h2 {
        font-size: 13px;
    }
    td.lve_apprvl.lve_apprvlstats,
    th.lve_apprvl.lve_apprvlstats {
        width: 110px;
        vertical-align: middle;
    }
    td.actic_dvi,
    th.actic_dvi {
        width: 60px;
    }
    .crd_cntnt h3 {
        font-size: 14px;
    }
    .select-selected {
        font-size: 13px;
    }
    .form_outer {
        width: 520px;
        padding: 30px 50px;
    }
    td .form_control,
    td .form-control {
        font-size: 13px;
    }
    .off_cndi_mn {
        height: auto;
    }
    .cnd_fdmdl .modal-dialog {
        margin: 160px auto 30px;
    }
    .prj_lstng_lt {
        width: 55%;
    }
    .prj_lst_mn {
        justify-content: space-between;
    }
    .prj_lst_inr {
        width: 49%;
        margin-right: 0;
    }
    .prj_lst_inr:nth-last-child(-n+2) {
        margin-bottom: 0;
    }
    .prj_lst_inr:nth-last-child(-n+3) {
        margin-bottom: 15px;
    }
    .prj_lstng_rt {
        width: 42%;
    }
    .relse_nts_lst {
        padding: 20px 20px;
    }
    .relse_nts_lst h4 {
        font-size: 14px;
    }
    .relse_nts_lst h5 {
        font-size: 13px;
    }
    .prj_lstng_rt h3 {
        font-size: 18px;
    }

    /* .prj_ntfi {padding:30px 30px;} */
    .ofrd_pro_inr .input_divs {
        width: 49%;
    }
    .ofrd_pro_inr .cmbd_dv .input_divs {
        width: 100%;
    }
    .ofrd_pro_inr .cmbd_dv {
        flex-wrap: wrap;
    }
    .ad_frm_mn .input_divs {
        width: 32%;
    }
    .ad_frm_mn .input_divs:nth-child(4n) {
        margin-right: 15px;
    }
    .ad_frm_mn .input_divs.tsk_dsc {
        width: 65%;
    }
    .ad_frm_mn.atstreq .input_divs {
        width: 24%;
    }
    .ad_frm_mn.atstreq .tstrew_desct .input_divs {
        width: 45%;
    }
    .ad_frm_mn.atstreq .bugs_proprty.bugs_proprty_btm .input_divs {
        width: 40%;
    }
    .ad_frm_mn.atstreq .dfrr_dv .bugs_proprty.bugs_proprty_btm .input_divs {
        width: 32%;
    }
}

@media(max-width:1400px) {
    .admin_table td.leave_infor h4 span {
        display: block;
    }
    
    .tsk_lst_inr {
        width: 49%
    }
    .tsk_lst_inr2 {
        width: 32%
    }
}

@media(max-width:1200px) {
    .sidebar li.nav-item.dropdown:hover .dropdown-menu,
    .sidebar li.nav-item.dropdown .dropdown-menu.show,
    .sidebar li.nav-item.dropdown:hover .dropdown-menu.show {
        left: 90px !important;
    }
    .modal.right.fade.in .modal-dialog,
    .modal.right.fade.show .modal-dialog {
        right: -3px;
    }
    .navbar-expand .navbar-nav .dropdown-menu {
        position: absolute;
        top: 40px !important;
    }
    .dsh_stckydv {
        position: relative;
        top: 0;
    }
    .dsh_sdrbr {
        width: 40%;
        position: fixed;
        right: 0;
        box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
        top: 95px;
        max-height: 700px;
        overflow-y: auto;
        z-index: 999;
        border-radius: 5px;
    }
    .dsh_lft {
        width: 98%;
    }
    .dsh_sdrbr {
        display: none;
    }
    .dsh_mndv {
        margin-top: 12px;
    }
    .layout-fixed .main-sidebar {
        top: 48px;
    }
    .main-sidebar .admn_logo {
        display: none !important;
    }
    .main-sidebar,
    .main-sidebar::before {
        width: 90px;
    }
    .dsh_spcng {
        padding: 110px 20px 0;
    }
    .content-wrapper {
        margin-left: 0 !important;
    }
    .navbar-toggler {
        display: block !important;
    }
    .main-header .admn_logo {
        display: block !important;
    }
    .main-sidebar {
        display: none;
    }
    nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
        margin-left: 0px !important;
    }
    .pge_hds {
        margin-left: 0px;
        ;
    }
    .sub_main_heading P {
        font-size: 15px;
    }
    .custom-control-label {
        font-size: 13px;
    }
    .custom-control-input {
        width: 17px;
        height: 17px;
    }
    .custom-checkbox .custom-control-label::before {
        width: 17px;
        height: 17px;
    }
    .custom-control-label::after {
        width: 17px;
        height: 17px;
    }
    .forgot_password_name a {
        font-size: 13px;
    }
    .forgot_password_name a img {
        width: 28px;
    }
    nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
        margin-left: 240px;
    }
    .frm-ctr {
        min-width: 33%;
    }
    .d-flex.pr-3 {
        width: 100%;
        margin-bottom: 10px;
    }
    th,
    td {
        width: 150px;
    }
    table {
        width: 1300px !important;
        max-width: 1300px !important;
    }
    .attc_ltcmr_dv {
        flex-wrap: wrap;
    }
    .attdnce_chrts {
        width: 100%;
        margin-bottom: 30px;
    }
    .attdnce_chrts:last-child {
        margin-bottom: 0px;
    }
}

@media(min-width:992px) {
    .sidebar-mini.sidebar-collapse .main-sidebar.sidebar-focused,
    .sidebar-mini.sidebar-collapse .main-sidebar:hover {
        width: 80px;
    }
    .sidebar-mini.sidebar-collapse .content-wrapper,
    .sidebar-mini.sidebar-collapse .main-footer,
    .sidebar-mini.sidebar-collapse .main-header {
        margin-left: 60px!important;
    }
}

@media(min-width:768px) {
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        margin-left: 60px;
    }
}

@media(max-width:992px) {
    .log_outr {
        height: 100vh !important;
    }
    .vw_prflft {
        width: 38%;
    }
    .vw_prfrgt {
        width: 60%;
    }
    .inner_pages_heading .lft_sortng {
        width: 100%;
        margin-bottom: 10px;
    }
    .slry_mangmnt .inner_pages_heading .lft_sortng {
        width: 20%;
        margin-bottom: 0;
    }
    .inner_pages_heading .serach_edit .srch_inputs {
        width: 100%;
    }
    .sde_drpinnr {
        min-width: 200px;
    }
    .custom-checkbox .custom-control-label::before {
        width: 20px;
        height: 20px;
    }
    .main-sidebar,
    .main-sidebar::before {
        width: 90px !important;
    }
    .dash_tgl {
        margin-right: 0px;
    }
    .comman_space {
        margin-top: 20px;
    }
    .dsh_tpmnsc {
        margin-bottom: 20px;
    }
    .dsh_tpmnsc:last-child {
        margin-bottom: 0px;
    }
    .card_list {
        width: 49%;
        border-right: unset;
        border-radius: 10px;
        justify-content: flex-start;
        position: relative;
        background-color: #e8f3cd94 !important;
    }
    .card_list:nth-child(2) {
        background-color: #e2daef80 !important;
    }
    .card_list:nth-child(3) {
        background-color: #b9eede75 !important;
    }
    .card_list:nth-child(4) {
        background-color: #ffdaa694 !important;
    }
    .cards_inner_salry .card_list {
        background-color: #bfdfffb5 !important;
    }
    .cards_inner_salry .card_list:nth-child(2) {
        background-color: #edffa47d !important;
    }
    
    .card_list::after {
        position: absolute;
        content: "";
        background: #fffdfd45;
        width: 80px;
        height: 80px;
        border-radius: 100px;
        bottom: -16px;
        right: -26px;
    }
    .card_list:nth-child(2n) {
        margin-right: 0px;
    }
    .dashboard_banner h2 {
        font-size: 25px;
    }
    .cards_inner_salry .card_list {
        width: 49%;
    }
    .btn {
        padding: 10px;
    }
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        margin-left: 4.6rem;
    }
    .sidebar-mini.sidebar-collapse .main-sidebar,
    .sidebar-mini.sidebar-collapse .main-sidebar::before {
        margin-left: 0;
        width: 4.2rem;
    }
    ul.navbar-nav.rgt_nav_dv li.nav-item a {
        font-size: 15px;
    }
    .icon_image .fa {
        font-size: 20px;
    }
    .card_list h3 {
        margin: 10px 0 8px;
        font-size: 17px;
    }
    .dsr_innr {
        flex-direction: column;
    }
    .dsr_form_sent {
        width: 100%;
    }
    .dsr_caldenr_dv {
        width: 100%;
    }
    body {
        position: relative;
        z-index: 1;
    }
    .log_outr {
        height: auto;
        padding: 30px 0;
    }
    .log_outr::before {
        height: 100vh;
    }
    .log_outr::after {
        height: 100vh;
    }
    .log_outr {
        position: unset;
    }
}

@media(max-width:767px) {
    .slry_mangmnt .pge_hds {
        flex-wrap: wrap;
        min-height: 75px;
    }
    .calendar .pignose-calendar .pignose-calendar-header {
        padding: 0 2px !important;
    }
    .calendar .pignose-calendar .pignose-calendar-header .pignose-calendar-week {
        font-size: 12px !important;
        width: 14.28% !important;
    }
    .calendar .pignose-calendar .pignose-calendar-top .pignose-calendar-top-nav .pignose-calendar-top-icon {
        font-size: 130% !important;
    }
    .calendar .pignose-calendar .pignose-calendar-top .pignose-calendar-top-month {
        font-size: 85% !important;
    }
    .calendar .sidebar li.nav-item.dropdown:hover .dropdown-menu,
    .sidebar li.nav-item.dropdown .dropdown-menu.show,
    .sidebar li.nav-item.dropdown:hover .dropdown-menu.show {
        left: 56px !important;
    }
    .calendar .pignose-calendar .pignose-calendar-body {
        padding: 2px !important;
    }
    .calendar .pignose-calendar .pignose-calendar-unit a {
        width: 28px;
        height: 28px;
        font-size: 13px;
    }
    .notfi_hd .btn {
        padding: 8px;
        font-size: 13px;
    }
    .nav-sidebar .dropdown-toggle::after {
        top: 2px;
    }
    .nav-sidebar>.nav-item a img {
        height: 18px;
        width: 18px;
    }
    li.nav-item figure {
        height: 30px;
        width: 30px;
    }
    .attd_cln_div {
        width: 13%;
    }
    .inr_frmoutr {
        overflow: hidden;
        overflow-x: auto;
    }
    .inr_attdn_otr {
        min-width: 800px;
        overflow-x: auto;
    }
    .xdsoft_datetimepicker .xdsoft_calendar table {
        width: 100% !important;
    }
    .inner_page_outer {
        padding: 120px 20px 0;
    }
    .notfi_hd {
        margin-bottom: 0px;
        margin-top: 40px !important;
        padding-right: 10px !important;
    }
    .pge_dshlft .clk_inrbtnoutr {
        width: 20%;
    }
    a.btn.btn_secondary.clock_in {
        padding: 9px 10px;
        font-size: 13px;
    }
    .expnd_scrh_br {
        padding: 5px;
    }
    .srch_expd_tp {
        margin-top: 6px;
    }
    .expnd_src_slint {
        width: 100%;
    }
    .no_noty {
        font-size: 14px;
    }
    .noti_inr h4 {
        font-size: 18px;
    }
    .modal.right.fade.in .modal-dialog,
    .modal.right.fade.show .modal-dialog {
        width: 95% !important;
    }
    .pge_hds {
        padding: 10px 12px 10px 30px;
    }
    .dsh_sdrbr {
        width: 70%;
        height: 420px !important;
    }
    .intr_hd h4 {
        font-size: 16px;
    }
    .card_list::after {
        width: 70px;
        height: 70px;
    }
    .crd_cntnt h4 {
        margin-bottom: 0;
    }
    .card_list h3 {
        font-size: 16px;
        margin: 0;
    }
    .cards_inner_salry .card_list {
        width: 100%;
    }
    .cards_inner_salry .card_list:last-child {
        margin-bottom: 0;
    }
    .content-wrapper {
        padding-left: 0px !important;
    }
    .dsh_spcng {
        padding: 100px 10px 0;
    }
    .dsh_lft {
        width: 97%;
    }
    .dashboard_banner h2 {
        font-size: 20px;
    }
    .mr-2 {
        margin-right: 0!important;
    }
    .pbr {
        padding-bottom: 8px;
    }
    .stat_innr {
        flex-direction: column;
    }
    .stats-info {
        width: 100%;
        margin-bottom: 10px;
    }
    ul.navbar-nav.datepicker {
        flex-direction: row-reverse;
    }
    .salary-mnth {
        flex-direction: column;
        width: 100%;
    }
    .mx-3 {
        margin-left: 0rem!important;
    }
    .mx-2 {
        margin-left: 0rem!important;
    }
    .profile_inner .btn-outer {
        width: auto;
    }
    ul.navbar-nav a.nav-link {
        width: 35px;
    }
    .status_dsr ul li {
        width: 49%;
    }
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .content-wrapper,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer,
    body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-header {
        margin-left: 4.1rem;
    }
    .input_divs.input_checkdivs {
        flex-direction: column;
        align-items: flex-start;
    }
    .cmbnd_dv {
        flex-direction: column;
    }
    .cmbnd_dv .input_divs {
        width: 100%;
        margin-bottom: 8px !important;
    }
    .status_dsr {
        margin-top: 20px;
    }
    .inner_pages_heading .btn-outer {
        flex-wrap: wrap;
        gap: 8px;
        margin-left: 0;
        margin-bottom: 10px;
        width: 100%;
    }
    .notfi_hd .btn {
        margin-bottom: 10px;
    }
    .notfi_hd .btn:last-child {
        margin-bottom: 0px;
    }
    .comman_space {
        margin-top: 10px;
    }
    select.form_control.mx-3 {
        margin: 0!important;
    }
    .inner_pages_heading .btn-outer button {
        margin-right: 0;
    }
    .inner_pages_heading h3 {
        margin-bottom: 10px;
        width: 100%;
    }
    .d-flex.pr-3 {
        padding-right: 0!important;
    }
    .search-bar-outer {
        margin-bottom: 10px;
        width: 100%;
    }
    .search-bar label {
        justify-content: flex-end;
    }
    .profile_inner {
        padding: 10px;
        margin: 10px 0;
    }
    .back_arrow figure {
        width: 22px;
    }
    .profile_inner .sub_main_heading h2 {
        font-size: 18px;
    }
    .form_modal_outer .input_divs {
        width: 100%;
    }
    .document.detail.detail_address .input_divs {
        width: 100%;
    }
    .document.detail .input_divs {
        width: 100%;
    }
    .user_detail {
        flex-direction: column;
    }
    .login_rgt {
        padding: 170px 0 0;
        width: 100%;
    }
    .login_rgt figure {
        width: 220px;
    }
    .sub_main_heading {
        margin: 0px 0 30px;
    }
    .login_lft .btn-outer {
        text-align: center;
    }
    .sub_main_heading P {
        font-size: 15px;
    }
    .input_divs label {
        font-size: 14px;
    }
    .form_control {
        font-size: 14px;
        padding: 12px;
    }
    .forgot_password {
        margin-top: 20px;
    }
    .back_to_login h3 {
        font-size: 16px;
    }
    .dashboard_banner {
        flex-direction: column;
        padding: 0px 0 10px;
    }
    .dashboard_banner h4 {
        font-size: 18px;
    }
    .left_side_dashboard {
        padding: 0;
    }
    .left_side_dashboard h2 {
        font-size: 24px;
        font-weight: bold;
    }
    .right_side_banner figure {
        width: 230px;
    }
    .card_list {
        width: 100%;
        margin-bottom: 10px;
        padding: 15px;
    }
    .cards_inner {
        flex-direction: column;
    }
    .left_section_third {
        width: 100%;
    }
    .right_section_third {
        width: 100%;
    }
    .item_slide {
        padding: 25px 15px 20px 15px;
    }
    .user_image {
        width: 60px;
        height: 60px;
    }
    .user_image figure {
        width: 40px;
        height: 40px;
    }
    .detail_employee {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
    }
    .detail_employee h5 {
        padding: 4px 0 13px;
    }
    .content-wrapper {
        padding-left: 23px;
    }
    .form_outer {
        width: 90%;
        padding: 20px 20px;
    }
    .sub_main_heading h2 {
        font-size: 25px;
    }
    .sub_main_heading h2 span {
        font-size: 20px;
    }
    .logo img {
        max-width: 140px;
    }
    .logo {
        margin-bottom: 30px;
    }
    .pge_dshlft {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .serach_edit {
        margin-top: 5px;
    }
    .slry_mangmnt .serach_edit {
        margin-top: 0px !important;
    }
    .srch_inputs {
        width: 100%;
    }
    .dropdown-menu.filtr_drop.show {
        width: 310px;
        right: -30px !important;
    }
    .wrning_outside {
        width: 90% !important;
    }
    .noti_lst_lft {
        width: 100%;
    }
    .vew_leve_dv {
        width: 100%;
    }
    .innr_pgesfrm {
        padding: 120px 20px 0;
    }
    .pro_hdtp+.dropdown-menu {
        width: 200px;
    }
    nav.main-header.navbar.navbar-expand.navbar-white.navbar-light {
        padding: 10px 10px;
    }
    .admn_logo {
        padding: 10px 10px 10px 0;
    }
    .main-sidebar,
    .main-sidebar::before {
        width: 55px !important;
    }
    .brand_logo img {
        width: 26px !important;
    }
    .navbar-light .navbar-toggler {
        margin-left: 0px;
    }
    .vew_leve_dv label,
    .vew_leve_dv label:not(.form-check-label):not(.custom-file-label) {
        font-size: 15px;
    }
    .dsr_wrkd_hrs_clc h4 {
        font-size: 16px;
    }
    .wrked_hors h5 {
        font-size: 16px;
    }
    .dsr_wrkd_hrs_clc ul li {
        width: 49%;
        margin-bottom: 5px;
    }
    .dsr_wrkd_hrs_clc ul li:last-child {
        margin-bottom: 0px;
    }
    .wrked_hors span {
        font-size: 13px;
    }
    .dsr_ur_dtl h3 {
        font-size: 18px;
    }
    .vw_prflft {
        width: 100%;
    }
    .vw_prfrgt {
        width: 100%;
    }
    .pro_usrtdtl h3 {
        font-size: 15px;
    }
    .pri_fledv {
        height: 80px;
        width: 80px;
    }
    .sb_letters {
        font-size: 30px;
    }
    .lfbttmsd h4 {
        font-size: 15px;
    }
    .vw_prfrgt .nav-tabs .nav-link {
        font-size: 13px;
        padding: 7px 20px;
    }
    .pge_hds_rgt .btn-outer .btn {
        padding: 7px 8px;
        font-size: 13px;
        font-weight: 500;
    }
    .btn.export_bttn {
        width: 20px;
    }
    .emply_mngmnt_outrs .dropdown-menu.filtr_drop.show {
        width: 320px;
        right: -3px !important;
    }
    .emply_mngmnt_admin .pge_hds {
        min-height: 85px;
        flex-wrap: wrap;
    }
    .emply_mngmnt_admin {
        padding: 150px 20px 0;
    }
    .appr_otr .appr_mn {
        width: 100%;
    }
    .appr_otr .appr_lltr {
        width: 100%;
    }
    .pro_dscr select {
        width: 50% !important;
    }
    .slry_mangmnt {
        padding: 140px 20px 0;
    }
    div#documents .updte_prodv .pro_ds_dv {
        width: 49%;
    }
    .updt_pics {
        margin: -38px 10px 0px auto;
    }
    .mng_dprtmnt .pge_hds {
        min-height: 75px;
    }
    .mng_dprtmnt {
        padding: 140px 20px 0;
    }
    .mng_wrkrol .inner_page_outer {
        padding: 0px 20px 0;
    }
}

@media(max-width:480px) {
    .vw_profile{
     flex-wrap:wrap;
     max-height: 75px;
    }
    .vw_profile .pge_hds_rgt{
        margin-top:5px;
    }
    .innr_pgesfrm_prof{
        padding: 140px 20px 0;
    }
    .mng_dprtmnt {
        padding: 170px 20px 0;
    }
    .mng_dprtmnt .pge_hds {
        min-height: 108px;
    }
    .ad_propics {
        margin: 0 auto;
    }
    div#documents .updte_prodv .pro_ds_dv {
        width: 100%;
    }
    .slry_mangmnt {
        padding: 155px 20px 0;
    }
    .slry_mangmnt .pge_hds {
        min-height: 90px;
    }
    .slry_mangmnt .rgt_spc.ttl_cnt_leves {
        margin-top: 5px;
    }
    .ttl_cnt_leves p span {
        font-weight: 600;
        font-size: 13px;
    }
    .slry_mangmnt .pge_hds_rgt {
        margin-top: 5px;
    }
    .slry_mangmnt .inner_pages_heading .lft_sortng {
        width: 100%;
    }
    .pro_dscr_in {
        margin-top: 5px;
    }
    .pro_dscr .d-flex {
        flex-wrap: wrap;
    }
    .pro_dscr select {
        width: 100% !important;
        margin-left: 0 !important;
        margin-top: 8px;
    }
    .vw_prfrgt .nav-tabs .nav-link {
        font-size: 12px;
        padding: 7px 7px;
    }
    .emply_mngmnt_admin .pge_hds_rgt .rgt_spc {
        margin-bottom: 5px;
    }
    .form_modal_outer .appr_mn .input_divs {
        width: 100% !important;
    }
    .emply_reg {
        padding: 145px 20px 0;
    }
    .emply_reg .pge_hds {
        min-height: 80px;
    }
    .emply_reg .dropdown-menu.filtr_drop.show {
        right: -10px !important;
    }
    .emply_mngmnt_admin .pge_hds {
        min-height: 105px;
        flex-wrap: wrap;
    }
    .emply_mngmnt_admin {
        padding: 165px 20px 0;
    }
    .emply_mngmnt_outrs .bck_otr .btn {
        padding: 8px 12px;
    }
    .emply_mngmnt_outrs .dropdown-menu.filtr_drop.show {
        width: 300px;
        right: -5px !important;
    }
    .emply_mngmnt_outr {
        padding: 130px 20px 0;
    }
    .emply_mngmnt_outr .pge_hds {
        flex-wrap: wrap;
        min-height: 80px;
    }
    .emply_mngmnt_outr .pge_hds_rgt {
        margin-top: 5px;
    }
    .dsr_frm_dtl.salry_lrft_dv {
        padding: 0px;
    }
    .pro_dscr_in .pro_ds_dv {
        width: 100%;
        margin-bottom: 10px;
    }
    .actvy_pfribx label {
        padding-bottom: 5px !important;
    }
    .dsr_ur_img {
        height: 80px;
        width: 80px;
    }
    .dsr_usrdtl {
        margin-bottom: 14px;
    }
    .dsr_ur_img .sb_letters {
        font-size: 30px;
    }
    .dsr_ur_dtl {
        padding-left: 0px;
        margin-top: 10px;
        width: 100%;
    }
    .trple_dv .input_divs {
        width: 45%;
    }
    .dsr_wrkd_hrs_clc ul li {
        width: 100%;
    }
    .pge_hds_rgt .rgt_spc .btn-rgtdsr {
        width: 150px;
    }
    .inner_pages_heading .lft_sortng {
        margin-bottom: 0px;
    }
    .lft_sortng ul li {
        margin-right: 10px;
        margin-bottom: 5px;
    }
    .form_control {
        font-size: 13px;
        padding: 10px;
    }
    .admin_table td.leave_info_cntn h4 {
        font-size: 13px;
    }
    .serach_edit select,
    .serach_edit input {
        padding: 5px 8px;
        font-size: 13px;
    }
    .dropdown-menu.filtr_drop.show {
        width: 300px;
        right: -35px !important;
    }
    .noti_lst_lft h3 {
        font-size: 14px;
    }
    .noti_inr h4 {
        font-size: 16px;
    }
    .export_bttn {
        width: 15px !important;
    }
    .pge_hds {
        padding: 10px 12px 10px 12px;
    }
    .pge_hds h2 {
        font-size: 13px;
    }
    .ttl_cnt_leves p {
        font-size: 13px;
    }
    .sdd_hd h4 {
        font-size: 13px;
    }
    .vewmr a {
        font-size: 13px;
    }
    .dsh_sdrbr {
        width: 97%;
    }
    .dsh_mndv {
        margin-top: 32px;
    }
    .wrning_head {
        padding: 35px 5px 35px 12px;
    }
    .flt_clm ul {
        height: 30vh;
    }
    .clm_flttr .dropdown-menu {
        width: 100%;
    }
    .modal-body1 {
        padding: 10px 10px 20px;
    }
    .lftschd_dtl {
        margin-top: 5px;
    }
    .nav-tabs .nav-link {
        font-size: 12px;
        padding: 7px 5px;
    }
    .chts_inn_rgt a {
        margin-right: 10px !important;
    }
    .dashboard_banner h2 {
        font-size: 18px;
    }
    .dashboard_banner p {
        font-size: 14px;
    }
    .chts_innr h4 {
        font-size: 15px;
    }
    figure.highcharts-figure svg {
        width: 85%;
    }
    .pge_dshlft .clk_inrbtnoutr {
        width: 40%;
    }
    .status_dsr ul li {
        width: 100%;
        margin-bottom: 5px;
    }
    .status_dsr ul li:last-child {
        margin-bottom: 0px;
    }
    #customDsr .trple_dv .input_divs {
        width: 48%;
    }
}

.exp_otr {
    text-align: right;
    margin-bottom: 0;
    position: fixed;
    top: 58px;
    z-index: 100;
    right: 180px;
}

.team-members-list {
    max-width: 200px;
}

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

.hld_mile {
    margin-right: 12px !important;
}

.un-read {
    background: #5f90c538;
    padding: 10px;
}

.un-read .noti_lst_lft h3 {
    font-weight: 600;
}

.un-read .noti_lst_lft p {
    font-weight: 500;
}

.prjt_sts_bg.priority {
    font-size: 13px;
    font-weight: 600;
    width: auto;
    display: inline;
    padding: 3px 10px;
    border-radius: 10px 0px 10px 0px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.priority.high {
    background: #FFC5CF;
    color: #FF0000;
}

.priority.medium {
    background: #d1ecf1;
    color: #0c5460;
}

.priority.low {
    background: #fff3cd;
    color: #856404;
}

.priority.critical {
    background: #f8d7da;
    color: #721c24;
}

.priority.no-priority {
    background: #cdcbcb;
    color: #373636;
}

.in_progress {
    background-color: #099100 !important;
    color: #fff !important;
}

.completed {
    background-color: #099100 !important;
    color: #fff !important;
}

.task-management,
.test-request-management {
    margin-top: 10px;
}

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

.tsk_bx_inr {
    background: #f1f1f1;
    border: 1px solid #f0f0f0;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 13%);
    transform: translate(0, -5px);
    transition: ease-in .3s;
    width: 100%;
    margin-bottom: 20px;
}

.task-info {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.task-info h2 {
    font-size: 14px;
    background: #A0D9B4;
    padding: 5px 20px;
    border-radius: 5px;
    color: #000;
    font-weight: 500;
}

.hr_sc {
    width: 17%;
}

.hr_sc input[disabled],
input[readonly] {
    border: 1px solid var(--border-color);
    padding: 4px 10px;
    background: transparent !important;
    font-size: 12px;
    font-weight: 600;
    color: #000;
}

.hr_sc input {
    font-size: 12px;
    padding: 4px 10px;
    border-radius: 3px;
}

.task_lst li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
}

.task_lst li:last-child {
    margin-bottom: 0;
}

.task_lst li h3 {
    font-size: 15px;
    color: #000;
    font-weight: 400;
    line-height: 26px;
}

.task_lst li span {
    font-size: 14px;
    color: #8b8888;
    font-weight: 500;
    line-height: normal;
}

.task_lst {
    margin-top: 20px;
}

.hr_sc label {
    padding-bottom: 0 !important;
}

.form_control:hover,
.form_control:focus,
.form-control:hover,
.form-control:focus {
    border-color: #cfd7df;
}

.form-control:focus {
    box-shadow: unset;
}

.actvy_pfribx label {
    padding-bottom: 15px;
    font-weight: 600 !important;
}

.project_index .prj_lstng_lt {
    width: 100%;
}

.project_index .prj_lstng_rt {
    display: none;
}

.project_index .prj_lstng_lt .prj_lst_inr {
    width: 24% !important;
    margin-right: 15px;
}

.project_index .prj_lstng_lt .prj_lst_inr:nth-child(4n) {
    margin-right: 0px;
}

.project_index .prj_lst_mn {
    justify-content: flex-start;
}

.inner-filter {
    padding: 0px 15px 10px 0px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inner-filter .lft_sortng ul li {
    margin: 0;
}
.inner-filter .srtng_dv .cstm_main {
    width: 180px;
    padding: 0px 5px;
    height: 30px;
}

.clock_icon_new {
    position: absolute;
    right: 12px;
    bottom: 8px;
}

.btn.clear-task-filter {
    padding: 6px 10px;
}

.cstm_main .chosen-container-single .chosen-single {
    padding: 3px 0 0 8px;
    border: unset;
    height: 30px;
    font-size: 13px;
    font-weight: 500;
}

.cstm_main.active .chosen-single {
    background: #70a9ff8a !important;
    /* border: 2px solid #70a9ff; */
    border-radius: 5px;
}

.cstm_main .chosen-container-single .chosen-single div {
    top: 4px;
}

.inner-filter~.prj_lstng_mn.project_index {
    margin-top: 30px;
}

.noti_inr_title {
    text-align: center;
}

.meeting_lst li {
    list-style: circle;
    display: list-item;
}

.dtm_upld_dv {
    margin-top: 10px;
}

.inner-filter .lft_sortng {
    width: 100%;
}

.dtm_upld_dv {
    margin-top: 10px;
}

.relse_dv .dcs_inrlst {
    width: 32% !important;
}

.log_outr_bx .noti_lst {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    background: #eaf5ff;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
}

.log_outr_bx .noti_lst:last-child {
    margin-bottom: 0px;
}

.log_outr_bx .noti_lst .sb_letters {
    height: 40px;
    width: 40px;
    border-radius: 50px;
    margin-right: 15px;
    font-size: 20px;
}

.log_outr_bx ul {
    margin-top: 20px;
}

.log_outr_bx .add_actvy {
    top: 0;
    background: #f6ced5;
    width: auto;
    display: inline;
    padding: 4px 10px;
    border-radius: 0px 5px 0px 10px;
    position: absolute;
    right: 0px;
}

.log_outr_bx .add_actvy h3 {
    font-size: 13px;
    font-weight: 500;
    line-height: normal;
    color: #000;
}

.log_outr_bx span.nt_dtm {
    font-size: 15px;
    font-weight: 600;
}

.log_outr_bx span.nt_dtm:nth-child(2) {
    font-size: 13px;
    font-weight: 500;
    color: #666565;
}

.log_outr_bx h4 {
    font-size: 25px;
    font-weight: 600;
    color: #000;
    line-height: normal;
}

.task-list-test {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: 30px;
}

.vw_tst {
    justify-content: space-between;
}

.vw_tst .tk_lt {
    width: 100% !important;
}

.vw_tst .tk_lt li {
    width: 32%;
    margin-bottom: 10px;
    margin-right: 10px;
    list-style: decimal;
}

.vw_tst .tk_lt li:nth-child(3n) {
    margin-right: 0px;
}

.tk_lt a h4 {
    color: #4141c5 !important;
}

.cstm_main .chosen-container {
    width: 180px !important;
    margin-bottom: 10px;
}

.avatar-pic {
    height: 35px;
    width: 35px;
    margin-right: 15px;
}

.avatar-pic img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.doc_dv figure {
    overflow: hidden;
}

.doc_dv figure img {
    object-fit: contain;
}

.today-status {
    display: relative;
}

.today-status .status {
    content: "";
    position: absolute;
    height: 10px;
    width: 10px;
    background: #9f9b9b;
    border-radius: 50%;
    margin-left: 25px;
    margin-top: -25px;
}

.today-status .status.active {
    background-color: #35d26e;
    box-shadow: 0px 0px 3px 1px #35d26e;
}

.today-status .in-active {
    box-shadow: 0px 0px 3px 1px #9f9b9b;
}

.prjct_nm_hd {
    margin: 0;
    padding: 20px 0px 10px;
}

.prj_bx_outer {
    flex-direction: column;
}

.prj_bx_outer .tbng_mnhd {
    flex-direction: column;
    align-items: flex-start;
}

.prj_bx_outer .tbng_mnhd .tbng_mnhd_rt ul {
    margin: 5px 0px 0px 0px;
}

.prj_bx_outer .tbng_mnhd .tbng_mnhd_rt ul li {
    margin-bottom: 7px;
    padding: 0px 0px 0px 15px;
}

.prj_bx_outer .tbng_mnhd .tbng_mnhd_rt ul li a {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: normal;
}

.prj_bx_outer .tbng_mnhd .tbng_mnhd_rt ul li a .title {
    color: #128af0;
    margin-left: 7px;
}

.doc_dv.doc_resume_preview.ats-doc , .doc_dv.ats-doc {
    max-height: 39px;
}

.ats-doc a.resume_delete {
    margin-right: 0px;
}


.online {
    color: #099100 !important;
}
.offline {
    color: #d71133 !important;
}
.vw_atd {
    text-align: right;
    margin-bottom: 20px;
}
.pro_dscr_in2{
    flex-direction: column;
}
.pro_ds_dv_mn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: solid 1px #e3e3e3;
    padding: 15px 0px;
}
.pro_ds_dv_mn:last-child{
    border-bottom: 0;
}

.timr_lft {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    position: absolute;
    left: 12px;
    top: 8px;
}
.timr_lft h3 {
    font-size: 13px;
    color: #0066ff;
}
.timr_lft .input_divs label, label:not(.form-check-label):not(.custom-file-label) {

    margin: 0 0 -3px !important;

}
li.prj_lst_inr.prjct_list {
    min-height: 130px;
}
li.prj_lst_inr.prjct_list  .pj_inr_lt {
    padding-top: 10px;
}
.rsm_doc .pr_dcinn {width: 50% !important;}
.rsm_doc .pr_dcinn .well{border: 0; position: relative; min-height: 200px; min-width: unset; max-width: unset; width: 100%; margin: auto;display: flex;padding: 0;flex-direction: column;text-align: center;background-color: #fff;color: #3AA0FF;box-shadow: unset;}
.rsm_doc .attch_file:hover, .attch_file:focus {border-color: #E1E1E1;}
.rsm_doc .imageuploadify .imageuploadify-overlay {z-index: 10;width: 100%;height: 100%;position: absolute;flex-direction: column;top: 0;left: 0;display: none;font-size: 7em;background-color: rgba(242,242,242,.7); text-align: center;pointer-events: none;}
.rsm_doc .attch_file { border: 2px dashed #D2D2D2;}
.rsm_doc .imageuploadify .imageuploadify-images-list {display: inline-block;}
.rsm_doc .imageuploadify .imageuploadify-images-list i {display: block;font-size: 50px;text-align: center;margin-top: 10px;padding-bottom: 12px;}
.rsm_doc .imageuploadify .imageuploadify-images-list span.imageuploadify-message {font-size: 18px;font-weight: 500;color: #000;border-top: 1px solid #3AA0FF;border-bottom: 1px solid #3AA0FF;padding: 10px;display: inline-block;}
.rsm_doc .imageuploadify .imageuploadify-images-list button.btn-default {display: block;color: #3AA0FF;font-size: 14px;font-weight: 500;border-color: #3AA0FF;border-radius: 1em;margin: 25px auto; width: 50%;max-width: 500px;}
.rsm_doc .imageuploadify .imageuploadify-images-list .imageuploadify-container {width: 100px;height: 100px;position: relative;overflow: hidden;margin-bottom: 1em;float: left;border-radius: 12px;box-shadow: 0 0 4px 0 #888;margin-left: 20px !important;}
.rsm_doc .imageuploadify .imageuploadify-images-list .imageuploadify-container button.btn-danger {position: absolute;top: 3px;right: 3px;width: 20px;height: 20px;border-radius: 15px;font-size: 10px;line-height: 1.42;padding: 2px 0;text-align: center;z-index: 3;}
.rsm_doc .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details {position: absolute;top: 0;padding-top: 20px; width: 100%;height: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;background: rgba(255,255,255,.5);z-index: 2;opacity: 0;}
.rsm_doc .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span {display: block;}
.rsm_doc .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span {display: block;}
.rsm_doc .imageuploadify .imageuploadify-images-list .imageuploadify-container .imageuploadify-details span {display: block;}
.rsm_doc .imageuploadify .imageuploadify-images-list .imageuploadify-container img {height: 100px;left: 50%;position: absolute;top: 50%;transform: translate(-50%,-50%);width: auto;}

.cmnd_dv {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}
.cmnd_dv .up_dcdv {
    width: 300px;
}
.cstm_main.date input {

    border: unset;
    color: #3e3e3e;
    font-weight: 500;
    font-size: 15px;
    padding: 3px 5px;
    border-bottom: 1px solid #ddd;
    width:100%;
}
.cstm_main.date.chosen-single {
    border-left: unset !important;
    border-radius: 10px;
}
.cstm_main.date.chosen-single input#task-date {
    width: 100%;
}
.srtng_dv.date_tp{
    margin-top:8px;
}
.cstm_main.date .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 25px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),to(#f4f4f4));
    background: linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);
    background-clip: padding-box;
    -webkit-box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
    box-shadow: 0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}
.cstm_main.date_tp {
    margin-top: 8px;
}

.srtng_dv.btnnn.date_tp {
    margin-top: 8px;
}
.accodian_review_inr {
    display: flex;
    align-items: start;
    justify-content: space-between;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0.25rem;
    padding: 10px;
    margin-bottom: 10px;
}
.accodian_review_cntnt {
    display: block;
    width: 24%;
}
.accodian_review_cntnt h5{
    font-size: 16px;
    color: #404040;
    padding-bottom: 5px;
}
.accodian_review_cntnt .star i{
    color:#656565;
}
.accodian_review_cntnt .star i.fa.checked{
    color:gold;
}
.ad_frm_mn.prj_bx_outer.projct_bx ul {
    display: flex;
    align-items: stretch;
    justify-content: start;
    gap: 15px;
    flex-wrap: wrap;
}
.ad_frm_mn.prj_bx_outer.projct_bx ul li.tsk_lst_inr {
    border: 1px solid #ddd;
}
.ad_frm_mn.prj_bx_outer.projct_bx ul li.tsk_lst_inr .prjt_sts {
    border-radius: 0px 10px 0px 14px;
}
.ad_frm_mn.prj_bx_outer.projct_bx ul li.tsk_lst_inr .asgd_tsk_tm span {
    border-radius: 0px 9px 0 9px;
}
.ad_frm_mn.prj_bx_outer.projct_bx ul li.tsk_lst_inr .tsk_lst_rt .asgd_tsk_tm {
    position: relative;
    top: -2px;
    right: -2px;
}
.ad_frm_mn.prj_bx_outer.projct_bx ul li.tsk_lst_inr .tsk_lst_rt .tsk_prty .in_progress {
    white-space: nowrap;
}
.ad_frm_mn.prj_bx_outer.projct_bx h3 {
    padding: 10px 0 0 0;
    font-size: 14px;
}
.ad_frm_mn.prj_bx_outer.projct_bx .project-name {
    margin-bottom: 20px;
}
.tbng_mnhd.prjct_nm_hd.new_mn .tbng_mnhd_rt{
    display: flex;
    align-items: center;
    gap: 10px;
}
.tbng_mnhd.prjct_nm_hd.new_mn .tbng_mnhd_rt .new_mn_btn{
    display: flex;
    align-items: center;
    gap: 10px;
}

 li.tsk_lst_inr.wdhg {
     width: 32%;
 }
 .ad_frm_mn.prj_bx_outer.projct_bx .tbng_mnhd {
    width: 100%;
    background: #eaeaea;
    padding: 10px;
    border-radius: 5px;
}

 .ad_frm_mn.prj_bx_outer.projct_bx .tbng_mnhd_rt {
    width: 100%;
}
.ad_frm_mn.prj_bx_outer.projct_bx ul {
    width: 100%;
}
a.btn.btn_secondary.wht {
    color: #fff;
}
.no_found {
    text-align: center;
    padding: 20px 0;
}
.no_found h3{
    font-size: 16px;
}

#test-request-filter-form .cstm_main .chosen-container, form#task-filter-form .cstm_main .chosen-container{
    width: 100% !important;
    margin-bottom: 10px;
}
#test-request-filter-form input.form-control.datepicker-filter.datepicker1.fromDate, form#task-filter-form input.form-control.datepicker-filter.fromDate{
    height: 31px;
}
form#test-request-filter-form li {
    margin-bottom: 10px;
}
form#task-filter-form li {
    margin-bottom: 10px;
}
form#task-filter-form  .inner-filter .srtng_dv .cstm_main {
    padding: 0px 5px 0 0;
}
form#task-filter-form li.srtng_dv:last-child {
    margin-bottom: 4px !important;
}

.dashboard-date {
  position: absolute;
    top: 10px;
    right: 10px;
}
h2.happy-bday{
    margin-top: 35px;
}
/* The switch - the box around the slider */
.switch {
    position: relative;
    display: inline-block;
    width: 50px;
    height: 25px;
  }
  
  /* Hide default HTML checkbox */
  .switch input {
    opacity: 0;
    width: 0;
    height: 0;
  }
  
  /* The slider */
  .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  .slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 20px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
  }
  
  input:checked + .slider {
    background-color: #2196F3;
  }
  
  input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
  }
  
  input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
    border-radius: 34px;
  }
  
  .slider.round:before {
    border-radius: 50%;
  }
  .cr-icn i {
    background: #D6543E;
    padding: 8px;
    color: #fff;
    font-size: 20px;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
}
.cr-icn {
    position: absolute;
    top: 10px;
    right: 10px;
}
.department-tab {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 10px;
}
.department-tablinks {
    width: 100%;
    color: #002132;
    padding: 8px 30px;
    border-top: 1px solid #002132;
    border-left: 1px solid #002132;
    border-bottom: 1px solid #002132;
}
.department-tablinks:last-child {
    border-right: 1px solid #002132;
}
.department-tablinks:hover {
    background: #002132;
    color: #fff;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: #002132;
    color: #fff;
    border-radius: none;
}
.highcharts-figure-department,
.highcharts-data-table table {
    width: 100%;
    margin: 1em auto;
}