*{
	margin: 0;
	padding: 0;
	font-family: 'Source Sans Pro','Helvetica Neue',Helvetica,Arial,sans-serif;
/*    font-size: 15px;*/
   /*border: 1px solid red;*/
}
.pagination li a {
	font-size: 14px !important;
}
/*.login-card{
   border-radius: 20px;
   height: auto;
   width: 800px;
   margin: auto;
   box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}*/
.action-btn {
    transition: all 0.3s ease-in-out;
}

.action-view {
    background-color: #f0f3ff !important;
    color: #6366f1 !important;
}
.action-view:hover {
    background-color: #6366f1;
    color: #fff !important;
}

.action-edit {
    background-color: #e0f7ff;
    color: #0ea5e9;
}
.action-edit:hover {
    background-color: #0ea5e9;
    color: #fff;
}

.action-delete {
    background-color: #ffe4ea;
    color: #ec4899;
}
.action-delete:hover {
    background-color: #ec4899;
    color: #fff;
}

.action-add {
    background-color: #d1fae5; 
    color: #10b981;           
}

.action-add:hover {
    background-color: #10b981; 
    color: #fff;               
}
.action-primary {
    background-color: #e0f2fe;
    color: #3b82f6;            
}

.action-primary:hover {
    background-color: #3b82f6; 
    color: #fff;               
}

.lead-badge {
    display: inline-block;
    font-size: 12px;
    padding: 4px 12px;
    font-weight: 600;
    border-radius: 10px;
    text-align: center;
    white-space: nowrap;
}

.badge-enable {
    background-color: #d1fae5; /* soft green */
    color: #10b981;
}

.badge-disable {
    background-color: #ffe4e6; /* soft red */
    color: #ef4444;
}

.headingBg{
    background-color: #FFDD86;
}
/*login page*/

/* Full-Width Banner Section */
.banner-section {
    background: url('../img/login.png') no-repeat ;
    background-size: cover;
/*    height: 100vh;*/
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: relative;
}
.form{
/*    background: rgba(0, 0, 0, 0.5); */
    border-radius: 50px; 
}

/* Dark Overlay for Readability */
.banner-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
    z-index: 1;
}

/* Banner Content */
.banner-content {
    position: relative;
    z-index: 2;
    max-width: 80%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

/* Left Side - Quotes */
.banner-text {
    width: 50%;
    padding: 40px;
}

.banner-text h1 {
    font-size: 2.5rem;
    font-weight: 600;
}

.banner-text p {
    font-size: 1.2rem;
    margin-top: 10px;
    font-style: italic;
}

/* Right Side - Login Form */
.banner-form {
    width: 50%;
/*    background: rgba(255, 255, 255, 0.1);*/
    padding: 100px;
    border-radius: 40px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
    color: #27548A;

}

.banner-form .submit {
    background-color: #4F959D;
}

/*
@media (max-width: 768px) {
    .banner-content {
        flex-direction: column;
        text-align: center;
    }*/

    .banner-text, .banner-form {
        width: 100%;
        padding: 20px;
    }
}
.icon-wrapper .fa-user {
    font-size: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.icon-wrapper {
    background: white;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 20px rgba(0,0,0,0.2);
    overflow: hidden;
}
.inputField{
    border-radius: 20px;

}
/*./login form*/

ul.pagination li {
    margin: 0px 10px !important;
}

/* Flash messages */
.message {
    padding: 1rem;
    background: #eff8ff;
    color: #2779bd;
    border-color: #6cb2eb;
    border-width: 1px;
    border-style: solid;
    border-radius: 4px;
    font-size: 14px;
    padding: 0.4em;
    margin: 0.4em 1em;
}
.message.hidden {
    display: none;
}
.message.success {
    background: #e3fcec;
    color: #1f9d55;
    border-color: #51d88a;
}
.message.error {
    background: #fcebea;
    color: #cc1f1a;
    border-color: #ef5753;
}

.message.warning {
    background: #fff3cd;
    color: #856404;
    border-color: #ffeeba;
}

.main-header.navbar.navbar-expand {
    background-image: url(../img/syscom-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-position-y: -5px;
    margin-top: 10px;
}
  .step { display: none; }
  .step.active { display: block; }
  .step-indicator { margin-right: 1rem; cursor: pointer; }
  .step-indicator.active { font-weight: bold; text-decoration: underline; }
  .step-buttons { margin-top: 1rem; }

  .step-indicator {
    padding: 8px 16px;
    margin-right: 10px;
    border-radius: 4px;
    background-color: #ccc;
    color: #000;
    display: inline-block;
}

.step-indicator.active {
    background-color: #007bff;
    color: white;
    font-weight: bold;
}

.step-indicator.completed {
    background-color: #28a745;
    color: white;
}
.dealer-bg{
    background-color: #E8ECED;
}
.banner-bg {
    background: url('../img/login-bg.jpg') no-repeat ;
    background-size: cover;

}
.login-section{
    background-color: #5379F7;
}
.pull-right{
    float: right !important;
}

.header_h4{width:100%; float: left; text-align: center;}
.pdf_container{width:100%;float:left; height: 1001px; border-top: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000;}
.info_section{width: 100%; border-collapse: collapse;}
.info_section td{vertical-align: top;font-size: 12px;  text-align: left; padding: 0.5% 1%; border:1px solid #000;}
.pdf_products{width: 100%; float: left; border-top: 1px solid #000; margin-top: 2px; }
.pro_table{width: 100%; border-collapse: collapse;}
.pro_table th{ font-size: 11px; font-weight: lighter; text-align: center; padding: 1% 0; border: 1px solid #000;}
.pro_table td{ font-size: 12px;  text-align: center; padding: 0.1% 1%; border:none;}
.tax_table { width: 100%; border-collapse: collapse;}
.tax_table th{ font-size: 12px; font-weight: lighter; text-align: center; padding: 0; border: 1px solid #000;}
.tax_table td{ font-size: 12px;  text-align: center; padding: 0.1% 1%; border:none;}


.suggesstion-box {
  position: absolute;
  width: 90%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 9999;         
}

.suggesstion-box ul#country-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.suggesstion-box ul#country-list li {
  padding: 8px 12px;
  border-bottom: 1px solid #eae5e5;
  cursor: pointer;
}
.suggesstion-box ul#country-list li:last-child {
  border-bottom: none;
}
.suggesstion-box ul#country-list li:hover {
  background: #f5f5f5;
}