/* _content/ACG.DTS.HRJobClassification.Web/Views/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-hipjdh5130] {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

a[b-hipjdh5130] {
    color: #0077cc;
}

.btn-primary[b-hipjdh5130] {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.nav-pills .nav-link.active[b-hipjdh5130], .nav-pills .show > .nav-link[b-hipjdh5130] {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.border-top[b-hipjdh5130] {
    border-top: 1px solid #e5e5e5;
}

.border-bottom[b-hipjdh5130] {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-hipjdh5130] {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-hipjdh5130] {
    font-size: 1rem;
    line-height: inherit;
}

header #title-bar.header-container .company-name[b-hipjdh5130] {
    position: relative;
    bottom: 8px;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

header #title-bar.header-container .powered-by-label[b-hipjdh5130] {
    font-size: 10px;
    position: absolute;
    width: 102px;
    height: 45px;
    bottom: 12px;
    right: 12px;
    background-color: rgba(0, 0, 0, .3);
    border-radius: 5px;
    padding: 1px 0 0 11px;
}

.footer[b-hipjdh5130] {
    background-color: #e8e9e9;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 40px;
    display: flex;
    /*white-space: nowrap;*/
    /*line-height: 60px;*/
}

footer a[b-hipjdh5130], footer a:link[b-hipjdh5130], footer a:visited[b-hipjdh5130], footer .footer-link-new[b-hipjdh5130] {
    color: #006885;
}

    footer a:hover[b-hipjdh5130] {
        color: #015cb9;
    }

a:active[b-hipjdh5130], a:hover[b-hipjdh5130] {
    outline: 0;
}

footer a[b-hipjdh5130] {
    text-transform: uppercase;
    font-weight: 700;
    font-size: smaller;
    letter-spacing: 1px;
    text-align: center;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

a[b-hipjdh5130] {
    text-decoration: none !important;
}

a[b-hipjdh5130] {
    cursor: pointer;
    -webkit-transition: color .15s;
    -moz-transition: color .15s;
    -o-transition: color .15s;
    transition: color .15s;
}

a[b-hipjdh5130] {
    background: transparent;
}

footer .links-container .footer-link[b-hipjdh5130], footer .links-container .footer-link-new[b-hipjdh5130] {
    margin-right: 5px;
    display: inline-block;
    /*max-width: 200px;*/
    vertical-align: top;
    /*width:auto;*/
}

body div[b-hipjdh5130], body p[b-hipjdh5130] {
    font-size: 15px;
}

footer .links-container[b-hipjdh5130] {
    float: left;
}

a:hover[b-hipjdh5130] {
    text-decoration: underline !important;
}





.container1[b-hipjdh5130] {
    display: flex;
    /*justify-content: space-between;*/ /* Space between the containers */
    /*align-items: center;*/ /* Center items vertically */
    width: 100%; /* Full width */
}

.menu[b-hipjdh5130], .signin[b-hipjdh5130] {
    display: flex;
    align-items: center;
    background-color: transparent; /* Initially transparent */
    padding: 10px 20px;
    border-radius: 5px;
    transition: background-color 0.3s, box-shadow 0.3s, border 0.3s; /* Smooth transition */
    border: 2px solid transparent; /* Initial border */
    width: 3%; /* Set width to 20% of the screen for both */
    max-width: 200px; /* Optional: Limit max width */
    min-height: 50px; /* Set a minimum height for consistency */
}

.signin:hover[b-hipjdh5130] {
    background-color: #fff; /* Show background on hover */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Add shadow on hover */
    border: 2px solid #ccc; /* Add border color on hover */
}

.menu:hover[b-hipjdh5130] {
    background-color: #fff; /* Show background on hover */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); /* Add shadow on hover */
    border: 2px solid #ccc; /* Add border color on hover */
    width:auto
}

.menu-icon[b-hipjdh5130] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-right: 10px;
}

.line[b-hipjdh5130] {
    width: 18px;
    height: 2px;
    background-color: #333;
    margin: 1px 0;
}

.menu-text[b-hipjdh5130] {
    flex-grow: 1;
    font-size: 16px;
    color: #333;
    margin-right: 5px; /* Adjust this value to bring the arrow closer */
    text-decoration: none; /* No underline initially */
    transition: text-decoration 0.3s; /* Smooth transition for underline */
}

.menu:hover .menu-text[b-hipjdh5130] {
    text-decoration: underline; /* Underline on hover */
}

.arrow[b-hipjdh5130] {
    font-size: 18px;
    color: #333;
}

/*.specifications {
    flex-grow: 1;  
    text-align: center;
}*/

.specifications[b-hipjdh5130] {
    flex-grow: 1;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    z-index: 1000;
}

.specifications-text[b-hipjdh5130] {
    color: black;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    letter-spacing: 2px;
    text-transform: uppercase;
    padding-top: 20px;
    /*padding-bottom: 20px;*/
}

.signin[b-hipjdh5130] {
    text-align: right; /* Align text to the right */
    display: flex; /* Use flex to align icon and text */
    align-items: center; /* Center the icon and text vertically */
    width: auto;
}

.login-icon[b-hipjdh5130] {
    font-size: 18px; /* Adjust the size of the icon */
    margin-right: 5px; /* Space between icon and text */
}

.signin-text[b-hipjdh5130] {
    font-size: 16px;
    color: #333;
    cursor: pointer; /* Change cursor to pointer for interactivity */
    transition: text-decoration 0.3s; /* Smooth transition for underline */
    width: auto;
}

    .signin-text:hover[b-hipjdh5130] {
        text-decoration: underline; /* Underline on hover */
    }
