@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');

body {
    font-family: "Open Sans", sans-serif !important;
}



/* icons-dashboard */

@font-face {
    font-family: 'icomoon';
    src: url('../admin_assets/fonts/icomoon.eot');
    src: url('../admin_assets/fonts/icomoon.ttf') format('embedded-opentype'),
        url('../admin_assets/fonts/icomoon.eot') format('truetype'),
        url('../admin_assets/fonts/icomoon.ttf') format('woff'),
        url('public/admin_assets/fonts/icomoon.svg?lb7wut#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-icons-1:before {
    content: "\e900";
    color: #5e6e82;
}

.icon-icons-2:before {
    content: "\e901";
    color: #5e6e82;
}

.icon-icons-3:before {
    content: "\e902";
    color: #5e6e82;
}

.icon-icons-4:before {
    content: "\e903";
    color: #5e6e82;
}

.icon-icons-5:before {
    content: "\e904";
    color: #5e6e82;
}

.icon-icons-6:before {
    content: "\e905";
    color: #5e6e82;
}

.icon-icons-7:before {
    content: "\e906";
    color: #5e6e82;
}

.icon-icons-8:before {
    content: "\e907";
    color: #5e6e82;
}

.icon-icons-9:before {
    content: "\e908";
    color: #5e6e82;
}

.icon-icons-12:before {
    content: "\e909";
    color: #5e6e82;
}

.icon-icons-13:before {
    content: "\e90a";
    color: #5e6e82;
}

.icon-icons-14:before {
    content: "\e90b";
    color: #5e6e82;
}

.icon-icons-15:before {
    content: "\e90c";
    color: #5e6e82;
}

.icon-icons-16:before {
    content: "\e90d";
    color: #5e6e82;
}

.icon-icons-17:before {
    content: "\e90e";
    color: #5e6e82;
}

.icon-icons-18:before {
    content: "\e90f";
    color: #5e6e82;
}

.icon-icons-19:before {
    content: "\e910";
    color: #5e6e82;
}

.icon-icons-20:before {
    content: "\e911";
    color: #5e6e82;
}

.icon-icons-21:before {
    content: "\e912";
    color: #5e6e82;
}

.icon-icons-22:before {
    content: "\e913";
    color: #5e6e82;
}

.icon-icons-23:before {
    content: "\e914";
    color: #5e6e82;
}

.icon-icons-24:before {
    content: "\e915";
    color: #5e6e82;
}

.icon-icons-25:before {
    content: "\e916";
    color: #5e6e82;
}



/* icons-dashboard */




html {
    scrollbar-width: none !important;
}

.breadcrumb-section .active {
    color: #007bff;
}

.breadcrumb-item {
    color: grey;
}

.breadcrumb-item a {
    text-decoration: none;
    color: grey;
}

/* updated Davinder singh css */
/* Media query for screens smaller than 600px */
@media (max-width: 600px) {
    .sidebar .nav .nav-item>.nav-link .menu-title {
        font-size: 12px !important;
        word-wrap: break-word !important;
    }
}

/* Media query for screens between 601px and 1024px */
@media (min-width: 601px) and (max-width: 1024px) {
    .sidebar .nav .nav-item>.nav-link .menu-title {
        font-size: 14px !important;
        word-wrap: break-word !important;
    }
}

/* Media query for screens larger than 1024px */
@media (min-width: 1025px) {
    .sidebar .nav .nav-item>.nav-link .menu-title {
        font-size: 16px !important;
        word-wrap: break-word !important;
    }
}

/* li a span.menu-title{
    white-space: normal !important;
} */
#sidebar {
    width: fit-content;
}

/* UPDATED CODE BY DAVINDER SIR */
.breadcrumb-item {
    color: grey;
}

.breadcrumb-item a {
    text-decoration: none;
    color: grey;
}

/* Media query for screens smaller than 600px */
@media (max-width: 600px) {
    .sidebar .nav .nav-item>.nav-link .menu-title {
        font-size: 12px !important;
        word-wrap: break-word !important;
    }
}

/* Media query for screens between 601px and 1024px */
@media (min-width: 601px) and (max-width: 1024px) {
    .sidebar .nav .nav-item>.nav-link .menu-title {
        font-size: 14px !important;
        word-wrap: break-word !important;
    }
}

/* Media query for screens larger than 1024px */
@media (min-width: 1025px) {
    .sidebar .nav .nav-item>.nav-link .menu-title {
        font-size: 14px !important;
        word-wrap: break-word !important;
    }

    .sidebar .nav .nav-item .nav-link i.menu-icon {
        font-size: 16px;
        line-height: 1;
        margin-right: 0.4rem;
        color: #484848;
    }
}

/* li a span.menu-title{
    white-space: normal !important;
} */
#sidebar {
    width: fit-content;
}

.navbar .navbar-menu-wrapper {
    transition: width 0.25s ease;
    -webkit-transition: width 0.25s ease;
    -moz-transition: width 0.25s ease;
    -ms-transition: width 0.25s ease;
    color: #6C7383;
    padding-left: 3.5rem;
    padding-right: 2.187rem;
    padding-top: 30px;
    padding-bottom: 25px;
    /* width: calc(100% - 255px); */
    height: 97px;
}

.sidebar ul {
    width: 190px !important;
    /* width: 225px !important; */
}

.navbar .navbar-brand-wrapper {
    height: 60px !important;
    background: white !important;
}

.sidebar .nav #notify22 {
    border: 1px solid red;
    border-radius: 55px;
    width: 21px;
    height: 21px;
    font-weight: 800;
}

.tooltip-inner {
    background-color: rgb(75, 0, 130) !important;
    color: #fff;
}

.bs-tooltip-bottom .arrow::before,
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: rgb(184, 23, 23) !important;
}

/* Global ERP Text Colors */
.Text-Primary-D {
    color: #333333 !important;
}

/* Dark primary color */
.Text-Secondary-D {
    color: #5E6E82 !important;
}

/* Dark secondary color */
.Text-White-L {
    color: #F9FAFD !important;
}

/* Light white */
.Text-White {
    color: #FFFFFF !important;
}

/* Pure white */
.Text-Green-D {
    color: #4BC68F !important;
}

/* Dark green */
.Text-Green-L {
    color: #EBF8EE !important;
}

/* Light green */
.Text-Orange-D {
    color: #F6C05D !important;
}

/* Dark orange */
.Text-Orange-L {
    color: #FEF9EF !important;
}

/* Light orange */
.Text-Blue-D {
    color: #4EA2C8 !important;
}

/* Dark blue */
.Text-Blue-L {
    color: #EDF6F9 !important;
}

/* Light blue */
.Text-Red-D {
    color: #E85D72 !important;
}

/* Dark red */
.Text-Red-L {
    color: #FDEFF1 !important;
}

/* Light red */
.Text-Purple-D {
    color: #BF83FF !important;
}

/* Dark purple */
.Text-Purple-L {
    color: #F4E8FF !important;
}

/* Light purple */

/* Global ERP Background Colors */
.Bg-Primary-D {
    background-color: #333333 !important;
}

/* Dark primary color */
.Bg-Secondary-D {
    background-color: #5E6E82 !important;
}

/* Dark secondary color */
.Bg-White-L {
    background-color: #F9FAFD !important;
}

/* Light white */
.Bg-White {
    background-color: #FFFFFF !important;
}

/* Pure white */
.Bg-Green-D {
    background-color: #4BC68F !important;
}

/* Dark green */
.Bg-Green-L {
    background-color: #EBF8EE !important;
}

/* Light green */
.Bg-Orange-D {
    background-color: #F6C05D !important;
}

/* Dark orange */
.Bg-Orange-L {
    background-color: #FEF9EF !important;
}

/* Light orange */
.Bg-Blue-D {
    background-color: #4EA2C8 !important;
}

/* Dark blue */
.Bg-Blue-L {
    background-color: #EDF6F9 !important;
}

/* Light blue */
.Bg-Red-D {
    background-color: #E85D72 !important;
}

/* Dark red */
.Bg-Red-L {
    background-color: #FDEFF1 !important;
}

/* Light red */
.Bg-Purple-D {
    background-color: #BF83FF !important;
}

/* Dark purple */
.Bg-Purple-L {
    background-color: #F4E8FF !important;
}

/* Light purple */

/* Global ERP Border Top Colors */
.BorderTop-Primary-D {
    border-top: 5px solid #333333 !important;
}

/* Dark primary color */
.BorderTop-Secondary-D {
    border-top: 5px solid #5E6E82 !important;
}

/* Dark secondary color */
.BorderTop-White-L {
    border-top: 5px solid #F9FAFD !important;
}

/* Light white */
.BorderTop-White {
    border-top: 5px solid #FFFFFF !important;
}

/* Pure white */
.BorderTop-Green-D {
    border-top: 5px solid #4BC68F !important;
}

/* Dark green */
.BorderTop-Green-L {
    border-top: 5px solid #EBF8EE !important;
}

/* Light green */
.BorderTop-Orange-D {
    border-top: 5px solid #F6C05D !important;
}

/* Dark orange */
.BorderTop-Orange-L {
    border-top: 5px solid #FEF9EF !important;
}

/* Light orange */
.BorderTop-Blue-D {
    border-top: 5px solid #4EA2C8 !important;
}

/* Dark blue */
.BorderTop-Blue-L {
    border-top: 5px solid #EDF6F9 !important;
}

/* Light blue */
.BorderTop-Red-D {
    border-top: 5px solid #E85D72 !important;
}

/* Dark red */
.BorderTop-Red-L {
    border-top: 5px solid #FDEFF1 !important;
}

/* Light red */
.BorderTop-Purple-D {
    border-top: 5px solid #BF83FF !important;
}

/* Dark purple */
.BorderTop-Purple-L {
    border-top: 5px solid #F4E8FF !important;
}

/* Light purple */

/* Global ERP Border Left Colors */
.BorderLeft-Primary-D {
    border-left: 5px solid #333333 !important;
}

/* Dark primary color */
.BorderLeft-Secondary-D {
    border-left: 5px solid #5E6E82 !important;
}

/* Dark secondary color */
.BorderLeft-White-L {
    border-left: 5px solid #F9FAFD !important;
}

/* Light white */
.BorderLeft-White {
    border-left: 5px solid #FFFFFF !important;
}

/* Pure white */
.BorderLeft-Green-D {
    border-left: 5px solid #4BC68F !important;
}

/* Dark green */
.BorderLeft-Green-L {
    border-left: 5px solid #EBF8EE !important;
}

/* Light green */
.BorderLeft-Orange-D {
    border-left: 5px solid #F6C05D !important;
}

/* Dark orange */
.BorderLeft-Orange-L {
    border-left: 5px solid #FEF9EF !important;
}

/* Light orange */
.BorderLeft-Blue-D {
    border-left: 5px solid #4EA2C8 !important;
}

/* Dark blue */
.BorderLeft-Blue-L {
    border-left: 5px solid #EDF6F9 !important;
}

/* Light blue */
.BorderLeft-Red-D {
    border-left: 5px solid #E85D72 !important;
}

/* Dark red */
.BorderLeft-Red-L {
    border-left: 5px solid #FDEFF1 !important;
}

/* Light red */
.BorderLeft-Purple-D {
    border-left: 5px solid #BF83FF !important;
}

/* Dark purple */
.BorderLeft-Purple-L {
    border-left: 5px solid #F4E8FF !important;
}

/* Light purple */

/* Global ERP Border Left Colors */
.Borderdashed-Primary-D {
    border-left: 1px dashed #333333 !important;
}

/* Dark primary color */
.Borderdashed-Secondary-D {
    border-left: 1px dashed #5E6E82 !important;
}

/* Dark secondary color */
.Borderdashed-White-L {
    border-left: 1px dashed #F9FAFD !important;
}

/* Light white */
.Borderdashed-White {
    border-left: 1px dashed #FFFFFF !important;
}

/* Pure white */
.Borderdashed-Green-D {
    border-left: 1px dashed #4BC68F !important;
}

/* Dark green */
.Borderdashed-Green-L {
    border-left: 1px dashed #EBF8EE !important;
}

/* Light green */
.Borderdashed-Orange-D {
    border-left: 1px dashed #F6C05D !important;
}

/* Dark orange */
.Borderdashed-Orange-L {
    border-left: 1px dashed #FEF9EF !important;
}

/* Light orange */
.Borderdashed-Blue-D {
    border-left: 1px dashed #4EA2C8 !important;
}

/* Dark blue */
.Borderdashed-Blue-L {
    border-left: 1px dashed #EDF6F9 !important;
}

/* Light blue */
.Borderdashed-Red-D {
    border-left: 1px dashed #E85D72 !important;
}

/* Dark red */
.Borderdashed-Red-L {
    border-left: 1px dashed #FDEFF1 !important;
}

/* Light red */
.Borderdashed-Purple-D {
    border-left: 1px dashed #BF83FF !important;
}

/* Dark purple */
.Borderdashed-Purple-L {
    border-left: 1px dashed #F4E8FF !important;
}

/* Light purple */


/* border-right */
.BorderRight-White-D {
    border-right: 1px solid #d4d5d8;
}


.sidebar .nav .nav-item.active>.nav-link {

    background: #5E6E82;
    border-radius: 0px;
    color: #fff !important;
}

.sidebar .nav .nav-item.active>.nav-link .menu-title {
    color: #fff !important;

}

.new_table td p {
    font-size: 12px !important;
}

.active .nav-link .menu-icon:before {
    color: #fff !important;
}

.menu-icon {
    font-weight: 500;
    margin-right: 5px;
    font-size: 17px;
    width: 20px;
}

.view-description {
    background-color: #333;
    color: white;
    border: none;
    padding: 7px 14px 7px 14px;
    border-radius: 20px;
}

.sidebar .nav.sub-menu {
    margin-bottom: 0;
    margin-top: 0;
    list-style: none;
    padding: 0px;
    padding-left: 2px !important;
    padding-bottom: 12px;
}

.sidebar .nav.sub-menu .nav-item .nav-link {

    padding: 8px 16px !important;

    font-size: 13px !important;

}

.sidebar .nav:not(.sub-menu)>.nav-item.active {
    background: #5E6E82 !important;
    color: #5E6E82 !important;
}

.sidebar .nav:not(.sub-menu)>.nav-item.active {
    background: #5E6E82 !important;
    color: #5E6E82 !important;
}




.poppins-thin {

    font-family: "Public Sans", sans-serif;
    font-family: "Open Sans", sans-serif;
    font-style: normal;
}




.sidebar .nav .nav-item>.nav-link .menu-title {
    font-family: "Poppins", sans-serif;
    font-size: 14px !important;
    word-wrap: break-word !important;
    color: #5E6E82 !important;
    font-weight: 400;
}

nav#sidebar {
    box-shadow: none !important;
    position: fixed;
}


.sidebar .nav:not(.sub-menu)>.nav-item {
    margin-top: 8px !important;
}

.sidebar hr {
    width: 82%;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 1px !important;
    color: #5E6E82;
    opacity: 0.8;
}

.dashboard_area {}

.set_block p {
    font-family: "Public Sans", sans-serif;
    font-size: 32px;
    color: #333333;
}

.glue img {
    margin-left: 9px;
}

.ms-2.set_block {
    margin-top: 7px;
}

span.mve_right {
    text-align: right;

    font-size: 11px;
    width: 48%;
}

#present {
    color: #000;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
}

#absent {
    color: #000;
    font-size: 12px;
    font-family: "Poppins", sans-serif;
}

/* Hide scrollbar for Chrome, Safari, and Edge */
.sidebar::-webkit-scrollbar {
    display: none !important;
}

.sidebar {
    scrollbar-width: none !important;
}

.sidebar {
    overflow-y: scroll !important;

}

.sidebar:hover {
    overflow-y: auto !important;
}


.card-header p {
    font-family: "Open Sans", sans-serif;
}

.stretch-card {

    padding: 14px !important;
    padding-top: 14px !important;
}

/* .form-control {
  padding-left: 10px !important;
  height: 40px !important; border: 1px solid #dee1e5 !important;
} */

.form-control {
    padding-left: 10px !important;
    height: 36px !important;
    border: 1px solid #dee1e5 !important;
    font-size: 12px;
}


/* .form-control {
    padding-left: 10px !important;
    height: 36px !important;
    border: 1px solid #dee1e5 !important;
    font-size: 12px;
} */


.form-group label {
    color: #333333 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
}




input::-moz-placeholder {
    color: #5E6E82 !important;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: #5E6E82 !important;
}

input::-webkit-input-placeholder {
    color: #5E6E82 !important;
}

select.form-control {
    outline: none !important;
}

/* commented this due to overight all select formatting */
/* select {
  padding-left: 8px !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 20 20"><polygon fill="%23333" points="0,0 20,0 10,10"/></svg>');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 10px;
} */

select:focus {
    outline: none;
    padding-top: 0px;
    padding-bottom: 0px;
}


.card .card-title {
    color: #333333 !important;

}

button.btn.btn-primary.mr-2 {
    padding: 12px 35px;
    border-radius: 100px;
    font-family: "Open Sans", sans-serif;
    color: #fff !important;
    font-size: 15px !important;
    background: #333333 !important;
}

.katich {
    padding: inherit !important;
    padding-top: inherit !important;
    padding-right: 10px !important;
    padding-left: 10px !important;

}

.Text-Primary-D {
    color: #333333 !important;
    margin-top: 9px !important;
}

.all_set {
    background-image: none !important;
}






/* mutual_classes */

.main_heading {
    font-family: "Poppins", sans-serif !important;
    color: #2C323D !important;
    font-size: 22px !important;
    font-weight: 500 !important;
    margin: 0;
}

.mutual_top_btn {
    padding: 10px 20px !important;
    border-radius: 100px !important;
    font-size: 14px !important;
}


.dataTables_length label {
    color: #333333 !important;
    margin-top: 9px !important;
    font-size: 14px;
    font-weight: 600;
}

.dataTables_filter label {
    color: #333333 !important;
    margin-top: 9px !important;
    font-size: 14px;
    font-weight: 600;
}




.dataTables_length select {
    /* Remove default arrow */
    -webkit-appearance: none;
    /* For Safari and Chrome */
    -moz-appearance: none;
    /* For Firefox */
    appearance: none;
    /* Custom arrow */
    background-image: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 20 20"><polygon fill="%23333" points="0,0 20,0 10,10"/></svg>');
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    padding-right: 30px;
    /* Space for the arrow */
}

.dataTables_length select:focus {
    outline: none;
    padding-top: 0px;
    padding-bottom: 0px;
}



/* data table-mutual class */

#project_dt {
    margin-top: 20px !important
}

select {
    color: #efefef;
}



select::-moz-placeholder {
    color: #5E6E82 !important;
    opacity: 1;
}

select:-ms-input-placeholder {
    color: #5E6E82 !important;
}

select::-webkit-input-placeholder {
    color: #5E6E82 !important;
}

select.form-control {
    outline: none !important;
}

.form-control {
    color: #5E6E82 !important;
}


.ms-options-wrap>button {
    color: #5E6E82 !important;
    padding: 0px;
    height: 40px !important;
    padding-left: 10px !important;
}

.mutual_table th {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    border-bottom-color: #dee2e6;
    vertical-align: middle;
    line-height: 1;
    white-space: nowrap;
    padding: 10px;
    background-color: #5E6E82 !important;

}

.mutual_table td {
    color: #5E6E82 !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    border: 1px solid #EDF6F9 !important;
    padding: 10px;
}





.table-striped>thead>tr {
    --bs-table-accent-bg: #5E6E82;

}

/* table-checkbox */

input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 20px;
    height: 20px;

    border: 2px solid #5E6E82;

    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s ease;
}

input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 6px;
    width: 5px;
    height: 8px;
    border: solid #5E6E82;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

input[type="checkbox"]:hover {
    border-color: #5E6E82;
}

input[type="checkbox"]:checked {
    background-color: transparent;
    border-color: #5E6E82;
    border-radius: 4px;
}



/* speacial_all_selection */

input[type="checkbox"]#select_all {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    width: 20px;
    height: 20px;

    border: 2px solid #fff;

    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    transition: all 0.3s ease;
}

input[type="checkbox"]#select_all:checked::after {
    content: '';
    position: absolute;
    top: 3px;
    left: 6px;
    width: 5px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

input[type="checkbox"]#select_all:hover {
    border-color: #fff;
}

input[type="checkbox"]#select_all:checked {
    background-color: transparent;
    border-color: #fff;
    border-radius: 4px;
}





label {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    cursor: pointer;
}

/* .nav-item.active:hover {
  background: #5E6E82 !important;
  color: #fff !important;
}

.sidebar .nav:not(.sub-menu) > .nav-item:hover > .nav-link {
  background: #5E6E82 !important;
  color: #fff !important; border-radius: 0px !important;
} */


.create_meeting label {
    margin-left: 0px !important;
}

.create_meeting .form-group label {
    color: #333333 !important;
    font-size: 15px !important;
    margin-top: 15px;
}



.radios input[type="radio"] {
    display: none;
}

.radios label {
    margin-right: 20px;
    font-size: 16px;
    font-family: Arial, sans-serif;
    color: #666;
    cursor: pointer;
    padding-left: 35px;
    position: relative;
}

.radios label:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #5E6E82;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 3px;
    background-color: white;
    transition: background-color 0.3s, border-color 0.3s;
    box-sizing: border-box;
}

.radios input[type="radio"]:checked+label:before {
    background-color: white;
    border-color: #5E6E82;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.radios input[type="radio"]:checked+label:after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #5E6E82;
    border-radius: 50%;
    position: absolute;
    left: 4px;
    top: 7px;
    transition: background-color 0.3s;
}

.radios label:hover:before {
    border-color: #5E6E82;
}







.table_set select {
    color: #5E6E82 !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    font-family: "Poppins", sans-serif !important;
    font-size: 18px !important;

}

.mutual_table td {}


.mutual_table td h6 {
    color: #333 !important;
    ;
    font-size: 15px !important;
}

.mutual_table td p {
    color: #5E6E82 !important;
    ;
    font-size: 15px !important;
}


.button_controls {
    gap: 5px;
}

.button_controls button.btn.btn-success.btn-sm {
    background: transparent;
    border: 1px solid #5E6E82;
    color: #5E6E82;
    padding: 7px 10px;
    height: 31px;
}

.button_controls .btn-info {
    background: #5E6E82;
    border: 1px solid #5E6E82;
}

#staff_dt_filter {
    display: flex !important;
    justify-content: end !important;
    margin-bottom: 10px;
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: 230px;
}

.label {
    margin-left: 0px !important;
}

.btn-primary {
    background: #5E6E82;
    border-radius: 100px;
    padding: 11px 22px;
}

.btn-success {

    background: transparent !important;
    border: 1px solid #5E6E82;
    border-radius: 100px;
    padding: 11px 22px;
    color: #5E6E82;

}

/* .btn-primary:hover {
    background: none;
    border: 1px solid #c3c3c3;
    color: #5E6E82;

} */

.btn-primary:hover {
    background: #5E6E82;
    border: 1px solid #c3c3c3;
    color: #ffff;
}


.btn-success:hover {
    background: none;
    border: 1px solid #c3c3c3;
    color: #5E6E82;


}



.nav-pills.nav-pills-custom .nav-link.active {
    background: #5E6E82 !important;
    color: #ffffff !important;
}

.search-container input {
    width: 240px !important;
}

.mutual_table td a {
    text-decoration: none !important;
    color: #0056b3;
}

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



#categoryFilter {
    display: inline;
    width: 200px;
    margin-left: 25px;
    margin-top: 9px;
    height: 40px;
}


.table-striped>thead>tr {
    --bs-table-accent-bg: #5E6E82 !important;
    color: #fff
}

i.ti-export.me-1 {
    width: 10px;
    font-size: 12px;
}





.add_btn a {
    background: #333;
    color: #fff;
}

.add_btn img {
    width: 10px;
}

.add_btn img {
    width: 11px;
    font-weight: bold;
    margin-right: 4px;
}

.kalra {
    margin-left: 0px !important;
}


.harod_btn {
    color: #fff !important;
}


.dataTables_wrapper .dataTables_length select {
    min-width: 58px;

}

.dunki label {
    margin-top: 16px !important;
    margin-left: 0px;
}



.page-item .page-link {

    color: #5E6E82;
}



.mager-btn {
    background: #000 !important;
    border: none !important
}


img.logging_out {
    /* width: 21px !important; */
    width: 15px !important;
}

.sidebar .nav .nav-item.active>.nav-link:hover {
    background: #5E6E82 !important;
}

/* .row .col-lg-12.grid-margin.stretch-card {
  margin-left: 15px;
  margin-right: 10px;
}
 */





.flatpickr-wrapper {
    width: 100%;
}

input.form-control.input {
    background: transparent !important;
}

.flatpickr-input {
    background: transparent !important;
}

select.flatpickr-monthDropdown-months,
input.numInput.cur-year {
    font-size: 14px !important;
    font-weight: bold !important;
    color: #4A5660 !important;
}

.flatpickr-months {
    margin-bottom: 15px;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
    width: 11px !important;
    height: 11px !important;
    color: #B5BEC6 !important;
    fill: #B5BEC6 !important;
    stroke: #B5BEC6 !important;
}

.flatpickr-current-month {
    margin-top: 6px !important;
}

.flatpickr-day.today {
    border-color: #5E6E82;
    background: #5E6E82;
    color: #fff;
}

.cal_icon {
    position: relative;
    z-index: 2;
}

.icon-cal {
    position: absolute;
    right: 20px;
    top: 7px;
    z-index: 1;
}





#permanent_address,
#current_address,
#assets_descriptions {
    height: 100px !important;
}


.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    background: none;
}


.btn-success {
    background: #34B1AA;
    color: #34B1AA !important;
}

@media only screen and (min-width: 320px) and (max-width: 480px) {



    button.btn.Bg-Primary-D.Text-White.btn-sm.mutual_top_btn.add_btn {
        margin-top: 30px;
    }
}



table.dataTable>thead>tr>th:not(.sorting_disabled),
table.dataTable>thead>tr>td:not(.sorting_disabled) {
    padding-right: 16px;
}

.main-panel {
    transition: width 0.25s ease, margin 0.25s ease;
    width: calc(100% - 190px);

    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin-left: 193px;
}