/* @font-face {
    font-family: 'SF Pro Display', 'sans-serif';
    src: url('C:/MAMP/htdocs/HRVC/frontend/web/fonts/sf-pro/SF-Pro.ttf');
  } */


.scroll-container {
    overflow: auto;
    /* Hides scrollbar */
}

.scroll-container::-webkit-scrollbar {
    display: none;
}


.caret-left {
    color: white;
    font-size: 15px;
    margin-left: 190px;
    cursor: pointer;
}

.hrvc-logo {
    width: 80%;
}

.text-under-logo {
    font-size: 11px;
    margin-top: 5px;
    color: #FFFFFF !important;
    font-weight: 400;
}

.main-logo {
    width: 182.42px;
    height: 28.5px;

}


.hrvc-head-name {
    color: #e1e2e4;
    text-decoration: none;
    font-size: 16px;
}

.no-underline {
    text-decoration: none;
    color: white;
}

.no-underline:hover,
.no-underline:focus,
.no-underline:active {
    text-decoration: none;
    color: white;
}

.navbar-header {
    padding-left: 10px;
    padding-top: 20px;
}

.navbar-header a:hover {
    background-color: rgb(220, 228, 229);
    color: rgb(25, 116, 201);
    border-radius: 3px;
    font-weight: 600;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 6px;
    padding-top: 6px;
}

.haeder-company {
    color: #94989F;
    margin-top: 20px;
    text-transform: uppercase;
}

.haeder-kpi {
    color: #94989F;
    margin-top: 20px;
}

.haeder-Evalution {
    color: #94989F;
    margin-top: 20px;
    font-size: 14px;
    text-transform: uppercase;
}

.header-pim {
    font-size: 14px;
    background-color: rgb(249, 249, 249);
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 5px;
}

.box-bnt-home {
    padding-left: 3%;
    padding-right: 3%;
}

.btn-hrvc-home {
    background-color: #043A5C;
    color: white;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    border-radius: 3px;
    height: 31px;
    align-content: center;
}

.btn-group-menu {
    background-color: #202940;
    color: white;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    /* padding-top: 3%;
    padding-bottom: 3%;
    letter-spacing: 0.5px; */
    text-align: center;
    border-radius: 3px;
    height: 34px;
    align-content: center;
}

.first-layer-manu {
    padding-left: 20px;
    padding-right: 9px;
    margin-top: 16px;
    font-weight: 500;
    font-size: 12px;
    color: #E2E5EE;
    line-height: 20px;
}

.second-layer-menu {
    padding-left: 20px;
    padding-right: 15px;
    margin-top: 10px;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 12px;
    line-height: 20px;
    color: white;
}

.third-layer-menu {
    padding-left: 25px;
    padding-right: 0px;
    margin-top: 8px;
    font-weight: 200;
    letter-spacing: 0px;
    font-size: 11px;
    color: white;
}

.first-layer-icon {
    height: 17px;
    width: 17px;
    margin-right: 8px;
}

.first-layer-icon2 {
    height: 11px;
    width: 18px;
    margin-right: 2px;
}

.home-icon {
    height: 17px;
    width: 17px;
}

.home-icon2 {
    height: 12px;
    width: 20px;

}

.home-iconNew {
    height: 10px;
    width: 10px;
    margin-right: 2px;
}

@media(max-width: 768px) {
    .width-hrvc {
        width: 100%;
    }

    .header-top {
        width: 100%;
    }
}

@media(max-width:992px) {
    .header-top {
        width: 100%;
    }
}