/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
*{
  -webkit-print-color-adjust: exact;
}

.menu .app-brand.demo {
height: 89px;
/* margin-top: 12px; */
}

.app-brand-logo.demo svg {
width: 22px;
height: 38px;
}

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

/* ! For .layout-navbar-fixed added fix padding top to .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;
}
.docs-page .layout-navbar-fixed.layout-wrapper:not(.layout-without-menu) .layout-page,
.docs-page .layout-menu-fixed.layout-wrapper:not(.layout-without-menu) .layout-page {
padding-top: 62px !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;
}
.wel-card{
/* display: flex;
align-items: center;
justify-content: space-between; */
padding: 2rem 1rem !important;
}
.wel-card img{
width:50%;
}
.wel-card h5{
font-size: 24px;
line-height: 55px;
color: #000 !important;
font-weight: 800;
}
.wel-left .card-body{
padding:10px;
line-height:2;
}
.wel-left .card-body span{
font-size: 18px;
display: flex !important;
flex-direction: column;
}
.wel-left .card-body span i{
font-size: 25px;
text-align: right;
background: #696cff;
width: fit-content;
border-radius: 50px;
padding: 7px;
color: white !important;
}
.wel-left .card-body  h3{
/* font-size: 20px; */
  color: #000;
  /* font-weight: 900; */
}
/* .wel-icon{
text-align: right;
margin-top:9px;
} */
.wel-left{
display: flex;
  align-items: center;
}

.card-body h5.card-header{
font-size: 20px;
color: #7b7dff;
font-weight: bold;
padding:2rem 0 1rem !important;
}
.card-body h5.card-header{
font-size: 20px;
color: #7b7dff;
font-weight: bold;
}
.table:not(.table-dark) th {
color: #000000 !important;
/* font-weight: 900; */
font-size: 13px;
border: 1px solid #e6e6e66e;
/* padding: 1rem 1rem; */
/* background: #696cff; */
}
.table td{
padding:1rem !important;
color: #000;
} 
.bg-label-success {
background-color: #d1ebff !important;
color: #696cff !important;
padding: 10px 17px !important;
}
.bg-label-info{
background-color: #d1ebff !important;
color: #696cff !important;
padding: 10px 17px !important;

}
.card .table {
margin-bottom: 0;
width: 100%;
min-width: 1000px;
}
.card{
/* height:100% !important; */
}
::-webkit-scrollbar {
width: 10px;
height:8px;
}

::-webkit-scrollbar-track {
background-color: #ebebeb;
-webkit-border-radius: 10px;
border-radius: 10px;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: #696cff; 
}

.wel-img{
display: flex;
align-items: center;
justify-content: space-around;
}
.wel-img ul{
padding-left:0;
}
.wel-img ul h5{
font-size: 20px;
line-height: 1;
color: #696cff !important;

}

.wel-img ul li{
list-style: none;
padding-bottom:10px;
}

.wel-img ul li i{
color:#696cff;
padding-right:5px;
}

.bg-menu-theme .menu-link:hover{
  color: #e5e5e5 !important;
}

.bg-menu-theme .menu-link{
  border-bottom: 1px solid #ffffff5e !important;
  border-radius: 0 !important;
  padding-bottom: 1rem !important;
  padding-top: 1rem !important;
}

.invoice-table{
  min-width:100% !important;
}
.w-box{
  flex-direction: row !important;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1rem;
}
.menu-vertical .menu-inner>.menu-item .menu-link.active{
  background:red;
}



















@media (min-width: 1700px){
.layout-menu-fixed:not(.layout-menu-collapsed) .layout-page, .layout-menu-fixed-offcanvas:not(.layout-menu-collapsed) .layout-page {
  padding-left: 9.25rem;
}
.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar, .layout-menu-fixed-offcanvas.layout-navbar-fixed:not(.layout-menu-collapsed) .layout-content-navbar:not(.layout-without-menu) .layout-navbar {
left: 9.25rem;
}
}
@media (max-width: 767px){

  .invoice-table th, .invoice-table td{
    padding: 7px !important;
    font-size: 10px !important;
    border-bottom: 1px solid #b1b1b1 !important;
  }
.wel-card h5 {
  font-size: 18px;
  line-height: 23px;
}
.wel-img {
display: block;
}

.wel-card img {
width: 100%;
}
.wel-img ul {
padding-left: 0;
display: none;
}
.wel-left .card-body span {
line-height: 1;
margin-bottom: 15px !important;
font-size: 16px;
}
.wel-icon{
/* margin-top:15px; */
}
.wel-left .card-body {
padding: 10px;
line-height: 0;
min-height: 150px;
display: flex;
flex-direction: column;
justify-content: center;
border-bottom: 1px solid #696cff;
border-radius: 10px;
}
.w-box {
padding-bottom:0;
}

}