/* .. Login Page CSS start .. */
.login_page .login_bg {
    background-image: url(../images/login_page/login-background.png);
    background-size: cover;
    height: 100vh;
    background-repeat: no-repeat;
    width: 100%;
    background-position: center;
}

.login_page .login_content_center {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.login_page .login_logo {
    width: 160px;
    margin-bottom: 10px;
}

.login_page .login_content_center h2 {
    font-family: "roboto_Regular";
    font-size: 28px;
}

.login_page .login_btn {
    width: 350px;
    margin-top: 30px;
    cursor: pointer;
}


/* Home page start */

.home_page_wrapper .right_section .card_container.profile_detail,
.home_page_wrapper .right_section .card_container.profile_graph {
    height: auto;
}

.home_page_wrapper .right_section .card_container.profile_detail {
    padding-bottom: 0px;
}

.home_page_wrapper .profile_graph {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
}


/* table start */

.home_page_wrapper .skills_list .sec_head,
.home_page_wrapper .project_list .sec_head {
    margin-bottom: 20px;
}

.home_page_wrapper .skills_list h4.mb_20 {
    margin-bottom: 20px !important;
}

.home_page_wrapper .skills_list ul,
.home_page_wrapper .project_list ul {
    padding-inline-start: 0px;
    height: 360px;
    overflow: auto;
    margin-bottom: 0px;
}

.home_page_wrapper .skills_list ul li,
.home_page_wrapper .project_list ul li {
    list-style-type: none;
    display: inline-block;
    background-color: #eef9ff;
    padding: 6px 12px;
    margin-bottom: 8px;
    margin-right: 4px;
    border-radius: 18px;
}

.home_page_wrapper .project_list ul li {
    display: block;
}


/* .home_page_wrapper .filter_row .col-lg-3
{
    width: 28%;
} */

.home_page_wrapper .filter_row .col-lg-2 {
    width: 16%;
}


/*  */
.home_page_wrapper .right_section .home_page_rightSection{
    height: calc(100vh - 101px);
    overflow-x: hidden;
    overflow-y: auto;
}
.home_page_wrapper .project_page .right_section .card_container.profile_detail {
    height: 86px;
}
.home_page_wrapper .project_page .home_page_rightSection .skills_list {
    height: 418px;
}
.home_page_wrapper .project_page .home_page_rightSection .project_list {
    height: 418px;
}
.home_page_wrapper .project_page .right_section .user_profile .profile_info {
    height: 332px;
    border-top: 0px solid transparent;
}
.home_page_wrapper .right_section .graph_container .card_container {
    height: 393px;
}

.home_page_wrapper .profile_detail .progress_div {
    margin-bottom: 10px;
}

.home_page_wrapper .team_member {
    padding: 0px 15px 10px 20px;
    border-bottom: 1px solid rgb(128 128 128 / 50%);
}

.home_page_wrapper .team_member ul p {
    font-weight: 600;
    font-size: 13px;
    margin: 0px;
    margin-bottom: 7px;
    color: #FFFFFF;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.home_page_wrapper .team_member ul {
    padding-inline-start: 0px;
    list-style-type: none;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home_page_wrapper .team_member ul li {
    display: inline-block;
}

.home_page_wrapper .team_member ul li:nth-child(1n) {
    background: #9AB4FC;
}

.home_page_wrapper .team_member ul li:nth-child(2n) {
    background: #FC9AED;
}

.home_page_wrapper .team_member ul li:nth-child(3n) {
    background: #86D8FE;
}

.home_page_wrapper .team_member ul li:nth-child(4n) {
    background: #FECC86;
}

.home_page_wrapper .team_member ul li:nth-child(5n) {
    background: #FF9EA2;
}

.talent_detail_wrapper .profile_detail .profile-sec .img-sec p {
    font-size: 25px;
    font-weight: 400;
    color: #FFFFFF;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin: 0 0 0px;
    background: #0091FF;
}
.home_page_wrapper .project_page .left_section .card_container .list_scroll {
    height: 329px !important;
}
.home_page_wrapper .team_member ul .img_container {
    width: 30px;
    height: 30px;
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 4px;
}

.home_page_wrapper .team_member ul .img_container img {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.home_page_wrapper .team_member ul .img_container span {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 600;
    color: #ffffff;
}

.home_page_wrapper .team_member ul .img_container .span {
    text-align: center;
    padding-top: 7px;
}

.home_page_wrapper .table-responsive {
    padding: 5px 15px;
}

.home_page_wrapper .home_organisation_flow {
    height: calc(100vh - 104px) !important;
}

.home_page_wrapper .team-col.hieranchy_view .team_chart .member_list {
    height: 600px;
    width: 90%;
    margin: 0 auto;
}

.home_page_wrapper .profile_graph .no_data_task_container {
    height: 360px;
}

.no_data_skill_project_container {
    height: 335px;
}

.count_total_tasks_graph .total_count {
    text-align: center;
    padding-right: 0px!important;
}
.project_container .download_rep_btn
{
    float: right;
}
.project_container .download_rep_btn ul.dropdown-menu.show {
    transform: translate3d(-67px, 7px, 0px) !important;
    min-width: 99px !important;
    padding: 0px;
}
.project_container .download_rep_btn .dropdown .dropdown-menu li 
{
    background: #0091FF;
    padding: 6px 10px;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    cursor: pointer;
}
.project_container .btn
{
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding-top: 4px;
    margin-top: -13px;
}
.project_container .btn img 
{
    width: 4px;
    transform: rotate(90deg);
    filter: invert(70%);
    opacity: 0.8;
}
#complete_export_report .select_talent input[type=checkbox]
{
    margin: 6px 2px 0px 0px;
    cursor: pointer;
}
#complete_export_report .select_talent label
{
    margin-top: 12px;
    position: absolute;
    line-height: 0;
}
/* Home page End */
/* Doughnut graph responsive CSS Start */
.resourses_chart.home_doughnut_chart canvas
{
    position: unset !important;
    width: 48% !important;
    height: auto !important;
    margin: 0 auto !important;
    left: unset !important;
    right: unset !important;
    top: unset !important;
    bottom: unset !important;
}
.resourses_chart.home_doughnut_chart .total_count_resource_graph
{
    align-items: unset;
    height: unset;
    margin-left: unset;
    margin-top: -31%;
}
/* Doughnut graph responsive CSS Start */
/* x-small devices - xs */

@media only screen and (min-width:320px) and (max-width:479.98px) 
{
    .home_page_wrapper .filter_row .col-lg-2
    {
        width: 100% !important;
    }
    .home_page_wrapper .resourses_chart.home_doughnut_chart canvas
    {
        width: 98% !important;
    }
    .home_page_wrapper .resourses_chart.home_doughnut_chart .total_count_resource_graph
    {
        margin-top: -64%;
    }
    .home_page_wrapper .card_container.project_container
    {
        margin-bottom: 20px;
    }
    .home_page_wrapper .right_section .card_container.profile_detail
    {
        margin-bottom: 0px;
    }
    .home_page_wrapper .table-responsive
    {
        border: 0px solid transparent;
    }
}


/* Small devices - sm  */

@media only screen and (min-width: 480px) and (max-width:767.98px) 
{
    .home_page_wrapper .filter_row .col-lg-3 {
        width: 50% !important;
    }
    .home_page_wrapper .filter_row .col-lg-2 {
        width: 50%;
        margin-top: 20px;
    }
    .home_page_wrapper .card_container.project_container
    {
        margin-bottom: 20px;
    }
    .home_page_wrapper .right_section .card_container.profile_detail
    {
        margin-bottom: 0px;
    }
    .home_page_wrapper .table-responsive
    {
        border: 0px solid transparent;
    }
}


/* Medium devices - md */

@media only screen and (min-width: 768px) and (max-width:991.98px) 
{
    .home_page_wrapper .filter_row .col-lg-3 {
        width: 50%;
    }
    .home_page_wrapper .filter_row .col-lg-2 {
        width: 50%;
        margin-top: 20px;
    }
    .home_page_wrapper .graph_container
    {
        height: calc(100vh - 251px);
    }
    .home_page_wrapper .resourses_chart.home_doughnut_chart canvas
    {
        width: 55% !important;
    }
    .home_page_wrapper .resourses_chart.home_doughnut_chart .total_count_resource_graph
    {
        margin-top: -38%;
    }
    .home_page_wrapper .right_section .col-12:last-child .card_container
    {
        margin-bottom: 0px;
    }
    .home_page_wrapper .right_section .card_container.profile_detail
    {
        margin-bottom: 0px;
    }
}


/* Large devices - lg */
@media only screen and (min-width:992px) and (max-width:1199px) {
    .home_page_wrapper .right_section .graph_container .card_container {
        height: calc(50vh - 95px);
    }
    .home_page_wrapper .resourses_chart.home_doughnut_chart canvas {
        width: 54% !important;
    }
    .home_page_wrapper .resourses_chart.home_doughnut_chart .total_count_resource_graph {
        margin-top: -40%;
    }

    .home_page_wrapper .right_section .profile_detail.card_container {
        margin-bottom: 0px !important;
    }
    .home_page_wrapper .filter_row .col-lg-2
    {
        width: 25%;
        margin-top: 21px;
    }
    .home_page_wrapper .graph_container
    {
        height: calc(100vh - 208px);
    }
    .home_page_wrapper .right_section .col-12:last-child .card_container,
    .home_page_wrapper .right_section .col-12:nth-last-child(2) .card_container
    {
        margin-bottom: 0px;
    }
    /* .home_page_wrapper .resourses_chart.home_doughnut_chart canvas
    {
        width: 92% !important;
    }
    .home_page_wrapper .resourses_chart.home_doughnut_chart .total_count_resource_graph
    {
        margin-top: -59%;
    } */
    .home_page_wrapper .card.profile_info,
    .home_page_wrapper .card.skills_list
    {
        margin-bottom: 20px !important;
    }

    .home_page_wrapper .left_section .card_container .list_scroll {
        height: calc(50vh - 137px);
    }
    .home_page_wrapper .right_section .resource_bar_chart_container {
        height: calc(50vh - 135px);
    }
    .home_page_wrapper .indivisual_card_page .filter_row label {
        margin-top: 0px;
    }
    .home_page_wrapper .filter_row .col-lg-2 {
        margin-top: 12px;
    }
    .home_page_wrapper .filter_row .col-lg-3 {
        width: 25%;
    }
    .home_page_wrapper .filter_row .custom_btn_blue {
        margin-bottom: 10px;
    }
    .card_container .sec_head, .sec_head {
        margin-bottom: 0px !important;
        font-size: 12px !important;
    }
    .home_page_wrapper .graph_container {
        height: calc(100vh - 168px);
    }
    .home_page_wrapper .left_section .card_container .form-control {
        margin: 5px 0px;
    }
}
/* @media only screen and (min-width: 992px) and (max-width:1199.98px) {
    
} */


/* X-Large devices -xl */

@media only screen and (min-width: 1200px) and (max-width:1399.98px) 
{
    .home_page_wrapper .right_section .col-12:last-child .card_container,
    .home_page_wrapper .right_section .col-12:nth-last-child(2) .card_container
    {
        margin-bottom: 0px;
    }
    .home_page_wrapper .card.profile_info,
    .home_page_wrapper .card.skills_list
    {
        margin-bottom: 20px !important;
    }
}


/* XX-Large devices - xxl */

@media only screen and (min-device-width: 1200px) and (max-device-width:1440px) {
    .home_page_wrapper .right_section .graph_container .card_container {
        height: 375px !important;
    }

    .resourses_chart.home_doughnut_chart canvas {
        width: 50% !important;
    }
    .home_page_wrapper .right_section .graph_container {
        height: 770px!important;
    }
    .home_page_wrapper .right_section .overview .resource_bar_chart_container {
        height: calc(50vh - -35px)!important;
    }
    .home_page_wrapper .project_page .left_section .card_container .list_scroll {
        height: 329px !important;
    }
    .home_page_wrapper .project_page .profile_graph .no_data_task_container {
        height: 360px!important;
    }
    .home_page_wrapper .project_page .right_section .user_profile .profile_info {
        height: 332px !important;
        border-top: 0px solid transparent;
    }
    .home_page_wrapper .project_page .right_section .card_container.profile_detail {
        height: 86px !important;
    }
    .home_page_wrapper .right_section .home_page_rightSection {
        height: calc(100vh - -265px)!important;
    }
    .home_page_wrapper .home_organisation_flow {
        height: 855px!important;
    }
    .member_list_container .lead-section{
        width: 60%!important;
    }
    /* .home_page_wrapper .filter_row .form-group {
        margin-bottom: 0px!important;
    } */
}
@media only screen and (min-width: 1441px) and (max-width:1680px) {
    .home_page_wrapper .right_section .graph_container {
        height: 788px!important;
    }
    /* .home_page_wrapper .right_section .graph_container .card_container {
        height: 375px !important;
    } */
    .home_page_wrapper .filter_row {
        margin-bottom: 20px;
    }
    .resourses_chart.home_doughnut_chart canvas {
        width: 50% !important;
    }
    /* .home_page_wrapper .right_section .graph_container {
        height: 770px!important;
    } */
    .home_page_wrapper .right_section .overview .resource_bar_chart_container {
        height: calc(50vh - -35px)!important;
    }
    .home_page_wrapper .project_page .left_section .card_container .list_scroll {
        height: 329px !important;
    }
    .home_page_wrapper .project_page .profile_graph .no_data_task_container {
        height: 360px!important;
    }
    .home_page_wrapper .project_page .right_section .user_profile .profile_info {
        height: 332px !important;
        border-top: 0px solid transparent;
    }
    .home_page_wrapper .project_page .right_section .card_container.profile_detail {
        height: 86px !important;
    }
    .home_page_wrapper .right_section .graph_container .card_container {
        height: 368px!important;
    }
    .home_page_wrapper .right_section .home_page_rightSection {
        height: calc(100vh - -85px)!important;
    }
    .home_page_wrapper .home_organisation_flow {
        min-height: 855px!important;
    }
    .member_list_container .lead-section{
        width: 60%!important;
    }
    .home_page_wrapper .right_section .card_container.profile_detail, .home_page_wrapper .right_section .card_container.profile_graph {
        height: auto !important;
    }
    .home_page_wrapper .project_page .home_page_rightSection .skills_list {
        height: 418px!important;
    }
    .home_page_wrapper .project_page .home_page_rightSection .project_list {
        height: 418px !important;
    }
}