/* General Styles */

body *{
    font-family: Montserrat !important;
}

body {



    /*font-family: 'Arial', sans-serif;*/
    font-family: Montserrat;



    margin: 0;



    padding: 0;



    background: #2c3e50; /* Gradient Background */



    color: #333;



    overflow-x: hidden; /* Prevent horizontal scroll */



}


div#step-7 button.next-step {
    width: 100%;
}
.add-smtp{



    background-color: #1abc9c;



    color: white;



    border: none;



    cursor: pointer;



padding: 10px;



    margin: 0 auto 20px auto;



    border: 1px solid #ced4da;



    border-radius: 4px;



    font-size: 14px;



    box-sizing: border-box;



text-decoration: none;



}



/* Flexbox Container for Layout */



.container {



    display: flex;



    width: 100%;  /* Full viewport width */



    margin: 0;



    padding: 0;



}



/* Welcome Message */



.welcome-message {



    margin: 20px;



    padding: 20px;



    background-color: #f4f4f4;



    border-radius: 5px;



    box-shadow: 0 0 10px rgba(0,0,0,0.1);



}







.welcome-message h3 {



    margin-bottom: 10px;



    color: #333;



}







.welcome-message p {



    font-size: 16px;



    color: #555;



}







/* Sidebar Styles */

.sidebar img.logo {
    width: 100px;
}

.sidebar {


align-items: center;
    width: 250px;               /* Fixed width */



    background: #ecf0f1;        /* Dark background */



    color: white;

    border-right: 2px solid #F45200;

   



    height: 100vh;              /* Full height of viewport */



    box-sizing: border-box;



    position: fixed;            /* Fixed to the left side */



    top: 0;                     /* Stick to the top */



    left: 0;   



 display: flex;



    flex-direction: column;



    justify-content: space-between;/* Stick to the left */



}







.sidebar h2 {



    color: #ecf0f1;



    margin-bottom: 20px;



    text-align: center;



}







.sidebar ul {



    list-style: none;



    padding: 0;



    margin: 0;



 flex-grow: 1;



}





.sidebar ul li a{
    color: #000000;
    font-size: 24px;
    font-weight: normal;
    text-decoration: none;
}
.sidebar ul li.active img{
    margin-right: 10px;
   filter: brightness(0) invert(1);
}
.sidebar ul li img{
     margin-right: 10px;
   filter: brightness(0);
}
.sidebar ul li.active a{
    color: #fff;
    font-size: 24px;
    font-weight: normal;
    text-decoration: none;
}
.sidebar ul li {
    align-items: center;
    display: flex;
padding: 15px;
margin: 10px 0;
cursor: pointer;
text-align: center;
transition: all 0.3s ease;
    color: #000000;
    font-size: 24px;
    font-weight: normal;
}
.sidebar ul li.active {
        text-decoration: none;
padding: 15px;
color: #fff;
    font-size: 24px;
    font-weight: normal;
margin: 10px 0;
background: #263246;
cursor: pointer;
text-align: center;
transition: all 0.3s ease;
}







.sidebar ul li:hover {



    background: #f35200;



}



.sidebar .logout-btn {

font-size: 24px;

    padding: 10px 20px;



    background-color: #f44336;



    color: #fff;



    border: none;



    cursor: pointer;



    width: 100%;



    text-align: center;



    margin: 10px auto;



}







.sidebar .logout-btn:hover {



    background-color: #d32f2f;



}



/* Main Content Styles */




.main-content {



    margin-left: 250px; /* Matches the sidebar width */



    padding: 40px;



    background: #ecf0f1;



    min-height: 100vh;



    box-sizing: border-box;



    width: calc(100% - 250px); /* Take remaining width after sidebar */



}


.welcome-piers {
    font-size: 48px;
    color: #000;
    font-weight: 500;
}





.main-content h1 {



    color: #333;



    margin-bottom: 20px;



}







.main-content p {



    color: #555;



    margin-bottom: 20px;



}







/* Login Box Styles */



.login-box {



    background: #f35200;



    border-radius: 10px;



    padding: 30px;



    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);



    width: 100%;



    max-width: 400px;



    text-align: center;



    margin: auto;



}







.login-box h1 {



    margin-bottom: 20px;



    color: #fff;



}

.login-box img {
    width: 100px;
}





.login-box input[type="email"],



.login-box input[type="password"] {



    width: 100%;



    padding: 10px;



    margin: 10px 0;



    border: 1px solid #f55100;



    border-radius: 5px;



    box-sizing: border-box;



}







.login-box button {



    width: 100%;



    padding: 10px;



    background: #000;



    border: none;



    border-radius: 5px;



    color: #fff;



    font-size: 16px;



    cursor: pointer;



    transition: background 0.3s;



}




.login-box a.f-pass {
    display: block;
    margin-top: 20px;
    color: #ffffff;
    text-decoration: none;
    padding: 5px;
    border-radius: 5px;
}


.login-box button:hover {



    background: #313131;



}
input:checked + .slider {
    background-color: #f54f06 !important;
}
button:hover {
    background: #f35200 !important;
    color: #fff !important;
}





/* Button Styling */



button {



    padding: 10px 20px;



    background: #1abc9c;



    border: none;



    color: white;



    border-radius: 5px;



    cursor: pointer;



    transition: all 0.3s ease;



}







button:hover {



    background: #16a085;



}







/* Responsive Design for Small Screens */



@media (max-width: 768px) {



    .sidebar {



        position: relative;



        width: 100%;



        height: auto;



    }







    .main-content {



        margin-left: 0;



        width: 100%; /* Full width for small screens */



    }







    .container {



        flex-direction: column;



    }



}



/* Styling for the table */



.smtp-table, .users-table {



    width: 100%;



    border-collapse: collapse;



    margin: 20px 0;



    font-size: 16px;



    text-align: left;



    background-color: #f9f9f9;



    color: #333;



}







/* Table header styling */



.smtp-table thead, .users-table thead{



    background-color: #1abc9c;



    color: white;



}







.smtp-table th, .users-table th {



    padding: 12px;



    text-align: left;



    border: 1px solid #ddd;



}







/* Disable hover effect on thead rows */



.smtp-table thead tr:hover, .users-table tr:hover {



    background-color: inherit; /* Retain the original color */



}







/* Table body styling */



.smtp-table td, .users-table td {



    padding: 10px;



    border: 1px solid #ddd;



}







/* Alternate row background for better readability */



.smtp-table tr:nth-child(even), .users-table tr:nth-child(even) {



    background-color: #eafaf7;



}







/* Row hover effect for tbody rows */



.smtp-table tbody tr:hover, .users-table tbody tr:hover {



    background-color: #d6f5ee;



}







/* Link styling for the Delete action */



.smtp-table a, .users-table a{



    color: #e74c3c;



    text-decoration: none;



    font-weight: bold;



}



.smtp-table a:hover, .users-table a:hover {



    color: #c0392b;



    text-decoration: underline;



}



td.stts {



    text-transform: capitalize;



}

.campaingns-all {

    width: 100%;

    border-collapse: collapse;

    font-family: Arial, sans-serif;

font-size: 14px;

    overflow-x: auto;

    white-space: nowrap;

display: block;

}



.campaingns-all thead {

    background-color: #1abc9c;

    color: #fff;

}



.campaingns-all th, 

.campaingns-all td {

    padding: 10px;

    text-align: left;

    border: 1px solid #ddd;

}



.campaingns-all tbody tr:nth-child(odd) {

    background-color: #f9f9f9;

}



.campaingns-all tbody tr:nth-child(even) {

    background-color: #eafaf6;

}



.campaingns-all tbody tr:hover {

    background-color: #d7f7ee;

}



/* General button styling */

.campaingns-all a {

    display: inline-block;

    padding: 8px 12px;

    border-radius: 4px;

    color: #fff;

    font-size: 12px;

    font-weight: bold;

    text-align: center;

    text-decoration: none;

    transition: background-color 0.3s ease, transform 0.2s ease;

}



/* Pause button */

.campaingns-all a.pause {

    background-color: #f1c40f; /* Yellow */

}



.campaingns-all a.pause:hover {

    background-color: #d4ac0d;

    transform: scale(1.05);

}



/* Stop button */

.campaingns-all a.stop {

    background-color: #e74c3c; /* Red */

}



.campaingns-all a.stop:hover {

    background-color: #c0392b;

    transform: scale(1.05);

}



/* Delete button */

.campaingns-all a.delete {

    background-color: #8e44ad; /* Purple */

}



.campaingns-all a.delete:hover {

    background-color: #71368a;

    transform: scale(1.05);

}



/* Resume button */

.campaingns-all a.resume {

    background-color: #2ecc71; /* Green */

}



.campaingns-all a.resume:hover {

    background-color: #27ae60;

    transform: scale(1.05);

}



/* Restart button */

.campaingns-all a.restart {

    background-color: #3498db; /* Blue */

}



.campaingns-all a.restart:hover {

    background-color: #2980b9;

    transform: scale(1.05);

}



/* Edit button */

.campaingns-all a.edit {

    background-color: #16a085; /* Teal */

}



.campaingns-all a.edit:hover {

    background-color: #138d75;

    transform: scale(1.05);

}

.campaingns-all td {

    white-space: nowrap; /* Prevent wrapping of buttons */

}



.campaingns-all td a {

    margin-right: 5px; /* Add spacing between buttons */

    display: inline-block; /* Ensure buttons are inline */

}



/* Style for the add campaign */

.container.ssss {

    display: block !important;

height: auto;

}

.container.ssss h1 {

    color: #343a40;

    text-align: center;

    margin-bottom: 20px;

}

form#campaign-form{

 max-width: 500px;



    margin: 0 auto;



    background-color: #ffffff;



    padding: 20px;



    border-radius: 5px;



    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);



    box-sizing: border-box;

}

/* General Form Styling */

form#campaign-form {

    max-width: 500px;

    margin: 0 auto;

    background-color: #ffffff;

    padding: 20px;

    border-radius: 5px;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    box-sizing: border-box;

}



/* Step Container for the individual steps */

form#campaign-form #step-container {

    padding: 15px;

}



/* Step Header */

form#campaign-form h2 {

    font-size: 18px;

    color: #343a40;

    margin-bottom: 10px;

}



/* Step 1: Select SMTP Account Styling */

form#campaign-form  select {

    width: 100%;

    padding: 10px;

    margin-bottom: 20px;

    border: 1px solid #ced4da;

    border-radius: 4px;

    font-size: 14px;

    box-sizing: border-box;

}



form#campaign-form  select:focus {

    border-color: #80bdff;

    outline: none;

    box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);

}



/* Button Styling */

button.next-step, button.back-step {

    width: 49%;

    padding: 10px;

    background-color: #1abc9c; /* Button Color */

    color: white;

    font-size: 14px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    transition: background-color 0.3s ease, transform 0.2s ease;

}



button.next-step:hover, button.back-step:hover {

    background-color: #397f71; /* Darker green for hover effect */

    transform: scale(1.05);

}



/* Responsive Adjustments */

@media (max-width: 600px) {

    form#campaign-form {

        padding: 15px;

    }



    form#campaign-form  select, form#campaign-form button {

        font-size: 12px;

    }

}

/* Step Header */

#step-4 h2 {

    font-size: 18px;

    color: #343a40;

    margin-bottom: 15px;

    text-align: center;

}



/* Label Styling */

#step-4 label, #step-7 label {

    font-weight: bold;

    color: #495057;

    display: block;

    margin-bottom: 8px;

}



/* Input Fields */

#step-4 input[type="text"], 

#step-4 input[type="email"], #step-7 input[type="number"] {

    width: 100%;

    padding: 10px;

    margin-bottom: 20px;

    border: 1px solid #ced4da;

    border-radius: 4px;

    font-size: 14px;

    box-sizing: border-box; /* Ensures padding is included in the width calculation */

}



#step-4 input[type="text"]:focus, 

#step-4 input[type="email"]:focus {

    border-color: #80bdff;

    outline: none;

    box-shadow: 0 0 5px rgba(0, 123, 255, 0.25);

}



/* Next Button Styling */

#step-4 .next-step, #step-4 .back-step {

    width: 49%;

    padding: 10px;

    background-color: #1abc9c; /* Button Color */

    color: white;

    font-size: 14px;

    border: none;

    border-radius: 4px;

    cursor: pointer;

    transition: background-color 0.3s ease, transform 0.2s ease;

    text-align: center;

    margin-top: 15px;

}



#step-4 .next-step:hover, #step-4 .back-step:hover {

    background-color: #397f71; /* Darker green for hover effect */

    transform: scale(1.05);

}



/* Responsive Adjustments for Small Screens */

@media (max-width: 600px) {

    #step-4 input[type="text"], 

    #step-4 input[type="email"], 

    #step-4 .next-step, #step-4 .back-step {

        font-size: 12px;

    }

}

/* Step 5: Campaign Schedule Styling */

#step-5 {

    display: block;

    padding: 20px;

}



/* Heading for Step 5 */

#step-5 h2, #step-6 h2 {

    color: #343a40;

    text-align: center;

    margin-bottom: 20px;

}



/* Styling for Schedule Name Input */

#step-5 label[for="schedule_name"] {

    font-weight: bold;

    color: #495057;

    display: block;

    font-size: 15px;

    margin-bottom: 8px;

text-align: center;

    width: 100%;

}



#step-5 input[name="schedule_name"] {

    width: 100%; /* Full width input */

    padding: 10px;

    font-size: 14px;

    margin-bottom: 20px;

    border: 1px solid #ced4da;

    border-radius: 4px;

    box-sizing: border-box;

}



/* Day Row Layout */

.day-row {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 10px;

}



/* Styling for Day Checkbox */

.day-row input[type="checkbox"] {

    margin-right: 10px;

}



/* Timepicker Inputs for Each Day */

.day-row input[type="text"] {

    width: 100px;

    padding: 8px;

    font-size: 14px;

    margin-right: 10px;

    border: 1px solid #ced4da;

    border-radius: 4px;

}



/* Wrap day-row if needed */

.day-row input[type="text"]:last-child {

    margin-right: 0;

}



/* Responsive Layout for Small Screens */

@media (max-width: 600px) {

    .day-row {

        flex-direction: column;

        align-items: flex-start;

    }



    .day-row input[type="text"] {

        width: auto;

        margin-bottom: 10px;

    }



    .day-row input[type="checkbox"] {

        margin-bottom: 10px;

    }

}



/* Button Styling */

#step-5 button.next-step, #step-5 button.back-step {

    background-color: #1abc9c; /* Button color */

    color: white;

    border: none;

    padding: 10px 20px;

    font-size: 14px;

    cursor: pointer;

    border-radius: 4px;

    display: block;

    margin: 20px auto 0;

width: 49%;

    display: inline-block;

}



/* Hover Effect for Next Button */

#step-5 button.next-step:hover, #step-5 button.back-step:hover {

    background-color: #397f71; /* Hover color */

}

/* Step 6: Campaign Deadline */

#step-6 {

    display: block;

    padding: 20px;

}



/* Heading for Step 6 */

#step-6 label[for="campaign_deadline"] {

    font-weight: bold;

    color: #495057;

    display: block;

    margin-bottom: 8px;

}



/* Deadline Input */

#step-6 input[type="datetime-local"] {

    width: 100%; /* Full-width input */

    padding: 10px;

    font-size: 14px;

    margin-bottom: 20px;

    border: 1px solid #ced4da;

    border-radius: 4px;

    box-sizing: border-box;

}



/* Button Styling */

#step-6 button[type="submit"] {

    background-color: #df2f2f; /* Button color */

    color: white;

    border: none;

    padding: 10px 20px;

    font-size: 14px;

    cursor: pointer;

    border-radius: 4px;

    display: inline-block;

    margin: 0;
width:49%;


}



/* Hover Effect for Submit Button */

#step-6 button[type="submit"]:hover {

    background-color: #397f71; /* Darker button color on hover */

}

div#step-1 button.next-step {

   // width: 100%;

}

div#step-7 button {

    width: 49%;

}

button.addcmpg{

background: #e60000;

}
.sidebar ul.menu-items li img {
    width: 30px;
}
.sidebar ul.menu-items {
    width: 100%;
}
.sidebar ul.menu-items {
    border-top: 2px solid #F45200;
        margin-top: 10px;
}
/*dashboard*/
.three-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 20px 0px;
}
.three-box-inr {
    box-shadow: 2px 2px 18.1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    padding: 30px 70px;
}
.three-box-inr.box1 {
    background: linear-gradient(90deg, #e5ffc6, #a0ea85);
}
.three-box-inr.box2 {
    background: linear-gradient(90deg, #fff2c6, #eadb85);
}
.three-box-inr.box3 {
    background: linear-gradient(90deg, #cec6ff, #8c85ea);
}
.three-box-inr .box-project {
    font-size: 24px;
    font-weight: 500;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}
.three-box-inr b {
    font-size: 48px;
    color: #000;
    text-align: center;
    width: 100%;
    display: block;
}
.rcnt-box {
    box-shadow: 0px 0px 18.1px 1px rgb(243 122 0 / 32%);
    border-radius: 15px;
    background-color: #fff;
    display: inline-block;
    width: 100%;
}
.rcnt-box .recent-updates {
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    color: #000;
    padding: 30px;
}
.updates-list li {
    background-color: #ffd1b9;
    margin-bottom: 10px;
    padding: 15px 30px;
    list-style: none;
}
ul.update-item {
    padding: 0px;
    margin-top: 0px;
}
.updates-list {
    margin-bottom: 40px;
}



/*  new add */

.projctsbox .project {
    padding: 23px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 17.1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    margin-top: 20px;
    background: #fff;
}
.new-outer.main-content.projpage .projctsbox {
    padding: 23px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 17.1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    margin-top: 20px;
    background: #fff;
}
.new-outer.main-content.projpage .projctsbox .project{
    padding: 0px;
    border: none;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: none;
    border-radius: 10px;
    margin-top: 0px;
    background: #fff;
}
.header h1, .main-content.projpage h2.status-header {
    margin: 0;
    font-size: 24px;
    width: 100%;
    color: #f45200;
}
.main-content.projpage h2.status-header {
    margin-top:30px;
}
/* Employees Inner Section */
.administrator-employees-inner {
    margin: 20px auto;
    border-bottom: 3px solid #f45200;
    width: 100%;
}

/* Search and Filter Section */
.search-tab, .search-bar {
    justify-content: space-between;
    align-items: center;
    max-width: 800px;
    display: inline-block;
}

.search-tab input[type="text"], .search-bar input[type="text"] {
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    border: 2px solid #f45200;
}

.search-tab select {
    width: 192px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    background-color: #fff;
    border: 2px solid #f45200;
}
.new-outer.main-content.emplyo .action-button.add-new {
    margin-left: 650px !important;
}
/* Button Section */
.action-button.add-new {
   margin-left: 770px;
}



.action-button {
    padding: 8px 15px;
    margin-left: 10px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    color: #ff6600;
    border-radius: 30px;
    background-color: #fff;
    border: 2px solid #f45200;
    box-sizing: border-box;
}

.employee-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 23px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 17.1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background-color: #fff;
}
.projctsbox .project .proj-inr {
    display: flex;
    align-items: center;
    gap: 20px;
}
.proj-inr p {
    font-size: 15px;
    color: #000;
    font-weight: 500;
}
.employee-details strong, .projctsbox .project h4 {
    font-size: 24px;
    font-weight: 600;
}
.projctsbox .project h4 {
    margin:0px;
        margin-bottom: 20px;
}
.employee-details span {
    font-weight: 500;
    margin-top: 10px;
}
.enable-disable {
    margin-left: 10px;
}
div#addEmployeeModal, div#editEmployeeModal, div#addCompaniesModal, div#editCompaniesModal, div#projectModal, div#editProjectModal, div#editAdminProjectModal {
    padding: 30px 40px;
    width: 26.5%;
    right: -16%;
    background: #263246;
    border-radius: 15px 0px 0px 15px;
    height: 91vh;
    overflow-y: auto;
}
div#addEmployeeModal h2, div#editEmployeeModal h2, div#addCompaniesModal h2, div#editCompaniesModal h2, div#projectModal h2, div#editProjectModal h2, div#editAdminProjectModal h2{
    color: #fff;
}
div#addEmployeeModal label, div#editEmployeeModal label, div#addCompaniesModal label, div#editCompaniesModal label, div#projectModal label,div#editProjectModal h2 , div#editAdminProjectModal h2{
    color: #fff;
}
div#addEmployeeModal input, form#editProjectForm input, div#editEmployeeModal input, div#addCompaniesModal input, div#editCompaniesModal input, div#projectModal input,div#editProjectModal h2 , div#editAdminProjectModal h2{
   width: 97.5%;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 10px;
    border: none;
    margin-top: 10px;
}
div#addEmployeeModal button, div#editEmployeeModal button, div#addCompaniesModal button, div#editCompaniesModal button, div#projectModal button, div#editProjectModal button, div#editAdminProjectModal button{
    background: #fff !important;
    color: #f45200 !important;
    border-radius: 30px !important;
    padding: 15px !important;
}
.new-outer.main-content .employee-card .employee-actions .edit {
    cursor: pointer;
}
.new-outer.main-content .employee-card .employee-actions .edit:hover {
    color: #f54f06;
}
div#addCompaniesModal select, div#editCompaniesModal select, div#projectModal select, div#editProjectModal select, div#editAdminProjectModal select{
   width: 100%;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 10px;
    border: none;
    margin-top: 10px;
}
.proj-det .header a{
    text-decoration: none;
         margin-left: 0px !important;
}
ul.projctlist li.employee-cards {
    padding: 23px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 17.1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background-color: #fff;
}
ul.projctlist {
    list-style: none;
    padding: 0px;
    margin-top: 40px;
}
.project-otr.projctsbox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.edit-emplyoee .edit {
    cursor: pointer;
}
form#editProjectForm label {
    color: #fff;
}
#editProjectForm fieldset legend {
    color: #fff;
}
#editProjectForm fieldset {
      padding: 20px;
    border-radius: 10px;
    margin: 10px 0px;
}
.new-outer.main-content.projtdtl {
    padding: 0px;
    background-color: #ffffff;
}
.new-outer.main-content.projtdtl .progress-bar {
    box-shadow: 14px -1px 20px 12px #334C76;
    background: #263246;
    border-radius: 0px 0px 15px 15px;
    padding: 30px 50px;
}
.new-outer.main-content.projtdtl .progress-bar .header h1 {
    color: #fff;
    font-size: 24px;
    font-weight: 800;
    line-height: 29px;
    text-transform: capitalize;
}
.new-outer.main-content.projtdtl .container {
    display: block;
    padding: 50px;
    box-sizing: border-box;
}
.progress-stepss {
    margin-top: 40px;
}
.progress-stepss .progress-step {
    font-size: 15px;
}

/* //////////////   */
/* Container Styling */
.progress-stepss {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    position: relative;
}

/* Line Between Steps */
.progress-stepss::before {
    content: '';
    position: absolute;
    top: 15%;
    left: 6%;
    right: 4%;
    height: 15px;
    background: #555555;
    z-index: 0;
    border-radius: 50px;
    transform: translateY(-50%);
}

/* Step Styling */
.progress-step {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
    font-size: 14px;
        line-height: 40px;
}

/* Circle and Icon Styles */
.progress-step::before {
    content: '';
    display: block;
    width: 30px;
    height: 30px;
    margin: -5px auto 10px auto;
    background: #555555;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

.progress-step.completed:not(:first-child)::after {
    content: "";
    position: absolute;
    width: 225px;
    height: 15px;
    background-color: #F45200;
    border-radius: 44px;
    right: 55px;
    top: 4px;
}
.progress-step:nth-child(1) {
	z-index: 6;
}
.progress-step:nth-child(2) {
	z-index: 5;
}
.progress-step:nth-child(3) {
	z-index: 4;
}
.progress-step:nth-child(4) {
	z-index: 3;
}
.progress-step:nth-child(5) {
	z-index: 2;
}
.budget-bar {
    display: flex;
    align-items: center;
    gap: 45px;
    margin: 16px 0px 0px;
}
div#estimated-budget {
    background-color: #3E352E;
    border-radius: 35px;
    color: #F48200;
    font-size: 16px;
    line-height: 19.5px;
    font-weight: 700;
    padding: 8.25px 8px;
     min-width: 229px;
    text-align: center;
}
a#estimated-budget {
    font-size: 13px;
    line-height: 15px;
    color: #fff;
    text-decoration: none;
    border: 2px solid;
    display: inline-block;
    padding: 8.5px 12px;
    min-width: 189px;
    text-align: center;
    border-radius: 30px;
    font-weight: 500;
}
.single-team-member {
    box-shadow: 2px 2px 17.1px 1px #00000040;
    border-radius: 10px;
    padding: 18px 36px 18px 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.single-team-member:not(:last-child) {
	margin: 0px 0px 19px;
}
.name,
.file-field-outer a {
    font-weight: 600;
    font-size: 24px;
    line-height: 29.26px;
}
.file-field-outer a {
	color: inherit;
	text-decoration: none;
}
.position {
    font-weight: 500;
    font-size: 15px;
    line-height: 18.29px;
}
select#status {
    color: #F45200;
    text-decoration: underline;
    font-size: 16px;
    line-height: 19px;
    font-weight: 600;
    border: 0;
    padding: 0;
    appearance: none;
    width: max-content;
    background-image: url(images/select-arrow.svg);
    background-repeat: no-repeat;
    padding-right: 20px;
    background-position: center right;
    outline: none !important;
}
.status-update {
    margin: 0 0 20px;
}
.qstn-row h2,
.form-field label {
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    margin: 0px 0px 8px;
    color: #F45200;
}
.qstn-row:not(:last-child) {
	margin: 0 0 20px;
}
.qstn-row .answer {
    background-color: #EFEFEF;
    border-radius: 10px;
    padding: 7px 27px;
    min-height: 83px;
}
.answer p {
    color: #717171;
    font-size: 14px;
    line-height: 17px;
    margin: 0;
}
.crnt-stts h2 {
	margin: 0px 0px 5px;
}
.head-btn-outer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 0 15px;
}
.head-btn-outer h3,
.files-title h3 {
    font-size: 24px;
    line-height: 29.26px;
    margin: 0;
}
button.add-team-member,
button.save-qstn,
#add-member-popup button {
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    color: #F45200;
    background: transparent;
    border: 2px solid #F45200;
    border-radius: 50px;
    padding: 4px 10px;
    display: flex;
    align-items: center;
    gap: 7px;
}
button.add-team-member:hover img {
	filter: brightness(0) invert(1);
}
button.save-qstn {
    padding: 6.5px 10px;
    margin: 15px 0px 0px;
}
#add-member-popup button {
    padding: 6.5px 10px;
    display: inline-flex;
    margin: 0px;
}
.team-members {
    border-top: 2px solid #C0C0C0;
    margin: 50px 0px 0px;
    padding: 50px 0px 0px;
}
.add-qstn-title {
    margin: 40px 0px 20px;
}
.form-field input#question {
    background-color: #EFEFEF;
    border-radius: 10px;
    border: 0;
    width: 100%;
    height: 40px;
    padding: 0px 20px;
    box-sizing: border-box;
}
.form-field label {
	display: block;
}
.files-title {
    margin: 20px 0px 10px;
}
.form-field.file-type {
    box-shadow: 2px 2px 17.1px 1px #00000040;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 11px 21px 11px 32px;
}
.file-type-right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 8px;
}
button.delete-file {
    border-radius: 0px;
    padding: 0;
    width: auto;
    background-color: transparent !important;
    margin-right: 10px;
    outline: none !important;
}
.file-type-right > a {
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    text-decoration: none;
    color: #F45200;
    display: flex;
    align-items: center;
}
.head-btn-outer.files-title label {
    font-weight: 500;
    font-size: 13px;
    line-height: 15.85px;
    color: #C0C0C0;
    display: flex;
    align-items: center;
    gap: 6px;
    border: 2px solid #C0C0C0;
    border-radius: 50px;
    padding: 4px 10px;
}
.head-btn-outer.files-title label img {
    filter: brightness(0) saturate(100%) invert(86%) sepia(0%) saturate(0%) hue-rotate(59deg) brightness(92%) contrast(87%);
}
#add-member-popup {
	border: 0px solid #ccc;
    box-shadow: 0px 8px 40px rgba(0, 0, 0, .2);
    border-radius: 20px;
}
.main-content.bid-analysis-main {
    background-color: #ffffff;
}

/* Green Completed Step */
.progress-step.completed::before {
    background-color: #F45200;
    background-image: url("images/CheckCircleFill.svg");
}

/* Current Step */
.progress-step.current::before {
    background-color: #263246;
    background-image: url("images/ClockFill.svg");
}

/* Upcoming Steps */
.progress-step:not(.completed):not(.current)::before {
    background-image: url("images/ExclamationCircleFill.svg");
}


.bit-analysis-outer {
    display: flex;
}

.table-outer {
    margin: 20px 0px 0px;
}
.tb-row {
    display: flex;
    gap: 14px;
}
.tb-row label {
    font-weight: 600;
    font-size: 16px;
    line-height: 19.5px;
    color: #F45200;
    display: block;
    margin: 0 0 10px;
}
.tb-row input, .tb-row select {
    background-color: #EFEFEF;
    border: 0;
    border-radius: 10px;
    height: 45px;
    width: 100%;
    padding: 0px 15px;
    box-sizing: border-box;
}
.bit-analysis-inner {
    max-width: 52.37%;
    flex: 0 0 52.37%;
    border-right: 2px solid #A6A6A6;
    padding-right: 64px;
    box-sizing: border-box;
}
.tb-col:first-child {
    max-width: 56.42%;
    flex: 0 0 56.42%;
}
.tb-col:nth-child(2) input {
    width: 154px;
}
.tb-col:nth-child(2) > div {
    font-size: 12px;
    margin: 5px 0px 0px;
    text-align: center;
    color: #939393;
    max-width: 154px;
}
.table-outer .tb-row:not(:first-child) .tb-col:nth-child(2) {
    padding: 30px 0px 0px;
}
button.submit-btn {
    font-weight: 500;
    color: #F45200;
    background: transparent;
    border: 2px solid #F45200;
    border-radius: 50px;
    padding: 10px 40px;
    width: auto;
    margin: 30px 0px 0px;
}
div#final-score {
    background-color: #E9AE50;
    border-radius: 10px;
    font-weight: 800;
    font-size: 20px;
    line-height: 24.38px;
    letter-spacing: 0.09em;
    color: #000;
    display: inline-block;
    padding: 9px 20px;
    width: 45.5%;
}
.gauge-container {
    width: auto;
    margin: auto;
}

.search-tab, .search-bar {
    position: relative;
}
.search-tab span, .search-bar span{
    position: absolute;
    right: 5px;
    top: 11px;
}
span.pls {
    border: 1px solid;
    border-radius: 150px;
    padding: 3px 7px;
    margin-right: 6px;
}
.employee-actions .edit {
    font-size: 30px;
    margin-right: 30px;
}
.main-content.projpage .projctsbox .project {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 23px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    box-shadow: 2px 2px 17.1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background-color: #fff;
}
.project-otr.projctsbox.ss .project {
    display: block;
}