body {
    background:#f8f9fa;
}
/* NAV BAR STYLES */
.navbar{
    background:#3498DB;/* IR WORX BLUE */
    padding-left:50px;padding-right:70px;
} 
.nav-item a{
    color:#fff;
    font-family:arial;
    font-size:14px;
}
.nav-item a:hover{
    /* color:#91D83C;*/
    color:#fff;
    font-weight:bold;
}
.bicon{
font-size:20px;
}
/* FORM STYLING */
.form-group {
    font-family:arial; font-size:16px;color:#666;margin-bottom:2px;
}
.form-group label {
    margin-bottom:2px;
    margin-left:5px;
    text-align:left;
}
.form-control{padding:8px;}
input[type=text], input[type=email], input[type=password], select {
            width: 100%;
            padding: 12px;
            border: 1px solid #ccc;
            border-radius: 4px;
            box-sizing: border-box; /* Ensure padding and border are included in width */
            margin-bottom: 3px;
            font-size: 16px;
        }
        #register-col {background:#fff;
        padding:20px;
    border-radius:10px;}

        #form-heading {
            font-family:arial;font-size:22px;color:#777;text-align:center;
        }
        #form-line {
            background-color:red;
            height: 1.2px;
        }
    
        /* LOGIN FORM STYLING */
        .card-header {
            font-family:arial;
            font-size:20px;
            color:#555;
            background:lightgrey;

        }
        #login-row {
            padding-top:60px;
        }
                  /* Customize modal */
    .modal-content {
        border-radius: 10px; /* Rounded corners */
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); /* Drop shadow */
        background-color: #ecf0f1; /* Background color */

        
    }

    .modal-header {
        border-bottom: none; /* Remove border from header */
        background-color: grey; /* Background color */
    
    }

    .modal-body {
        padding: 20px; /* Add padding to body */

     
    }

    .modal-footer {
        border-top: none; /* Remove border from footer */
    }

    /* Customize modal title */
    .modal-title {
        font-weight: bold; /* Bold title */
        color: #333; /* Text color */
    }
    /* Customize modal width */
    /* Customize modal width */
    .modal-dialog {
        width: auto; /* Set width based on content */
    }
    .double-line {
        border: 0;
        border-top: 2px double #189AB4; /* Adjust thickness and color */
        height: 0;
        margin: 10px 0;
    }
    .single-line1 {
        background:#189AB4;
       margin: 10px 0;
    }  .single-line2 {
        background:red;
       margin: 10px 0;
    }
    .single-line-sidebar {
        background:red;
       width:210px;
       position: center;
    }
    .single-line {
       background:orange;
       margin: 5px 5px;  
    }
    h1 {
        color:#189AB4;font-size:15px;text-align:left;
    }
    h2 {
        text-align:center;font-size:26px;color:black;text-transform:uppercase; font-style: italic;
    }
    h3 {
        font-size:18px;color:#189AB4;text-transform:uppercase;
    }
    h4 {
        color:#189AB4;font-size:16px;text-align:left;
    }