/* 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,
.sidebar-mini.sidebar-collapse .content-wrapper,
.sidebar-mini.sidebar-collapse .main-footer,
.sidebar-mini.sidebar-collapse .main-header {
    margin-left: 0 !important;
} */
@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap');

body {
    font-family: "Lexend", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

li {
    list-style: none;
}

ul {
    padding: 0;
}

:root {
    --primary-color: rgb(84, 109, 254);
    --bs-table-color: #000 !important;
    --bs-table-border-color: rgba(84, 109, 254, 0.1);
    --menu-bg: #fff;
    --custom-white:#fff;
    --menu-border-color: #f3f3f3;
    --menu-prime-color: #61748f;
    --default-background: #f9fafb;
    --header-prime-color: #61748f;
    --default-border: #eff2ff;
    --primary01: rgba(84, 109, 254, 0.1);
}



.img-size-80 {
    width: 115px;
}

.companyName {
    color: red;
}

.text-red {
    color: red;
}

.p-20 {
    padding: 40px;
}

.p-25 {
    padding: 25px;
}

.info-box .info-box-icon {
    width: 50px;
    height: 50px;
    background: #f0f0f0;
    border-radius: 50px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.info-box .info-box-icon i {
    font-size: 22px;
    line-height: 50px;
    color: #323A45;
}

.info-box {
    padding: .5rem .5rem 22px .5rem;
    border-radius: 10px;
    height: 150px;
    background-color: transparent !important;
}

.info-box .info-box-content {
    justify-content: start !important;
}

.info-box-text {
    font-size: 15px;
    text-transform: uppercase !important;
    color: #fff;
}

.info-box .info-box-number {
    margin-bottom: 0 !important;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.2;
    color: #fff;
}

.bg-purple-opacity {
    background-color: rgba(128, 0, 128, 0.1);
}


.purple-color {
    color: rgb(160, 32, 240);
}

.bg-green-opacity {
    background-color: rgba(0, 255, 0, 0.1);
}

.bg-red-opacity {
    background-color: rgba(255, 0, 0, 0.1);
}

.bg-yellow-opacity {
    background-color: rgba(255, 255, 0, 0.1);
}

.text-dark-blue {
    color: rgb(0, 0, 139);
}

.border-0 {
    border: none;
}

.p-15 {
    padding: 15px;
}

.map {
    font-size: 17px;
}

.red-opacity {
    background-color: rgba(255, 0, 0, 0.1);
    border-color: rgba(255, 0, 0, 0.1);
}

.custom-height {
    height: 570px;
}

.chart-data-caste,
.sakxrata-box h4 {
    font-size: 17px;
}

.jansankhya-bibaran div[class*="col-"] {
    margin-bottom: 20px;
}

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

.sansaghatBibaranBoxContent {
    align-items: center;
}

.sansaghatBibaranBoxContentIcon {
    padding: 20px;
    border-radius: 50%;
    margin-right: 10px;
    font-size: 22px;
}

.selectBoxIcon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sansaghatBibaranBoxContent:nth-child(1) .sansaghatBibaranBoxContentIcon,
.selectBox:nth-child(2) .selectBoxIcon,
.selectBox:nth-child(7) .selectBoxIcon {
    background-color: rgba(255, 165, 0, 0.1);
    color: #FFA500;
}

.sansaghatBibaranBoxContent:nth-child(2) .sansaghatBibaranBoxContentIcon,
.selectBox:nth-child(3) .selectBoxIcon,
.selectBox:nth-child(8) .selectBoxIcon {
    background-color: rgba(0, 255, 255, 0.1);
    color: #0000FF;
}

.sansaghatBibaranBoxContent:nth-child(3) .sansaghatBibaranBoxContentIcon,
.selectBox:nth-child(4) .selectBoxIcon,
.selectBox:nth-child(9) .selectBoxIcon {
    background-color: rgba(160, 32, 240, 0.1);
    color: #A020F0;
}

.sansaghatBibaranBoxContent:nth-child(4) .sansaghatBibaranBoxContentIcon,
.selectBox:nth-child(5) .selectBoxIcon,
.selectBox:nth-child(10) .selectBoxIcon {
    background-color: rgba(144, 238, 144, 0.1);
    color: #90EE90;
}

.sansaghatBibaranBoxContent:nth-child(5) .sansaghatBibaranBoxContentIcon,
.selectBox:nth-child(6) .selectBoxIcon,
.selectBox:nth-child(11) .selectBoxIcon {
    background-color: rgba(1, 50, 32, 0.1);
    color: green;
}


.border-right-arrow {
    position: relative;
    /* Set the position of the parent div to relative */
}

.arrow-icon {
    position: absolute;
    /* Set the position of the arrow icon to absolute */
    top: 50%;
    /* Position the arrow vertically in the middle */
    right: 10px;
    /* Position the arrow horizontally to the right */
    transform: translateY(-50%);
    /* Adjust for vertical positioning */
    color: #000;
    /* Set the color of the arrow (you can change this to match your design) */
    font-size: 27px;
}

.gharguriIcon {
    font-size: 100px;
}

.gharguriText {
    margin-top: 30px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
}

.gharughuriBox {
    border-bottom: 1px solid #eee;
    width: 90%;
    margin: 0 auto;
}

.gharughuriBox div[class*="col"] {
    margin-bottom: 30px;
}

.ghardhuriBibaranForm div[class*="col-"] {
    margin-bottom: 10px;
}

.gharkoDetails ul {
    padding: 0;
}

.gharkoDetails li,
.pariwarusage li {
    margin-bottom: 10px;
}

.pariwarData i {
    font-size: 45px;
    margin-right: 10px;
}

.pariwarData .pariwarDataNumber {
    font-size: 20px;
}

.card-header {
    border-bottom: none;
}

.pariwarusage ul {
    padding: 20px;
}

.card-title {
    font-size: 17px;
}

.jatjati-bibaran-top h3,
.btn-primary {
    font-size: 17px;
}

.gharKosubida li {
    margin: 0 0 0 20px;
    padding-bottom: 10px;
    list-style: disc;
}

.gharDhuriAccordionTitle {
    font-size: 20px;
}

.gharDhuriAccordionHeader {
    background-color: #F0F0F0;
    cursor: pointer;
}

.text-black {
    color: #000 !important;
}

.app-sidebar {
    width: 16rem;
    background: var(--menu-bg);
    border-inline-end: 1px solid var(--menu-border-color);
    position: fixed;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: 103;
    transition: all 0.05s ease;
}
/*.app-sidebar .main-sidebar-header {*/
/*    height: 4.25rem;*/
/*    width: 5rem;*/
/*    display: flex;*/
/*    z-index: 9;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    padding: 0.813rem 1rem;*/
/*    transition: all 0.05s ease;*/
/*}*/
[class*=sidebar-dark] .brand-link, [class*=sidebar-dark] .brand-link .pushmenu{
    width: 4.6rem;
}
.sidebar-collapse .form-control-sidebar,.sidebar-collapse .form-control-sidebar~.input-group-append{
    display: block;
}
[class*=sidebar-dark] .brand-link{
    border-bottom: none;
}
.brand-link span{
    color: #000;
}
.main-sidebar.app-sidebar:hover  .main-sidebar-header{
    width: 9rem;
}
.app-sidebar .slide__category {
    color: var(--menu-prime-color);
    font-size: 0.65rem;
    font-weight: 500;
    letter-spacing: 0.05rem;
    text-transform: uppercase;
    padding: 0.75rem 1.75rem;
    white-space: nowrap;
    position: relative;
    opacity: 0.5;
}
.app-sidebar .slide-menu-item {
    padding: 0.4rem 0.25rem;
    position: relative;
    text-decoration: none;
    font-size: 0.8rem;
    color: var(--menu-prime-color);
    font-weight: 400;
    border: 1px solid transparent;
    border-radius: 0.3rem;
}
.app-sidebar .slide-menu-item a i{
    width: 18px;
    height: 18px;
    color: var(--primary-color);
}
.app-sidebar .nav-item .nav-link {
    color: var(--menu-prime-color);
    position: relative;
    font-size: 0.85rem;
    line-height: 1;
}
.app-sidebar .slide-menu-item:hover {
    background-color: var(--default-background);
}
.app-sidebar .nav-item .nav-link .nav-viewtree .nav-item{
    display: block ;
}
[class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link,
[class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus{
    color: var(--menu-prime-color);
}

[class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link,
[class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {
    color: var(--primary-color);
}

body:not(.sidebar-mini-md):not(.sidebar-mini-xs):not(.layout-top-nav) .main-footer{
    margin-left: 0;
}


input[class="sidebarsearch"] {
    background-color: #fff;
}

.nav-sidebar .nav-item>.nav-link {
    margin-bottom: .5rem;
}

.brand-image {
    width: 40px !important;
    height: 40px;
}

.form-group label {
    color: #666666;
    font-weight: 500;
}

.form-group select {
    stroke: #7A5CFA;
    padding: 20px;
}

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

.col-form-label {
    padding-top: calc(8px + 1px) !important;
    padding-bottom: calc(8px + 1px) !important;
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    color: #6c757d;
}

.form-control {
    display: block;
    width: 100%;
    padding: 8px 16px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #787f8e;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #9097a7;
    border-radius: 7px;
    box-shadow: unset;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.card {
    margin-bottom: 24px;
}

/*
.card {
    --bs-card-spacer-y: 20px;
    --bs-card-spacer-x: 20px;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color: #3e5569;
    --bs-card-subtitle-color: #9097a7;
    --bs-card-border-width: 0px;
    --bs-card-border-color: #ebf1f6;
    --bs-card-border-radius: 7px;
    --bs-card-box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
    --bs-card-inner-border-radius: 7px;
    --bs-card-cap-padding-y: 10px;
    --bs-card-cap-padding-x: 20px;
    --bs-card-cap-bg: rgba(144, 151, 167, 0.03);
    --bs-card-cap-color: ;
    --bs-card-height: ;
    --bs-card-color: ;
    --bs-card-bg: #fff;
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 12px;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: #9097a7;
    word-wrap: break-word;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    border: 1px dashed #e2e2e2;
    background-color: #fff;
    background-clip: border-box;
    border-radius: 7px;
    box-shadow: rgba(145, 158, 171, 0.2) 0px 0px 2px 0px, rgba(145, 158, 171, 0.12) 0px 12px 24px -4px;
}

.card-border {
    display: inline-block;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #fff;
    border: 1px dashed #e2e2e2;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
    cursor: pointer;
} */

/* .card-border:hover,
.card-border:focus-within,
.card-border:focus,
.card:hover,
.card:focus-within,
.card:focus {
    border-color: #59C4BC;
} */

.card-header h3 {
    margin: 0 !important;
    color: #222222;
    font-size: 17px;
    position: relative;
}

.container-fluid {
    padding: 0 24px;
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.border-bottom {
    border-bottom: 1px solid #ebf1f6 !important;
}

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

.content-wrapper {
    padding-top: 30px;
    background-color: #F8F8FA;
    /*z-index: -1;*/
    position: relative;
}

select {
    word-wrap: normal;
    text-transform: none;
}

.form-select {
    --bs-form-select-bg-img: url('https://bootstrapdemos.wrappixel.com/xtreme/dist/assets/images/custom-select.png');
    display: block;
    width: 100%;
    padding: 8px 38px 8px 16px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #787f8e;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('https://bootstrapdemos.wrappixel.com/xtreme/dist/assets/images/custom-select.png'), var(--bs-form-select-bg-icon, none);
    background-repeat: no-repeat;
    background-position: right 16px center;
    background-size: 12px 7px;
    border: 1px solid #9097a7;
    border-radius: 7px;
    box-shadow: unset;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-select:focus {
    border-color: #94b1ff;
    outline: 0;
    box-shadow: unset, 0 0 0 0.25rem rgba(41, 98, 255, 0.25);
}

/* Welcome Page */
.population-content .info-box {
    webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    background: #ffffff;
    border: 1px dashed #e2e2e2;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}

.primary-bg {
    background-color: #59C4BC !important;
}

.secondary-bg {
    background-color: #637AAE !important;
}

.bg-info {
    background-color: #17a2b8 !important;
}

.bg-dark {
    background-color: #343a40 !important;
}

.card-border .card-header {
    color: #323A45;
    padding: 20px;
    position: relative;
    box-shadow: none;
    margin-bottom: 0;
}

.card-border .card-body {
    color: #555555;
    font-weight: 400;
    padding: 20px;
}

.tab-content-text {
    font-weight: bolder;
    color: #555555;
    font-size: 15px;
}

.card-body .tab-content {
    color: #555555;
}

.description-text,
.description-header {
    font-size: 16px;
}

.sidebar-close {
    margin-left: 0 !important;
}

.table {
    color: #555555 !important;
}

h3 {
    color: #222222;
    font-size: 22px;
    position: relative;
}

.card .header {
    color: #323A45;
    padding: 20px;
    position: relative;
    box-shadow: none;
    margin-bottom: 0;
}

.nav-tabs-new>li>a.active {
    border: 1px solid #59C4BC !important;
    background: #59C4BC;
    color: #ffffff;
    border-radius: 30px;
    padding: 7px 23px;
}

.nav-tabs-new>li>a {
    color: #555555;
    border: 1px solid #f0f0f0;
    border-radius: 30px;
    padding: 7px 23px;
    background-color: transparent;
}

.tab-content,
.nav-tabs-new {
    padding: 15px;
}

/* Role Page */


.card.custom-card {
    color: #1a2638 !important;
}

.card.custom-card {
    border-radius: 0.5rem;
    background-color: #fff;
    box-shadow: 0px 2px 0px rgba(118, 138, 254, 0.03);
    border: 1px solid #eff2ff;
    position: relative;
    margin-block-end: 1.5rem;
    width: 100%;
}

.card.custom-card .card-header:first-child {
    border-radius: 0.625rem 0.625rem 0 0;
}

.card.custom-card .card-header {
    padding: 1rem 1.25rem;
    background-color: transparent !important;
    border-block-end: 1px solid #eff2ff;
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.card.custom-card .card-header .card-title {
    position: relative;
    margin-block-end: 0;
    font-size: 2.95rem;
    text-transform: uppercase;
    font-weight: 500;
}

.prism-toggle {
    margin: 0.25rem;
}

.btn.btn-primary-light:hover,
.btn.btn-primary-light:focus,
.btn.btn-primary-light:active {
    background-color: rgb(84, 109, 254);
    color: #fff;
    border-color: rgb(84, 109, 254);
}

.btn.btn-primary-light {
    background-color: rgba(84, 109, 254, 0.15);
    color: rgb(84, 109, 254);
}

.btn.btn-sm {
    padding: 0.26rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
}

.card.custom-card .card-body {
    padding: 1rem;
    color: #1a2638;
}

.table {
    --bs-table-bg: #fff;
    color: #1a2638;
    border-color: #eff2ff;
    margin-block-end: 0;
}

.text-nowrap {
    white-space: nowrap !important;
}

.table.table-sm> :not(caption)>*>* {
    padding: 1rem;
}

.table thead tr th {
    font-weight: 500;
    font-size: 0.85rem;
    border-top: none;
}

.table> :not(caption)>*>* {
    --bs-body-bg: #fff;
    color: inherit;
}

.table tbody tr th {
    font-weight: 500;
}

.form-check {
    min-height: inherit !important;
}

.form-check {
    display: block;
    padding-left: 1.5em;
    margin-bottom: .125rem;
}

.form-check-input:checked {
    background-color: rgb(84, 109, 254);
    border-color: rgb(84, 109, 254);
}

.table th,
.table td {
    vertical-align: middle;
    line-height: 1.462;
    font-size: 0.85rem;
    font-weight: 500;
    border-top: none;
    border-bottom: 1px solid #eff2ff;
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.btn-danger {
    background-color: rgb(254, 84, 84) !important;
    border-color: rgb(254, 84, 84) !important;
    color: #fff !important;
}

.btn {
    font-size: 0.85rem;
    border-radius: 0.25rem;
    padding: 0.375rem 0.75rem;
    box-shadow: none;
    font-weight: 500;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: #dc3545;
    --bs-btn-border-color: #dc3545;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #bb2d3b;
    --bs-btn-hover-border-color: #b02a37;
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #b02a37;
    --bs-btn-active-border-color: #a52834;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #dc3545;
    --bs-btn-disabled-border-color: #dc3545;
}

.align-middle {
    vertical-align: middle !important;
}

.btn-danger:hover {
    background-color: rgba(254, 84, 84, 0.9) !important;
    border-color: rgb(254, 84, 84) !important;
}

.flex-wrap {
    flex-wrap: wrap !important;
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
}

.gap-2 {
    gap: .5rem !important;
}

.btn.btn-secondary-light {
    background-color: rgba(215, 124, 247, 0.15);
    color: rgb(215, 124, 247);
}

.btn-list button,
.btn-list div,
.btn-list a,
.btn-list input {
    margin: 0 0.375rem 0.375rem 0;
}

.waves-effect {
    position: relative;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

.table thead th {
    border-bottom: 1px solid #eff2ff;
}


/* Main Page */

.card-header {
    /*min-height: 185px;*/
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: rgb(84, 109, 254) !important;
    z-index: 1;
}

.card.custom-card .card-header:first-child {
    border-radius: 0.625rem 0.625rem 0 0;
}

.card.custom-card .card-header {
    border-block-end: 1px solid var(--default-border);
    display: flex;
    position: relative;
    flex-wrap: wrap;
    gap: 0.25rem;
}

.card .card-header,
.card .card-footer {
    color: #1a2638;
}

.card-header:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(../img/pattern.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0.075;
}

.text-fixed-white {
    color: #fff !important;
}

.upcoming-icon {
    fill: rgb(215, 124, 247);
    width: 25px;
    height: 25px;
}
.graph-title{
    font-size: 2rem !important;
}

.card.custom-card.project-card .project-cardbody {
    margin-top: -5rem;
    z-index: 2;
}
.custom-row div[class*="col-"]{
    margin-bottom: 20px;
}

.card.custom-card.card-bg-light {
    /*background-color: rgb(245, 247, 250);*/
    color: #1a2638;
}
.card-box{
    background-color: rgb(245, 247, 250);
    color: #1a2638;
    border-radius: 10px;
}

.card.custom-card.card-bg-light .card-body {
    color: #1a2638;
}

@media (min-width: 576px) {
    .project-analysis-border {
        border-inline-end: 1px dashed #e6eaeb;
    }
}

.svg-primary svg {
    fill: rgb(84, 109, 254);
}

.text-muted {
    color: #8d9eb5 !important;
}
.text-dark {
    color: rgb(10, 10, 10) !important;
}
.text-danger {
    color: rgb(254, 84, 84) !important;
    opacity: 1;
}
.text-primary {
    color: var(--primary-color) !important;
    opacity: 1;
}
.main-footer{
    font-size: 0.85rem;
}
.footer{
    padding-inline-start: 16rem;
}
@media (min-width: 992px) {
    [data-nav-layout=vertical] .footer {
        padding-inline-start: 16rem;
    }
}



@keyframes slideIn {

    0% {
        opacity: 0;
        transform: translateY(6rem);
    }

    100% {
        opacity: 1;
    }
}

.bg-primary-transparent {
    background-color: rgba(84, 109, 254, 0.15) !important;
    color: rgb(84, 109, 254) !important;
}

.badge {
    padding: 0.25rem 0.45rem;
    font-weight: 500;
    border-radius: 0.25rem;
}

.gap-3 {
    gap: 1rem !important;
}

.lh-1 {
    line-height: 1 !important;
}

.svg-secondary svg {
    fill: rgb(215, 124, 247);
}

.svg-success svg {
    fill: rgb(12, 215, 177);
}

.svg-orange svg {
    fill: rgb(254, 124, 88);
}

.bg-secondary-transparent {
    background-color: rgba(215, 124, 247, 0.15) !important;
    color: rgb(215, 124, 247) !important;
}

.bg-success-transparent {
    background-color: rgba(12, 215, 177, 0.15) !important;
    color: rgb(12, 215, 177) !important;
}

.bg-orange-transparent {
    background-color: rgba(254, 124, 88, 0.15) !important;
    color: rgb(254, 124, 88) !important;
}

.card.custom-card.project-card .card-header {
    min-height: 185px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    background-color: rgb(84, 109, 254) !important;
    z-index: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: transparent;
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
    border-bottom-width: 1px;
}

.dt-buttons .btn {
    font-size: 0.8125rem !important;
    border-radius: 0.3rem !important;
    box-shadow: none !important;
    font-weight: 500 !important;
    padding: 0.375rem 0.75rem !important;
    background-color: rgb(84, 109, 254);
    color: #fff;
    gap: 2rem;
    border: 0;
}

.dt-buttons {
    gap: 0.5rem;
}

.form-control-sm {
    font-size: 0.8rem;
    padding: 0.25rem 0.8rem;
    line-height: inherit;
    border-radius: 0.25rem;
}

.page-item.active .page-link {
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

.dataTables_info {
    padding-block-start: 0.625rem;
    font-size: 0.85rem;
}

.pagination {
    padding-top: .5rem;
}

.pagination li {
    font-size: 0.85rem;
}

.table thead.table-primary {
    background-color: #EDF0FF;
    color: var(--bs-table-color);
    --bs-table-color: #000 !important;
    --bs-table-bg: rgba(84, 109, 254, 0.1) !important;
    --bs-table-border-color: rgba(84, 109, 254, 0.1);
    --bs-table-striped-bg: rgba(84, 109, 254, 0.5);
    --bs-table-striped-color: #000;
    --bs-table-active-bg: rgba(84, 109, 254, 0.5);
    --bs-table-hover-bg: rgba(84, 109, 254, 0.5);
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

/* Header */

.main-header{
    background-color: #F8F8FA;
    border-bottom: none;
    z-index: 1;
}
.navbar-expand .navbar-nav .sidemenu-toggle{
    color: #8d9eb5;
}
.sidebarsearch{
    border: none ;
    box-shadow: 0px 2px 0px rgba(118, 138, 254, 0.03);
}
.sidebarInput{
    background-color: #fff;
    position: relative;
    min-width: 16rem !important;
    border-radius: 0.5rem;
    border: 1px solid var(--default-border) !important;
}
.notificationDropdown{
    width: 34px;
    height: 34px !important;
    font-size: 1rem;
    color: var(--header-prime-color);
    fill: var(--header-prime-color);
    background-color: var(--custom-white);
    box-shadow: 0px 2px 0px rgba(118, 138, 254, 0.03);
    transition: all ease 0.05s;
    position: relative !important;
    padding: 0.45rem;
    border-radius: 50%;
    border: 1px solid var(--default-border);
    display: flex;
    justify-content: center;
    align-items: center;
}
.notificationDropdown:hover{
    background-color: var(--primary01);
}
.notificationDropdown i{
    font-size: 15px;
}
.notificationWord{
    font-size: 1rem;
    color: #000;
}
.notificationList {
    padding: 0.6rem 1rem !important;
}
.d-grid{
    display: grid;
}
.userDropdown{
    margin-left: 0.5rem !important;
}
.avatar{
    width: 1.75rem;
    height: 1.75rem;
    line-height: 1.75rem;
    font-size: 0.65rem;
    border-radius: 50%;
}
.fs-18 {
    font-size: 1.125rem;
}
.dropdown-menu {
    border-color: var(--default-border);
    font-size: 0.875rem;
    color: var(--default-text-color);
    background-color: var(--custom-white);
    padding: 0;
    z-index: 10;
    border-radius: 0.3rem;
    overflow: hidden;
    animation-duration: 0.2s;
    -webkit-animation-duration: 0.2s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: slideIn;
    box-shadow: 0px 0.125rem 0.25rem rgba(0, 0, 0, 0.05);
}
.header-profile-dropdown{
    min-width: 11rem;
}
.text-secondary {
    color: rgb(215, 124, 247) !important;
    opacity: 1;
}
.text-success {
    color: rgb(12, 215, 177) !important;
    opacity: 1;
}
.text-warning {
    color: rgb(244, 167, 66) !important;
    opacity: 1;
}

/*******************
    Apex Chart
*********************/
#chart{
    min-height: 365px !important;
}
.apexcharts-canvas{
    height: 350px !important;
}

.apexcharts-toolbar{
    top: -58px !important;
}
.apexcharts-menu.apexcharts-menu-open{
    width: 130px;
}



/*
    Home Page
*/
.location-content .row div[class*="col-"]{
    margin-bottom: 15px;
}

/*
    School Vacancy
*/
.dt-button{
    font-size: .8125rem !important;
    border-radius: .3rem !important;
    box-shadow: none !important;
    font-weight: 500 !important;
    padding: .375rem .75rem !important;
    background-color:#546dfe;
    color: #fff;
    border: 0;
}
.schoolVacancyFilter{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bg-filter{
    font-size: .8125rem !important;
    border-radius: .3rem !important;
    box-shadow: none !important;
    font-weight: 500 !important;
    padding: .375rem .75rem !important;
    background-color:#546dfe;
    color: #fff;
    border: 0;
}
.bg-filter:focus,
.bg-filter:hover{
    color: #fff;
}
.commonSchool{
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
    margin-bottom: 30px;
}
.commonSchool a{
    color: #495057;
    transition: 0.3s;
}
.commonSchool a:hover{
    color: #546dfe;
}
.cardHeaderTitle{
    padding: 1rem;

}
.createButton{
    padding: 1rem;
}
.headerTitle{
    display: flex;
    justify-content: space-between;
    border-bottom:1px solid #e9ebec;
}

/*
       Emergency Profile CSS
*/
.emergencyTable a{
    color: inherit;
}


 .nav-link.active {
    background-color: #007bff !important;
    color: #fff !important;
}
/*!**/
/*        MEDIA QUERY STARTS*/
/**!*/


/*!* iPhone SE (1st generation), 5, 5s, 5c *!*/
/*@media (min-width: 320px) {*/
/*   .main-header{*/
/*       display: block;*/
/*   }*/
/*    .content-wrapper{*/
/*        padding: 15px !important;*/
/*    }*/

/*    .graph-title{*/
/*        font-size: 17px !important;*/
/*    }*/
/*    .card-body{*/
/*        padding: 0.5rem;*/
/*    }*/
/*    .sansaghatBibaran{*/
/*        padding: 0 !important;*/
/*    }*/
/*}*/
/*!* iPhone 6, 6s, 7, 8, iPhone X, XS, 11 Pro, 12 mini, 13 mini *!*/
/*@media (min-width: 375px) {*/

/*}*/
/*!* iPhone 6 Plus, 6s Plus, 7 Plus, 8 Plus, iPhone XR, 11, 12, 12 Pro, 13, 13 Pro, XS Max, 11 Pro Max, 12 Pro Max, 13 Pro Max *!*/
/*@media (min-width: 414px) {*/
/*    body {*/
/*        font-size: 19px;*/
/*    }*/

/*    .header {*/
/*        padding: 25px;*/
/*    }*/
/*}*/

/*!* Tablets (portrait) *!*/
/*@media (min-width: 600px) {*/
/*   .government-logo{*/
/*       margin-right: 0px !important;*/
/*   }*/
/*    .companyName{*/
/*        font-size: 13px;*/
/*    }*/
/*    .content-wrapper{*/
/*        padding: 15px !important;*/
/*    }*/
/*    .info-box .info-box-icon{*/
/*        width: 30px;*/
/*        height: 30px;*/
/*    }*/
/*    .info-box .info-box-icon i{*/
/*        font-size: 17px;*/
/*    }*/
/*}*/

/*!* Tablets (landscape) and small desktops *!*/
/*@media (min-width: 768px) {*/
/*    .nav-link{*/
/*        font-size: 15px;*/
/*    }*/

/*}*/

/*!* Medium desktops *!*/
/*@media (min-width: 992px) {*/
/*    .info-box-text,*/
/*    .info-box .info-box-number{*/
/*        font-size: 12px;*/
/*    }*/

/*}*/

/*!* Large desktops *!*/
/*@media (min-width: 1200px) {*/
/*    .widget-user .widget-user-username,*/
/*    .widget-user .widget-user-desc{*/
/*        font-size: 17px;*/
/*    }*/
/*}*/