/*
* demo.css
* File include item demo only specific css only
******************************************************************************/

.menu .app-brand.demo {
  height: 64px;
  margin-top: 12px;
  padding-left: 7px;
}

.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
  margin-left: -12px;

}

.app-brand-text.demo {
  font-size: 1.75rem;
  letter-spacing: -0.5px;
  text-transform: lowercase;
}

/* ! For .layout-navbar-fixed added fix padding top tpo .layout-page */
/* Detached navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-horizontal):not(.layout-without-menu) .layout-page {
  padding-top: 76px !important;
}
/* Default navbar */
.layout-navbar-fixed .layout-wrapper:not(.layout-without-menu) .layout-page {
  padding-top: 64px !important;
}

/* Navbar page z-index issue solution */
.content-wrapper .navbar {
  z-index: auto;
}

/*
* Content
******************************************************************************/

.demo-blocks > * {
  display: block !important;
}

.demo-inline-spacing > * {
  margin: 1rem 0.375rem 0 0 !important;
}

/* ? .demo-vertical-spacing class is used to have vertical margins between elements. To remove margin-top from the first-child, use .demo-only-element class with .demo-vertical-spacing class. For example, we have used this class in forms-input-groups.html file. */
.demo-vertical-spacing > * {
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-lg > * {
  margin-top: 1.875rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-lg.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.demo-vertical-spacing-xl > * {
  margin-top: 5rem !important;
  margin-bottom: 0 !important;
}
.demo-vertical-spacing-xl.demo-only-element > :first-child {
  margin-top: 0 !important;
}

.rtl-only {
  display: none !important;
  text-align: left !important;
  direction: ltr !important;
}

[dir='rtl'] .rtl-only {
  display: block !important;
}

/*
* Layout demo
******************************************************************************/

.layout-demo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
.layout-demo-placeholder img {
  width: 900px;
}
.layout-demo-info {
  text-align: center;
  margin-top: 1rem;
}



/* ===== Custom Pagination ===== */

.custom-pagination nav {
    display: flex;
    justify-content: center;
}

.custom-pagination nav > div:first-child {
    display: none;
}

/* Hide "Showing 1 to 10 of 25 results" */
.custom-pagination p {
    display: none;
}

.custom-pagination svg {
    width: 16px !important;
    height: 16px !important;
}

.custom-pagination nav > div:last-child > span,
.custom-pagination nav > div:last-child > a {
    display: flex;
    justify-content: center;
}

.custom-pagination nav > div:last-child > span > *,
.custom-pagination nav > div:last-child > a > * {
    margin: 0 3px;
}

/* Buttons */

.custom-pagination a,
.custom-pagination span {

    min-width: 40px;
    height: 40px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid #d9dee3;
    border-radius: 8px;

    background: #fff;
    color: #000000;

    text-decoration: none;

    font-weight: 600;

    transition: .2s;
}

/* Hover */

.custom-pagination a:hover {

    background: #696cff;

    color: #000000;

    border-color: #696cff;

}

/* Active */

.custom-pagination span[aria-current="page"] span {

    background: #696cff;

    color: #000000;

    border-color: #696cff;

}

/* Disabled */

.custom-pagination span[aria-disabled="true"] {

    opacity: .5;

    cursor: not-allowed;

}

/* ============================
   Tom Select Custom Style
============================ */


.ts-wrapper {
    width: 100%;
}

.ts-control {
    background: #fff !important;
    border: 1px solid #d9dee3 !important;
    border-radius: 6px !important;
    min-height: 42px !important;
    padding: 8px 12px !important;
    box-shadow: none !important;
    transition: border-color .2s ease;
}

/* Focus */
.ts-wrapper.focus .ts-control,
.ts-control:focus {
    border-color: #696cff !important;
    box-shadow: 0 0 0 0.15rem rgba(105,108,255,.15) !important;
}

/* Remove invalid red border */
.ts-wrapper.invalid .ts-control {
    border: 1px solid #d9dee3 !important;
}

/* Dropdown */
.ts-dropdown {
    border: 1px solid #d9dee3 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

/* Placeholder */
.ts-control input::placeholder {
    color: #999;
}



/*text colore */
/* ===========================
   Global Text Color Override
=========================== */

body,
p,
span,
label,
small,
div,
td,
th,
h1,
h2,
h3,
h4,
h5,
h6,
.card-title,
.card-text,
.form-label,
.nav-link,
.dropdown-item,
.list-group-item,
.breadcrumb-item,
.text-muted {

    color: #000000;

}

/* Inputs */

.form-control,
.form-select {

    color: #000000 !important;

}

/* Placeholder */

.form-control::placeholder {

    color: #555 !important;

}

/* Tables */

.table,
.table td,
.table th {

    color: #000000 !important;

}



/* Navbar */

.navbar,
.navbar *,
.navbar-brand {

    color: #000000 !important;

}

/* Cards */

.card,
.card-body,
.card-header {

    color: #000000 !important;

}






/*side bar background colors */
/* Sidebar Background */

#layout-menu,
.layout-menu,
.bg-menu-theme {

    background-color: #0005f1 !important;

}

/* Sidebar Menu Items */
.menu-inner .menu-link,
.menu-inner .menu-link div,
.menu-inner .menu-link span,
.menu-inner .menu-link i {
    color: #ffffff !important;
}

/* Active Menu */

/* Active Menu */
.menu-item.active > .menu-link,
.menu-item.active > .menu-link div,
.menu-item.active > .menu-link i {
    color: #000000 !important;
}

/* Hover */

.menu-inner .menu-link:hover {

    background-color: #7ee9ff !important;

    color: #1965cf !important;

}


/* Active Sidebar Item */

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {

    background-color: #f6f6f6 !important;

    color: #000000 !important;

}

/* Active Icon */

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link i {

    color: #000000 !important;

}


/* Export Buttons */

/* Export Buttons */

a.btn-dark,
a.btn-dark span,
a.btn-dark i {

    color: #ffffff !important;

}

.btn-primary {
    background-color: #0005f1 !important;
    border-color: #0005f1 !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #0004d0 !important;
    border-color: #0004d0 !important;
    color: #fff !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: #0005f1 !important;
    border-color: #0005f1 !important;
}




/* ============================
   Required Field Red Star
============================ */

.required-label::after {
    content: " *";
    color: #dc3545;
    font-weight: 700;
}



/* project details page card borders */
.project-summary-card {

    border: 3px solid #696cff !important;

    border-radius: 10px !important;

    box-shadow: none !important;

}


/* Active Menu Left Indicator */

.bg-menu-theme .menu-inner > .menu-item.active:before {

    background-color: #ffffff !important;

}



/* ==========================================
   Remove Sidebar Top White Shadow
========================================== */

.layout-menu .menu-inner-shadow {

    display: none !important;

    opacity: 0 !important;

    visibility: hidden !important;

    background: transparent !important;

    box-shadow: none !important;

}




.project-name {
    display: inline-block;
    max-width: 200px; 
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
}

.sub-total{
    background-color:#d6d8db;
}