/*
* demo.css
* File include item demo only specific css only
******************************************************************************/
.btn-success{
  color: #fff;
background-color: #ee7b11;
    border-color: #ee7b11;
    box-shadow: 0 0.125rem 0.25rem 0 #b073276b;
}
.table .btn-success {
    color: #fff;
    background-color: #B07327 !important;
    border-color: #B07327 !important;
    box-shadow: none !important;
}
form span.text-danger{
  font-size: 20px !important;
}
h3{
  color: #000 !important;
}
h5{
  color: #000 !important;
}
.card.accordion-item{
  background-color: none;
  box-shadow: none;
}
.accordion .accordion-item.active{
  box-shadow: none;
}
.custom-i button {
    padding: 3px !important;
}
.custom label{
  padding: 0px;
}
.custom label span{
  color: #fff;
}
/* #btn-login{
  background-color: #233446;
    border-color: #233446;
    box-shadow: 0 0.125rem 0.25rem 0 #233446;
} */
h6{
  color: #000!important;
}
.bg-label-success{
  background-color: #000 !important;
}
.avatar-initial.rounded.bg-label-success i{
  color: #fff !important;
}
.btn-success:hover {
    color: #fff !important;
    background-color: #64B428d1 !important;
    border-color: #64B428d1 !important;
    box-shadow: 0 0.125rem 0.25rem 0 #b07327b8 !important;
}
.card-header1{
  color: #000 !important;
}
.btn-success:active, .btn-success:focus{
  color: #fff !important;
    background-color: #64B428 !important;
    border-color: #64B428 !important;
    box-shadow: 0 0.125rem 0.25rem 0 #b07327b8 !important;
}
.nav-align-top .nav-tabs .nav-link.active {
    box-shadow: none;
    background: #64B428;
    color: #fff;
}
.btn-info {
    color: #fff !important;
    background-color: #000 !important;
    border-color: #000 !important;
   
    box-shadow: 0 0.125rem 0.25rem 0 #000 !important;
}
.bg-menu-theme .menu-sub > .menu-item.active > .menu-link:not(.menu-toggle):before{
  background-color: #000000 !important;
}
.nav-tabs .nav-link:not(.active):hover, .nav-tabs .nav-link:not(.active):focus, .nav-pills .nav-link:not(.active):hover, .nav-pills .nav-link:not(.active):focus{
  color: #fff !important;
}
.nav-pills .nav-link:not(.active, .disabled) {
    color: #fff;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:hover, .nav-pills .nav-link.active:focus{
  background-color: #000;
}
.footer-title{
  color: #000;
}
.bg-footer-theme .footer-link {
    color: #64B43C;
}
.pull-right{
  float: right;
}
.top-icon i{
 font-size: 30px;
 color: #64B43C;
}

#custom-container{
  padding-top: 0.625rem !important;
}
.custom-i a{
  padding: 3px !important;
}
.custom-i i:hover{
  color: #fff !important;
}
.custom-icon img{
 
/*  background-color: #000;*/
  padding: 8px;
  width: 53px !important;
    background: #f7b9b5c7;
    border-radius: 10px;
  
  
}
.custom-title h3{
  color: #fff;
  font-size: 22px;
}
.pending-up{
  color: #fff !important;
}
.custom-title span{
  color: #000;
  font-size: 11px;
}
#dashboard .card{
  background-color: #000;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.app-brand .layout-menu-toggle {
    background-color: #64B43C;
    
}
.bg-menu-theme .menu-inner > .menu-item.active:before {
    background: #6be151;
}
.btn-info {
    color: #fff;
    background-color: #71dd37;
    border-color:#71dd37;
    box-shadow: 0 0.125rem 0.25rem 0 #71dd37;
}
.form-check-input{
  border: 1px solid #23344678 !important;
}
.icon{
  display: flex;
    justify-content: space-around;

}
.bg-color{
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  padding: 10px;
  margin-bottom: 20px;

  
}
table a{
  color: #697a8d;
}
.icon a{
  display: flex;
    justify-content: center;
    background: #64B43C;
    padding: 7px;
    color: #fff;
    border-radius: 40px;
    border: 2px solid #fff;
}
.icon a i{
  margin-right: 0px !important;
  font-size: 25px;
}
/*.menu .app-brand.demo {
  height: 100px;
  padding-top: 12px;
  background-color: #000;
  display: flex;
  justify-content: center;
}*/
.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item .menu-link{
  color: #fff;
  background-color: #183800;
}

.bg-menu-theme .menu-sub .menu-item.active > .menu-link{
  color: #fff !important;

}

.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-sub a:hover{
  color: #fff!important;
  
}
.layout-wrapper:not(.layout-horizontal) .bg-menu-theme .menu-inner .menu-item .menu-link
.app-brand-logo.demo svg {
  width: 22px;
  height: 38px;
}
table a:hover {
    color: #697a8d;
}
.custom-i a i{
  font-size: 16px;
}
.custom-i button i{
  font-size: 16px;
}
.app-brand-text.demo {
  font-size: 25px;
  letter-spacing: -0.5px;
  
}
.menu-vertical .menu-inner{
  background: #000;
  padding-top: 0;
}

#layout-menu{
  background-color: #000 !important;
}
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link{
     background-color: #64B43C !important;
    color: rgb(255, 255, 255) !important;
}
.bg-menu-theme .menu-inner > .menu-item.active > .menu-link .menu-icon{
  color: #000;
}
/* ! 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
******************************************************************************/
.success_message{
  width: 60%;
  margin: auto;
}
.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;
}
.success-page{
  font-size: 17px;
    font-weight: 500 !important;
    text-align: center;
    padding: 0px 100px !important;
    color: #636363 !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;
}
.card1{
  box-shadow: 0 2px 6px 0 rgba(67, 89, 113, 0.12);
  border-radius: 0.5rem;
  background-color: rgba(255, 255, 255, 0.95) !important;
  height: 60px;
}
.table:not(.table-dark) th {
    color: #fff;
}
.card1 h3{
  padding-top: 10px;
  color: #403737;
}

/* For mobile phones: */
@media only screen and (max-width: 768px) {
  .footer-title {
    
    font-size: 12px !important;
}
#layout-navbar i{
  font-size: 17px !important;
}
.card-header1{
  font-size: 22px;
}
.card-header{
  text-align: center;
}
.modal-btn{
 justify-content: center !important;
}
}
#custom-li li{
 background-color: #000 !important;
 padding: 10px;
 border-radius: 5px;
}
#custom-li li:last-child{
  margin-bottom: 0 !important;
}
#custom-li{
  padding-left: 14px;
  padding-right: 14px;
}
#custom-li .text-secondary{
  font-size: 12px;
    margin-bottom: 1px;
    color: #000 !important;

}
#custom-li .p1{
  font-size: 10px;
  color:#fff;
  margin-bottom: 1px;
}
.p2{
  color: #fff;
    font-size: 11px;
 margin-bottom: 5px;
 display: flex;
 justify-content: space-between;
}
.icon1{
  justify-content: space-around;
}
.icon1 img{
  width: 50px;
  padding-right: 10px;
}
.p3{
  color: #fff;
    font-size: 12px;
}
.mcard{
  border-radius: 7px;
  background-color: #000020;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  
}