.flex-container{
    display: flex;  
 }
 .auth-right-side{
     flex: 1;
     background-color:#09132C; 
     height: 100vh;
   }

   #sidebar-menu{
     height: 100vh !important;
   }  
 
 
 .auth-left-side{
     flex: 1;
     height: 100vh;  
     background-color:#FFFFFF;  
 }
 
 .auth-left-side .inner-flex{
     padding-top: 72px;
    display: flex; 
    justify-content: center ;
 }
 
 .input-style{
    background-color: #F2F8FF; 
    width: 522px;
     height: 50px;
     /* top: 330px;
     left: 121px; */
     gap: 0px;
     border-radius: 8px 0px 0px 0px;
     border: 1px 0px 0px 0px;
     opacity: 0px;
     border: none;
  
 }
 
 .login-btn{
     width: 522px;
     height: 50px;
     background-color: #f8f8f8;
     /* top: 530px;
     left: 121px; */
     gap: 0px;
     border-radius: 8px 0px 0px 0px;
     opacity: 0px;
     border: #f8f8f8;
     color: #09132C;
     transition: all 0.5s;
 }
 
 .login-btn:hover{
     background-color:#09132C;   
     transition: all 0.5s;
 }
 
 .logo-style img{ 
     width: 230px;
     height: 230px;
     /* top: 256px;
     left: 1002px; */
     gap: 0px;
     opacity: 0px;
     
 }
 
 .logo-style{
     display: flex;
     padding-top: 72px;
     /* position: absolute; */
     /* top: 20%; */
     /* right: 108px; */
     justify-content: center;
     align-items: center     
 }
 
 .login-top-style{
     text-align: center;  
     font-family: Poppins;
     font-size: 48px;
     font-weight: 600;
     line-height: 72px;
     padding-bottom: 50px;
 }
 
 .feature-image{
     bottom: 0px;
     position: absolute;
     /* width: 488px; */
     right: 0px;
     height: 397px;
 }
 
 .header-logo-style{
     left: 21px;
     position: absolute;
     top: 21px;
     width: 88px !important;
     z-index: 999999999999;    
 }
 
 .navbar-brand-box{
     background-color:#09132C !important;  
 }
 
 body[data-sidebar=dark] .mm-active{
     background-color: #FE5B00;
 }
 
 
 .faq-style-container{
     position: relative; 
     background: transparent;
     border: none;
 }
 .faq-style-container img{
     width: 32px;
 }
 table {
    font-size: 12px; /* Adjust as needed */
  }
 
 
 .faq-style-container span{
     z-index: 999999999999999;
     position: absolute;
     color: white;
     left: 10px;
     top: 7px;
     font-size: 12px;
 }
 .custom-alert{
     padding: 5px 15px;
     border-radius: 20px;
     text-align: center;
 }
 .blue-alert{
     background: #DCECFF;
     color: #3D7DC8;
 }
 .red-alert{
     color: red; 
     background: #F6585826;
 
 }
 .custom-cursor{
     padding: 5px 10px;
     border-radius: 20px;
     text-align: center;
     width: 50px;
 }
 .red-cursor{
     color: red; 
     background: #F6585826;
 }
 .blue-cursor{
     background: #DCECFF;
     color: #3D7DC8;
 }
 .success-cursor{
     background: #d4edda;
     color:#26b547;
 }
 
 .custom-btn-style{
     background: #2B3A45;
     width: 301px;
     height: 50px;
     top: 377px;
     left: 305px;
     gap: 0px;
     border-radius: 8px 0px 0px 0px;
     opacity: 0px;
     color: #F2F8FF;
 }
 
 .custom-btn-style a{
     color: #F2F8FF;   
 }
 
 
 .accordion-button{
    background: white !important;   
 }
 
 .custom-btn-style-2{
     background-color: #09132C;
     border-radius: 8px 8px 8px 8px;    
 }
 
 .error-style{
    color: #F45050;
    font-weight: 600;
 }
 
 .success-style{
     color: #0DA41C;
     font-weight: 600;
  }
 .user-background{
     background: radial-gradient(50% 50% at 50% 50%, #DFDFDF 0%, #B1B1B1 100%);
     /* width: 292px; */
     height: 178px;
     top: 47px;
     left: 31px;
     gap: 0px;
     border-radius: 8px 0px 0px 0px;
     opacity: 0px;
     display: flex;
     justify-content: center
 }
 
 .user-background img{
     /* width: 100px; */
       
 }
 
 .checkbox-container-custom{
     display: flex;
     position: relative;
     height: 36px;
     width: 36px;
     font-size: 24px;
     font-weight: 800;
     color: white;
     border-radius: 50px;
     justify-content: center;
     align-items: center;
 }
 .custom-black-button{
     padding: 10px 30px;
      background: #2B3A45;
     color: fff;
 }
 .model-dialog-custom{
 width: 60%;
 margin: 0 auto;
 }
 .cutom-icon-div i{
  color: #000;
 }
    
 /* {
     align-content: flex-start;
     justify-content: center;
     align-items: center;   
 } */
 
 .completed-color{
     background: #5ccd5c; 
 }
 
 .progress-color{
     background: #FF7E35;
 }
 
 .not-completed-color{
     border: 1px solid#2B3A45; 
     background: white;
     /* color: grey; */
 }
 
 .checkbox-container-custom i{
     position: absolute; 
 }
 
 .flex-box-container{
      display: flex;
      
      justify-content: space-between
 }
 
 
 .flex-outer-container{
     display: flex;
     flex-direction: column;
     align-items: center;
 }
 
 .blue-name{
     color: #534FEB;
     font-family: Poppins;
     font-weight: 500;
 }
 .custom-header{
     color: #2B2B2B;
     font-family: Poppins;
     font-weight: 500;
     font-size: 20px;
     margin-right: 50px;
 }
 .custom-header i{
     margin-left: 10px;
     color: gray;
 }  
 
 .custom-nav .nav-link.active{
     background: #FE5B00;
 }
 
 .Complete{
     background: #D3FFD8;  
     color:#0DA41C; 
     width: Hug (108px)px;
     height: Hug (36px)px;
     padding: 6px 14px 6px 14px;
     gap: 10px;
     border-radius: 30px;
     opacity: 0px; 
     text-align: center;  
  
 }
 
 .Hold{
     background: #DCECFF;
     color: #3D7DC8;
     width: Hug (108px)px;
     height: Hug (36px)px;
     padding: 6px 14px 6px 14px;
     gap: 10px;
     border-radius: 30px;
     opacity: 0px;  
     text-align: center; 
 }
 
 .In-Progress{
     background: #FFEBE0;  
     color:#FF7E35;
     width: Hug (108px)px;
     height: Hug (36px)px;
     padding: 6px 14px 6px 14px;
     gap: 10px;
     border-radius: 30px;
     opacity: 0px;
     text-align: center; 
 
 }
 .In-Progress{
    background: #FFEBE0;  
    color:#FF7E35;
    width: Hug (108px)px;
    height: Hug (36px)px;
    padding: 6px 14px 6px 14px;
    gap: 10px;
    border-radius: 30px;
    opacity: 0px;
    text-align: center; 

}

.Approval-Pending{
    color: #212529;
    background-color: #ffc107;
    border-color: #ffc107;
}

.btn-xero{
   background-color: white !important;   
   color: #50a5f1;
}

.custom-card-style{
     border-radius: 20px !important;
}


.custom-card-style .custom-red-color-style a{
    color: #FE5B00 !important; 
}

.custom-avatar-title{
   background-color: white !important;  
}

.custom-avatar-title img{
    height: 48px;  
 }

 .custom-archived-style{
    background-color: #fff8df !important;
 }

 .custom-archived-style i{
    font-size: 18px;
    color: #9a978f !important;
 }

 .custom-border-style{
    border-radius: 10px; 
 }

 .custom-color-style{
   background-color: black;  
 }

 .flex-styling{
    display: flex;
    justify-content: space-between;
    width: 100%;
 }

 .font-weight-600{
     font-weight: 600;
 }

 #activeClientButton{
     border: #FE5B00;
     background-color: #FE5B00;
 }

 #deactiveClientButton{
    border: #A5A5A5;
    background-color: #A5A5A5;
 }

 #archivedclientsbutton{
    border: #c16565;
    background-color: #c16565;
 }


 .light-bluishgrey{
    border: #2B3A45 !important;
    background-color: #2B3A45 !important;
 }

 .percentage-span{
    border-radius: 50px;
    background: #09132c;
    color: #ffffff;
    padding: 3px 9px;
    margin-left: 5px;
 } 
 
 .query-raised{
    color: #F65858; 
    font-weight: 500;
 }

 .query-resolvedd{
    color: #24C18F; 
    font-weight: 500;  
 }

 .custom-text-style{
    font-size: 16px !important;
    color: #272525 !important;
    font-weight: 400;
 }

 #datatable_filter label{
    border-radius: 5px;
    padding: 4px 11px;
    border: 1px solid #e2e2e2;    
 }

 
 #datatable_filter label input[type=search]{
     border: unset;
 }


 #table2_filter label,#table3_filter label{
    border-radius: 5px;
    padding: 4px 11px;
    border: 1px solid #e2e2e2;    
 }

 
 #table2_filter label input[type=search],#table3_filter label input[type=search]{
     border: unset;
 } 

 .qrstyling{
    display: flex;
    justify-content: center;
 }

 .margin-top{
     margin-top: 50px;
 }

 .normal-text{
    font-size: 20px;
    font-weight: 300;
    color: #09132C;
    text-align: center;
 }

 .disapprovemodal-fade{
    display: none;
}


.disapprovemodal-show{
    background: #12111163;
    display: flex;
    width: 100%;
    align-content: space-between;
    justify-content: center;
    align-items: center;
}

.prospective{
     background: #f44336;
     color: white;
}

.Disapproved{
   background: red; 
   color: white !important;
}