* {
    margin: 0;
    padding: 0;
    font-family: "Inter", sans-serif;
    box-sizing: border-box;
    font-size: 16px
}

/* Font Family */
/* Thin 100, Extra-light 200, Light 300, Regular 400, Medium 500, Semi-bold 600, Bold 700, Extra-bold, Black  */

/* @font-face {
    font-family: "Corbel";
    font-weight: 700;
    src: local("Corbel bold"), url("./../fonts/corbel-bold.ttf") format("ttf");
}
@font-face {
    font-family: "Corbel";
    font-weight: 500;
    src: local("Corbel regular"),
        url("./../fonts/corbel-regular.ttf") format("ttf");
}
@font-face {
    font-family: "Corbel";
    font-weight: 200;
    src: local("Corbel light"), url("./../fonts/corbel-light.ttf") format("ttf");
} */

@font-face {
    font-family: "Inter";
    font-weight: 400; /* Regular */
    src: local("Inter Regular"), url("./../fonts/Inter/static/Inter-Regular.ttf") format("truetype");
}

@font-face {
    font-family: "Inter";
    font-weight: 500; /* Medium */
    src: local("Inter Medium"), url("./../fonts/Inter/static/Inter-Medium.ttf") format("truetype");
}

@font-face {
    font-family: "Inter";
    font-weight: 700; /* Bold */
    src: local("Inter Bold"), url("./../fonts/Inter/static/Inter-Bold.ttf") format("truetype");
}


body {
    font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: #f3f3f4;
    font-weight: 300;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }


/* Home Page */

.home_page {
    height: 100vh;
}
.home_page .container {
    height: 100vh;
}
@media (min-width: 1400px) {
    .home_page .container {
        max-width: 1500px;
        height: 100vh;
    }
}

.home_page_logo {
    width: 100px;
    margin-top: 40px;
}

.home_page_right_side_logo {
    width: 100%;
}

.home_page_left_side_content {
    padding: 0 0px 0 0;
}

.home_page_content {
    padding: 20px 0px;
    font-size: 40px;
    font-weight: 600;
    line-height: 45px;
}

.home_page_singin_section {
    padding: 15px 0;
}

.home_page_heading {
    color: #c12a7c;
    font-size: 20px;
}

.home_page_paragrapgh {
    font-size: 16px;
    font-weight: 500;
    width: 85%;
    margin-bottom: 30px;
}

.home_page_singin {
    color: #c12a7c;
    border: 2px solid #c12a7c;
    border-radius: 32px;
    padding: 10px 50px;
    font-size: 20px;
}

.home_page_singin:hover {
    cursor: pointer;
    color: #fff!important;
    background: linear-gradient(45deg, #bd267a, #782b87);
}

.home_page_privacy_policy {
    padding: 50px 0 0px 0;
    font-size: 14px;
}

.home_page_right_side_content {
    padding: 0% 10%;
    height: 100%;
}

.home_page_footer {
   color: #9a9a9a;
}

.home_page_privacy_text{
    color: #55c4ff;
    text-decoration-line: underline;
}

.home_page_privacy_text:hover{
    color: #55c4ff;
}

/* */

/* Navigation  */

a {
    text-decoration: none;
}
.mobile_toggle_button{
    display: none;
}
.mobile_toggle_button button{
    border: 0;
    background: transparent;
    margin-top: 5px;
}
.nav_container {
    width: 100%;
    max-width: 100%;
    position: fixed;
    padding: 25px 80px;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 999;
    border-bottom: 1px solid lightgray;
}

.navbar,
.navbar > .nav_container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}
.navbar {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    background-color: #fff;
    border-bottom: 1px solid gray;
}
.navbar .navbar-header {
    display: flex;
    align-items: center;
}

.navbar .navbar-header .navbar-toggler {
    cursor: pointer;
    border: none;
    display: none;
    outline: none;
}

.navbar .navbar-header .navbar-toggler span {
    height: 2px;
    width: 22px;
    background-color: #929aad;
    display: block;
}
.navbar .navbar-header .navbar-toggler span:not(:last-child) {
    margin-bottom: 0.2rem;
}
.navbar .navbar-header > a {
    font-weight: 500;
    color: #3c4250;
}
.navbar .navbar-menu {
    display: flex;
    align-items: center;
    flex-basis: auto;
    flex-grow: 1;
}

.navbar .navbar-menu .navbar-nav {
    margin-left: auto;
    flex-direction: row;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.navbar .navbar-menu .navbar-nav > li > a {
    color: #3c4250;
    text-decoration: none;
    display: inline-block;
    padding: 0.5rem 1rem;
    font-size: 21px;
}
.navbar .navbar-menu .navbar-nav > li > a:hover {
    color: #66f;
}

.navbar .navbar-menu .navbar-nav > li.active a {
    color: #66f;
}
.navbar .navbar-menu .navbar-nav .navbar-dropdown .dropdown {
    list-style: none;
    position: absolute;
    top: 80px;
    right: 0;
    padding: 0;
    margin: 0;
    background-color: #fff;
    min-width: 380px;
    width: 380px;
    max-height: 363px;
    overflow-x: auto;
    z-index: 99999;
    border-radius: 0rem;
    display: none;
    border: 1px solid lightgray;
}
.navbar .navbar-menu .navbar-nav .navbar-dropdown .dropdown::-webkit-scrollbar {
    width: 0;
}
.navbar .navbar-menu .navbar-nav .navbar-dropdown .dropdown .image_with_likes {
    margin-bottom: -15px;
}
.read_all_messages {
    padding: 25px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    text-transform: capitalize;
}
.navbar
    .navbar-menu
    .navbar-nav
    .navbar-dropdown
    .dropdown
    .read_all_messages
    a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
}
.navbar
    .navbar-menu
    .navbar-nav
    .navbar-dropdown
    .dropdown
    .peoples
    .peoples_box {
    padding: 15px;
}
.navbar
    .navbar-menu
    .navbar-nav
    .navbar-dropdown
    .dropdown
    .peoples
    .peoples_box:last-child {
    border-bottom: 0;
}
.navbar .navbar-menu .navbar-nav .navbar-dropdown .dropdown .alert_box_wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
}
.navbar .navbar-menu .navbar-nav .navbar-dropdown .dropdown .alert_box {
    padding: 30px 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid rgb(230, 230, 230);
}
.navbar
    .navbar-menu
    .navbar-nav
    .navbar-dropdown
    .dropdown
    .alert_box
    .message {
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
}
.navbar .navbar-menu .navbar-nav .navbar-dropdown .dropdown .alert_box .time {
    font-size: 10px;
    color: lightgray;
    font-weight: 10px;
}
.see_alerts {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

.navbar .navbar-menu .navbar-nav .navbar-dropdown .dropdown li a {
    color: #3c4250;
    padding: 0.25rem 1rem;
    display: block;
}
.navbar .navbar-menu .navbar-nav .navbar-dropdown .dropdown.show {
    display: block !important;
}
.navbar .navbar-menu .navbar-nav .dropdown > .separator {
    height: 1px;
    width: 100%;
    margin-top: 9px;
    margin-bottom: 9px;
    background-color: #eceef3;
}
.navbar .navbar-dropdown {
    position: relative;
}

.navbar .navbar-header > a span {
    color: #66f;
}

.navbar .navbar-header h4 {
    font-weight: 500;
    font-size: 1.25rem;
}

.logo {
    width: 100px;
    padding-left: 0px;
}
.envelope {
    font-size: 24px;
    position: relative;
}
.envelope-badge {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 7%;
    top: 50%;
    color: #fff;
    font-size: 12px;
    background: #95a73b;
    border-radius: 32%;
    padding: 0px;
    text-align: center;
    cursor: pointer;
}
.bell {
    font-size: 24px;
    position: relative;
}
.bell-badge {
    position: absolute;
    width: 18px;
    height: 18px;
    right: 7%;
    top: 50%;
    color: #fff;
    font-size: 12px;
    background: #f47f20;
    border-radius: 32%;
    padding: 0px;
    text-align: center;
    cursor: pointer;
}

/* Sidebar css */

.sidebar {
    width: 70px;
    /* background: linear-gradient(45deg, #762c88, #bf267a); */
    background:linear-gradient(45deg,white,white);
    padding: 20px;
    position: fixed;
    left: 0;
    height: calc(100vh + 1000px);
    top: 114px;
    border-right: 1px solid lightgray;
    transition: 0.3s ease;

}

.sidebar.active{
    width: 234px;
    background:linear-gradient(45deg,white,white);
    padding: 20px;
}

.sidebar a {
    background: transparent !important;
    padding: 0px 0px;
    margin-bottom: 35px;
    margin-left: 5px;
    border-radius: 30px;
    width: 100%;
    border: 0px solid transparent !important;
    transition: 0.3s;
    color:#bf267a;

}
.sidebar a.active{
    color:#762c88;
}
.sidebar.active a.active {
    background: linear-gradient(45deg, #bf267a, #762c88) !important;
    /* border: 1px solid lightgray !important; */
    color: #fff !important;
}
.sidebar.active a {
    background: #fff;
    padding: 7px 25px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
    border-radius: 30px;
    width: 100%;
    border: 1px solid transparent;
    color: #000;

    /* transition: 0.3s; */
}

.sidebar a span {
    display: none;
}
.sidebar.active a span{
    display:block;
}

.sidebar.active a:hover {
    background: linear-gradient(45deg, #bf267a, #762c88) !important;
    color: #fff !important;
}
.sidebar a:hover{
    color:#762c88;
}
.sidebar .toggle_button button {
    border: 0;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 50%;
    outline: none;
}
.sidebar_toggle > i
{
    background-color: #651967;
    font-size: 16px;
    color: white;
    padding: 7px 8px 7px 8px;
    border-radius: 34px;

}
.sidebar_links{
    height: 100%;
    margin-top: -20px;
}
.nav-link > i{
    margin-right:10px;
}
.sidebar_links::-webkit-scrollbar {
    width: 3px;
}
.sidebar_links::-webkit-scrollbar-track {
    background: #f1f1f1;
}
.sidebar_links::-webkit-scrollbar-thumb {
    background: #b3b3b3;
}
.sidebar_links::-webkit-scrollbar-thumb:hover {
    background: rgb(156, 156, 156);
}
.sidebar .toggle_button button {
    margin-bottom: 50px !important;
}
/* Sidebar collapsed */
/* .sidebar.active {
    width: 70px;
    background: linear-gradient(45deg, #762c88, #bf267a);
    padding: 20px;
} */

/* .sidebar.active a svg {
    stroke: #fff;
} */


/* Sidebar collapsed end*/


/* .sidebar a svg {
    margin-right: 10px;
    fill: transparent;
    stroke: gray;
    width: 18px;
    height: 18px;
    transition: 0.3s;
} */

/* .sidebar a.active svg {
    stroke: #fff;
} */
/* .sidebar a:focus {
    color: #000;
} */

/* .sidebar a:hover svg {
    stroke: #fff;
} */

/* Sidebar right css */

.sidebar_right {
    background: linear-gradient(45deg, #762c88, #bf267a);
    width: 102px;
    position: fixed;
    right: 0;
    height: calc(100vh - 114px);
    top: 114px;
    padding: 50px 35px;
    transition: 0.3s;
    overflow: hidden;
}

.sidebar_right.active {
    width: 350px;
    padding: 0;
}

/* Custom Checkbox   */
.custom_check {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.custom_check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #d7dadb;
    border-radius: 5px;
}
.custom_check:hover input ~ .checkmark {
    background-color: #ccc;
}
.custom_check input:checked ~ .checkmark {
    background: linear-gradient(45deg, #802a85, #3c1747);
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.custom_check input:checked ~ .checkmark:after {
    display: block;
}
.custom_check .checkmark:after {
    left: 9px;
    top: 4px;
    width: 8px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.todo_list_box {
    transition: 0.3s;
    position: relative;
    transform: translateX(1000%);
    opacity: 0;
    padding: 0 35px 50px 35px;
    margin-top: 50px;
    height: 40%;
    box-shadow: 0px -20px 20px #752c88;
    overflow: hidden;
}
.todo_list_box .todo_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #ffffff70;
}
.todo_list_box .todo_title .todo_title_text {
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
    font-weight: 100;
}
#main_r_s_toggle.active {
    display: none;
}
.sidebar_right_toggle {
    width: 40px;
    transition: 0.3s;
    height: 40px;
    cursor: pointer;
}
.sidebar_right_toggle img {
    width: 44px;
}
.todo_list_box .todo_title .sidebar_right_toggle {
    width: 40px;
    height: 40px;
}
.todo_list_box .todo_title .sidebar_right_toggle img {
    width: 44px;
}

.select_todo {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: calc(100% - 35px);
    overflow-x: auto;
}
.select_todo::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}
.select_todo .select_todo_row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 10px 0 0 0;
    position: relative;
    margin-top: 20px;
}
.select_todo .select_todo_row::after {
    content: "";
    height: 45px;
    width: 2px;
    left: 0;
    top: 0;
    position: absolute;
}
.select_todo .select_todo_row.lc1::after {
    background-color: #5c2c8b;
}
.select_todo .select_todo_row.lc2::after {
    background-color: #f3a71d;
}
.select_todo .select_todo_row.lc3::after {
    background-color: #95a73b;
}
.select_todo .select_todo_row .custom_check {
    margin: -2px 12px 0 15px;
}
.todo_row_dec {
    color: #fff;
    font-size: 12px;
}
.discover_box {
    background-color: #fff;
    height: calc(60% - 50px);
    overflow-x: auto;
    border-left: 1px solid gray;
    transform: translateX(1000%);
    opacity: 0;
}
.discover_box::-webkit-scrollbar {
    width: 0;
}

.show_r_s {
    opacity: 1;
    transform: translateX(0%);
}
.discover_title {
    margin: 0 50px;
    padding: 25px 0 12px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.233);
    text-transform: uppercase;
    color: #5c2c8b;
    font-size: 18px;
    line-height: 18px;
    font-weight: 100;
}
.user_details {
    padding: 25px 50px;
    background-color: #fff;
}
.user_details .user_cover_image {
    height: 150px;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    background-color: #000;
}
.user_details .user_cover_image img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.user_details .user_dp_name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 25px;
}
.user_details .user_dp_name .user_dp {
    height: 40px;
    width: 40px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 0 5px #fff, 0 0 0 7px #e2b0b3;
    margin-right: 15px;
    margin-left: 10px;
}
.user_details .user_dp_name .user_dp img {
    height: 100%;
    object-fit: cover;
}
.user_details .user_dp_name .user_name {
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;
    text-transform: capitalize;
}
/* .discover_box .dish_over_box{
    overflow-x: auto;
    height: 100%;
}  */
.peoples {
    padding: 0 0px;
}
.peoples .peoples_box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 15px 15px 15px 35px;
    border-bottom: 2px solid rgb(231, 231, 231);
}
.peoples .peoples_box .box_image_wrapper {
    width: 40px;
    height: 40px;
    border-radius: 50px;
    overflow: hidden;
    margin-right: 15px;
}
.peoples .peoples_box .bordered_box_image_wrapper {
    height: 40px;
    width: 40px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #e2b0b3;
    margin-right: 15px;
    margin-left: 0px;
}
.peoples .peoples_box .bordered_box_image_wrapper.cb1 {
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #9ad3f4;
}
.peoples .peoples_box .bordered_box_image_wrapper.cb2 {
    box-shadow: 0 0 0 3px #fff, 0 0 0 5px #c687ff;
}
.peoples .image_with_likes {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.peoples .image_with_likes .likes {
    font-size: 10px;
    color: gray;
    padding: 5px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -10px;
    margin-top: 3px;
}
.peoples .image_with_likes .likes img {
    margin-right: 3px;
}
.peoples .peoples_box .box_image_wrapper img {
    object-fit: cover;
    height: 100%;
    margin-left: -10px;
}
.peoples .box_content_wrapper {
    width: 80%;
}
.peoples .box_content_wrapper .name_time {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.peoples .box_content_wrapper .name_time .name {
    font-size: 12px;
    font-weight: 700;
    text-transform: capitalize;
}
.peoples .box_content_wrapper .name_time .time {
    color: lightgray;
    font-size: 10px;
    font-weight: 100;
}
.peoples .box_content_wrapper .hash_tag {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0 5px 0;
}
.peoples .box_content_wrapper .hash_tag a {
    font-size: 11px;
    display: inline-block;
    line-height: 1;
}
.peoples .box_content_wrapper .dec_text {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px;
    padding-top: 5px;
}

/* Main */

.main {
    padding: 127px 117px 0px 117px;

    width: 100%;
    overflow: hidden;
    background-color: #f3f3f4;
    transition: 0.3s;
}
.main.l_active {
    padding: 97px 25px 0px 289px;

}
.main.r_active {
    padding: 127px 367px 0px 117px;
}
.profile_box {
    background-color: #fff;
    border: 1px solid lightgray;
    margin-bottom: 0px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding-bottom: 30px;
}
.profile_box .profile_image {
    height: 244px;
    width: 244px;
    border-radius: 50%;
    margin: 50px auto 0 auto;
    z-index: 1;
    box-shadow: 1px 4px 0px 1px rgb(191 191 191 / 69%);
    background: linear-gradient(90deg, #762c88, #bf267a);
    position: relative;
    margin-bottom: 30px;
}
.profile_image_wrapper {
    overflow: hidden;
    position: relative;
    height: 244px;
    width: 244px;
    border-radius: 50%;
}
.profile_box .profile_image img {
    width: 102%;
    object-fit: cover;
}
.profile_box .profile_image .edit {
    position: absolute;
    height: 50px;
    width: 50px;
    background-color: #762c88;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    top: 190px;
    right: 23px;
    cursor: pointer;
}
.profile_box .profile_image .edit {
    color: #fff;
    font-size: 22px;
}
.top_pro_bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 175px;
    background: linear-gradient(0deg, #762c88, #bf267a);
    position: absolute;
    z-index: 1;
}

/* Profile section */
.profile_row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    padding: 25px 50px 0;
}
.profile_box .profile_row_title {
    font-size: 22px;
    color: #000;
    font-weight: 700;
    line-height: 28px;
    text-transform: capitalize;
}
.profile_box .profile_row_title.uppercase {
    text-transform: uppercase;
}
.profile_box .profile_row_desc {
    font-size: 20px;
    line-height: 30px;
    color: gray;
    /* text-transform: capitalize; */
    font-weight: 200;
}
.profile_box .profile_row_team {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.profile_box .profile_row_team span {
    height: 35px;
    width: 35px;
    background-color: #762c88;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    border-radius: 50%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
}
.profile_box .profile_row_team span.c1 {
    background-color: #95a73b;
    color: #000;
}
.profile_box .profile_row_team span.c2 {
    background-color: #f3a71d;
    color: #000;
}
.profile_box .profile_row_team span.c3 {
    background-color: #f47f20;
    color: #000;
}
.profile_box .profile_row_team span.c4 {
    background-color: #5c2c8b;
    color: #fff;
}

/* Search Box */
.search_box {
    width: 100%;
    margin-bottom: 100px;
}
.search_box input {
    width: 100%;
    border: 1px solid lightgray;
    padding: 10px 15px 10px 60px;
    outline: none;
    background-image: url("./../images/theme_images/search.svg");
    background-repeat: no-repeat;
    background-position: 18px 50%;
}
.search_box input::placeholder {
    text-transform: capitalize;
}
.search_box input:focus {
    box-sizing: 0;
    outline: 0;
}
.search_box_employer {
    margin-top: 80px;
    margin-bottom: 45px;
}
.search_box_employer_selected_assessment {
  margin-top: 110px;
  margin-bottom: 30px;
}
.search_box1{
  padding: 2px;
  margin-top: 30px;
  margin-bottom: 20px;
}
.search_box_assessment {
    width: 90%;
    margin-bottom: 50px;
    margin-left: 10px;
}
.search_box_assessment input {
    width: 100%;
    border: 1px solid lightgray;
    padding: 10px 15px 10px 60px;
    outline: none;
    background-image: url("./../images/theme_images/search.svg");
    background-repeat: no-repeat;
    background-position: 18px 50%;
}
.search_box_assessment input::placeholder {
    text-transform: capitalize;
}
.search_box_assessment input:focus {
    box-sizing: 0;
    outline: 0;
}
.search_box_assessment {
    margin-bottom: 5%;
}
/* Dashboard boxes */

/* Dashboard Popup */
.modal_content {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: row;
    padding: 8% 12%;
}
.modal_content .modal_image {
    width: 200px;
    display: flex;
    padding: 3px;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 35px;
    width: 25%;
    border: 1px solid #000;
}
.modal_content .modal_image img {
    width: 100%;
    object-fit: cover;
}
.modal_content .modal_text {
    width: 75%;
}
.modal_content .modal_text .modal_title {
    font-size: 26px;
    font-weight: 600;
}
.modal_content .modal_text .modal_desc {
    font-size: 24px;
    font-weight: 500;
    margin-top: 20px;
}
.modal_content .modal_text button {
    margin-top: 25px;
    background: linear-gradient(270deg, #762c88, #bf267a);
    padding: 15px 30px;
    font-size: 22px;
    font-weight: 300;
    width: 200px;
    border-radius: 100px;
    margin-right: 50px;
    border: 1px solid lightgray;
}

.dashboard_box {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: #fff;
    padding: 50px 30px;
    border: 1px solid lightgray;
    border-top: 5px solid #762c88;
    height: calc(100% - 30px);
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.dashboard_box1 { /* only used in employer calendar */
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 50px 30px;
    border: 1px solid lightgray;
    border-top: 5px solid #5c2c8b;
    height: calc(100% - 30px);
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.dashboard_box1 .box_icon1 img { /* only used in employer calendar */
    width: 175px;
    height: 150px;
    margin-bottom: 20px;
}

.report_box {
    width: 100%;
    justify-content: space-between;
    display: flex;
    /* justify-content: center; */
    align-items: flex-start;
    background-color: #fff;
    padding: 20px 30px 5px;
    border: 1px solid lightgray;
    border-top: 5px solid #5c2c8b;
    height: calc(100% - 30px);
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.main.r_active .dashboard_box {
    flex-wrap: wrap !important;
    height: calc(100% - 30px);
}
.main.l_active .dashboard_box {
    flex-wrap: nowrap;
    height: calc(100% - 30px);
}
.dashboard_box .box_icon {
    margin-right: 15px;
    margin-bottom: 15px;
    width: 20%;
}
.dashboard_box .box_icon img {
    width: 48px;
}
.dashboard_box .box_icon1 img {
    width: 175px;
    height: 150px;
    margin-bottom: 20px;
}

.dashboard_box .box_content {
    width: 100%;
}
.dashboard_box .box_content .title {
    font-size: 17px;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 5px;
    text-transform: capitalize;
    color: #000;
}
.dashboard_box .box_content .title a {
    text-decoration: none;
    color: #000;
}
.dashboard_box .box_content .dec {
    font-size: 20px;
    line-height: 26px;
}

.assessment_padding{
    flex-wrap: wrap !important;
}

.assessment_padding .box_content .title {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 1px;
    text-transform: capitalize;
    color: #000;
    line-height: 20px;
}

.assessment_padding .box_content .title a {
    text-decoration: none;
    color: #000;
}

.assessment_padding .box_content .dec {
    font-size: 15px;
    line-height: 22px;
}

.fs-18{
    font-size: 18px !important;
}

/* Graphs */
.graph_box {
    background-color: #fff;
    border: 1px solid lightgray;
    margin-top: 10px;
}
.graph_box .graph_title {
    border-bottom: 1px solid lightgray;
    padding: 15px 20px;
    font-weight: 550;
    line-height: 30px;
    font-size: 20px;
    text-transform: uppercase;
}
.graph_box .graph {
    padding: 15px 50px;
}

.employee_dashboard_footer{
    border-top: 1px solid #c7c7c7;
    color: #8b8b8b;
    font-size: 14px;
}

.footer_privacy_policy{
    color: #35b9ff;
    text-decoration: underline;
}

/* Footer  */

footer {
    margin-right: -25px;
    margin-left: -25px;
    margin-top: 30px;
}

/**** Career Pathing Start ****/

.career_pathing_box {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-color: #fff;
    padding: 50px 30px;
    border: 1px solid lightgray;
    border-top: 5px solid #5c2c8b;
    height: 90%;
    flex-wrap: wrap;
    margin-bottom: 30px;
    margin-top: 10px;
}
.career_pathing_box1 {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    /* background-color: #fff; */
    padding: 15px 30px 20px;
    border: 1px solid lightgray;
    border-top: 5px solid #5c2c8b;
    flex-wrap: wrap;
    margin-bottom: 30px;
    margin-top: 0px;
}
.career_pathing_box1 .content_details{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-top: 20px;
}
.career_pathing_box1 .content_details p{
    margin-bottom: 0;
    font-size: 18px;
}
.career_pathing_box1 .content_details [data-letters]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 26px;
    width: 52px;
    height: 52px;
    line-height: 52px;
    text-align: center;
    border-radius: 50%;
    background: var(--bg-color);
    vertical-align: middle;
    margin-right: 15px;
    margin-top: 0px;
    color: white;
    margin-bottom: 0px;
}
.career_pathing_box1 .box_content .custom_pathng_checkbox{
    padding-right: 0;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 14px;
}
.career_pathing_box1 .box_content{
    width: 100%;
}
.career_pathing_box1 .career_pathing_box_images{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.career_box_assesment{
    flex-direction: column;
    height: max-content;
    padding: 22px;
}
.career_box_assesment .career_box_assesment_img{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}
.greenEvent{
    background: linear-gradient(0deg, #3a6728, #6fc44b);
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 50px !important;
    border: 0px !important;
    text-transform: uppercase;
    margin-top: 2px;
}
.blueEvent{
    background: linear-gradient(0deg, #241a66, #412eb8);
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 50px !important;
    border: 0px !important;
    text-transform: uppercase;
    margin-top: 2px;
}
.orangeEvent{
    background: linear-gradient(0deg, #dd8500, #c87800);
    color: #fff !important;
    padding: 4px 8px !important;
    border-radius: 50px !important;
    border: 0px !important;
    text-transform: uppercase;
    margin-top: 2px;
}
.fc-time{
    display: none !important;
}
.fc-day-grid-event .fc-content .closeon{
    display: none;
}

/* After confirm popup */
.custom_modal_ozzy{
    background-color: #000;
    padding-right: 0;
}
.custom_modal_ozzy .modal-content{
    background-color: transparent;
}
.custom_modal_ozzy .modal-dialog{
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    height: 100vh;
}
.custom_modal_ozzy .modal-dialog .message_wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #fff;
    border-radius: 250px;
    padding: 40px 60px;
    position: relative;
}
.custom_modal_ozzy .modal-dialog .message_wrapper::after{
    content: '';
    position: absolute;
    bottom: -24px;
    left: 34px;
    width: 0px;
    height: 0;
    opacity: 1;
    border: 62px solid #fff;
    border-top: 0px solid transparent;
    border-left: 10px solid transparent;
    border-right: 70px solid transparent;
    border-radius: 0px;
    transform: rotate(133deg);
}
.custom_modal_ozzy .modal-dialog .message_wrapper h4{
    font-size: 30px;
    text-align: center;
    font-weight: 500;
    line-height: 38px;
    margin-bottom: 30px;
}
.custom_modal_ozzy .modal-dialog .message_wrapper button{
    padding: 5px 30px;
    border-radius: 50px;
    background: linear-gradient(180deg, #bf267a, #762c88);
    border: 0;
}
.chatbot_img_wrapper{
    height: 65px;
    width: 65px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    margin-top: -20px;
    border: 3px solid #fff;
    margin-left: -42px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.chatbot_img_wrapper img{
    width: 100%;
}
.chatbot_img_container .ozzy_text{
    font-size: 30px;
    font-weight: 600;
    color: #762c88;
    margin-left: -55px;
}
.top_blank {
    background: linear-gradient(180deg, #bf267a, #762c88);
    height: 100px;
    transition: 0.3s;
    right: 0;
    width: calc(100% - 274px);
    top: 114px;
    position: fixed;
    z-index: 1;
}
.top_blank1 {
    background: linear-gradient(180deg, #bf267a, #762c88);
    height: 50px;
    transition: 0.3s;
    right: 0;
    width: calc(100% - 274px);
    top: 114px;
    position: fixed;
    z-index: 2;
}
.top_blank1.active{
    width: calc(100% - 101px);
}
.top_blank_with_achievement {
    background: linear-gradient(180deg, #bf267a, #762c88);
    height: 70px;
    transition: 0.3s;
    right: 0;
    width: calc(100% - 68.5px);
    top: 114px;
    position: fixed;
    z-index: 10;
}
.top_blank_with_achievement.active{
    width: calc(100% - 233px);
}
.top_blank_achievement {
    width: 100%;
    transition: 0.3s;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: -webkit-fill-available;
}
.top_blank_achievement img {
    width: 38px;
    margin-right: 40px;
    display: none;
}
.top_blank.l_active {
    width: calc(100% - 101px);
}
.career_pathing_main {
    padding: 150px 15px 0px 289px;
}
.career_pathing_main.l_active {
    padding: 212px 365px 0px 117px;
}
.career_pathing_box .box_content {
    width: 100%;
}

.career_pathing_box .box_content .title {
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    padding-bottom: 1px;
    text-transform: capitalize;
    position: relative;
}

.career_pathing_box input {
    float: right;
    width: 28px;
    height: 28px;
    border: 2px solid #757575;
    border-radius: 0px;
}

.career_pathing_box .career_pathing_box_images {
    float: right;
    position: absolute;
    top: 10px;
    right: 25px;
}

.career_pathing_icons {
    padding: 10px 5px;
}

.members_teams {
    font-size: 18px;
    font-weight: 600;
    padding: 22px 15px 10px 0px;
}

[data-letters]:before {
    content: attr(data-letters);
    display: inline-block;
    font-size: 32px;
    width: 85px;
    height: 80px;
    line-height: 2.5em;
    text-align: center;
    border-radius: 50%;
    background: var(--bg-color);
    vertical-align: middle;
    margin-right: 1em;
    color: white;
    margin-top: 20px;
}

.career_pathing_team_button {
    float: right;
    width: 100%;
    padding: 8px 20px;
    background: linear-gradient(97.51deg, #c1267a 5.83%, #742c88 95.71%);
    border: 2px solid #c53683;
    border-radius: 50px;
    margin-top: 5px;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 2%;
    color: #fff;
    font-weight: 700;
    text-align: center;
    vertical-align: middle;
    font-size: 15px;
}

.career_pathing_team_button:hover {
    color: #fff;
}

.action_button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.career_pathing_reset_button {
    width: max-content;
    padding: 8px 50px !important;
    background: #ffffff;
    border: 2px solid #c53683 !important;
    border-radius: 50px !important;
    margin-top: 5px;
    font-style: normal;
    text-transform: uppercase !important;
    margin-bottom: 2%;
    color: #c63a86 !important;
    font-weight: 500 !important;
    text-align: center !important;
    vertical-align: middle !important;
    letter-spacing: 0rem !important;
}

.career_pathing_reset_button:hover {
    color: #c63a86 !important;
}

.career_pathing_confirm_button {
    width: max-content;
    padding: 8px 50px !important;
    background: linear-gradient(97.51deg, #c1267a 5.83%, #742c88 95.71%);
    margin-left: 30px;
    border: 2px solid #c53683 !important;
    border-radius: 50px !important;
    margin-top: 5px;
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 2%;
    color: #fff !important;
    font-weight: 600 !important;
    text-align: center !important;
    vertical-align: middle !important;
    letter-spacing: 0rem !important;
}

.career_pathing_confirm_button:hover {
    color: #fff;
}

.add_project_button {
    float: right;
    width: max-content;
    padding: 8px 30px !important;
    background: linear-gradient(97.51deg, #c1267a 5.83%, #742c88 95.71%);
    border: 2px solid #c53683 !important;
    border-radius: 50px !important;
    margin-top: -5px;
    font-style: normal;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: 600 !important;
    text-align: center !important;
    vertical-align: middle !important;
    letter-spacing: 0rem !important;
}

.add_project_button:hover {
    color: #fff;
}

.project_list{
    padding: 20px 10px;
    overflow-x: auto;
    margin-left: 20px;
}

.actionBtn{
    margin-left: 6px;
}

.pathing_heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.pathing_heading_right {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.pathing_heading_right .pathing_search {
    margin-bottom: 0;
}
.pathing_heading_right button {
    width: max-content;
    white-space: nowrap;
    margin-left: 20px;
    padding: 8px 45px;
}

/* Right Sidebar */
.ozzy_sidebar {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    width: 350px;
    position: fixed;
    right: 0;
    top: 214px;
    z-index: 1;
    height: calc(100vh - 214px);
}
.ozzy_toggle {
    display: none;
}
.ozzy_sidebar .ozzy_top {
    height: auto;
    width: 100%;
    padding: 30px;
    background-color: #c0227a;
}
.ozzy_sidebar .ozzy_top .ozzy_top_title {
    border-bottom: 1px solid #ffffff70;
    color: #fff;
    padding: 0 0 10px 0;
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}
.ozzy_sidebar .ozzy_top .ozzy_top_content {
    padding: 25px 0;
}
.ozzy_sidebar .ozzy_top .ozzy_top_content .ozzy_chat_box {
    position: relative;
    background-color: #fff;
    border-radius: 15px;
    padding: 30px 25px;
}
.ozzy_sidebar .ozzy_top .ozzy_top_content .ozzy_chat_box::after {
    content: "";
    height: 0;
    width: 0;
    border-top: 20px solid #fff;
    border-right: 15px solid #fff;
    border-bottom: 7px solid #fff;
    border-left: 20px solid #fff;
    position: absolute;
    left: -11px;
    top: 20px;
    transform: rotate(-35deg);
}
.ozzy_sidebar .ozzy_top .ozzy_top_content .ozzy_chat_box .chat_text {
    font-size: 14px;
}
.ozzy_sidebar .ozzy_top .ozzy_top_content .ozzy_chat_box .chat_button {
    height: 24px;
    width: 24px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    bottom: -12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
}
.ozzy_sidebar .ozzy_top .ozzy_top_content .ozzy_chat_box .chat_close {
    left: 30%;
    background-color: #b53b3b;
}
.ozzy_sidebar .ozzy_top .ozzy_top_content .ozzy_chat_box .chat_accept {
    left: 60%;
    background-color: #3bb54a;
}
.ozzy_sidebar .ozzy_bottom {
    background-color: #742c88;
    height: 100%;
    width: 100%;
}

/* Custom Checkbox */
/* The container */
.custom_pathng_checkbox {
    display: block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.report_checkbox {
    /*display: flex;
    justify-content: space-between;
    padding-right: 35px;
    margin-bottom: 12px;
    margin-left: 40px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    width: 100%;*/
    position: relative;
    margin-right: 10px;
}

.report_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.report_checkbox .checkmark {
    position: absolute;
    top: 5px;
    left: 90%;
    height: 25px;
    width: 25px;
    background-color: #fff;
    transition: 0.3s;
    border: 2px solid #707070;
    border-radius: 0;
}
.report_checkbox:hover input ~ .checkmark {
    background-color: #fff;
}
.report_checkbox input:checked ~ .checkmark {
    background-color: #fff;
    border: 2px solid #c1267a;
    border-radius: 0px;
}

.report_checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: block;
    transition: 0.3s;
    opacity: 0;
}

/* Show the checkmark when checked */
.report_checkbox input:checked ~ .checkmark:after {
    width: 7px;
    height: 14px;
    opacity: 1;
}

/* Style the checkmark/indicator */
.report_checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 0px;
    height: 0px;
    border: solid #c1267a;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.3s;
}

/* Hide the browser's default checkbox */
.custom_pathng_checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.custom_pathng_checkbox .checkmark {
    position: absolute;
    top: 5px;
    left: 90%;
    height: 25px;
    width: 25px;
    background-color: #fff;
    transition: 0.3s;
    border: 2px solid #707070;
    border-radius: 0;
}

/* On mouse-over, add a grey background color */
.custom_pathng_checkbox:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.custom_pathng_checkbox input:checked ~ .checkmark {
    background-color: #fff;
    border: 2px solid #c1267a;
    border-radius: 0px;
}

/* Create the checkmark/indicator (hidden when not checked) */
.custom_pathng_checkbox .checkmark:after {
    content: "";
    position: absolute;
    display: block;
    transition: 0.3s;
    opacity: 0;
}

/* Show the checkmark when checked */
.custom_pathng_checkbox input:checked ~ .checkmark:after {
    width: 7px;
    height: 14px;
    opacity: 1;
}

/* Style the checkmark/indicator */
.custom_pathng_checkbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 0px;
    height: 0px;
    border: solid #c1267a;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: 0.3s;
}

/**** Career Pathing End ****/

/**** Employer Dashboard Start ***/

    .employer_dashboard_main {
        padding: 80px 25px 0px 117px;

    }
    .employer_dashboard_main.l_active {
        padding: 80px 10px 0px 289px;

    }
    .horizontal_progress {
        display: flex;
        height: 1rem;
        overflow: hidden;
        font-size: 0.75rem;
        background-color: #e9ecef;
    }

    .horizontal_progress_bar {
        background-color: #c1267a;
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        color: #fff;
        text-align: center;
        white-space: nowrap;
        transition: width 0.6s ease;
    }

    .rounded_progress_box {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        background-color: #fff;
        padding: 10px 50px 0px 50px;
        border: 1px solid lightgray;
        height: calc(100% - 0px);
        flex-wrap: wrap;
        margin-bottom: 30px;
    }

    .employee_dashboard_progress_box ul {
        width: fit-content;
    }

    /* Rounded Progress */
    .rounded_progress {
        width: 70%;
        height: 70%;
        margin: 0 auto;
    }
    .rounded_progress .track,
    .rounded_progress .fill {
        fill: rgba(2, 0, 0, 0);
        stroke-width: 7;
        transform: rotate(90deg) translate(0px, -80px);
    }
    .rounded_progress .track {
        stroke: #e2e2e2;
    }
    .rounded_progress .fill {
        stroke: rgb(255, 255, 255);
        stroke-dasharray: 219.99078369140625;
        stroke-dashoffset: -219.99078369140625;
        transition: stroke-dashoffset 1s;
    }
    .rounded_progress.blue .fill {
        stroke: #c1267a;
    }

    .rounded_progress .value {
        fill: #1e1950;
        text-anchor: middle;
        font-size: 13px;
        font-weight: 900;
    }
    .noselect {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        cursor: default;
    }
    .rounded_box_text {
        font-size: 20px;
        color: rgb(68, 68, 68);
        font-weight: normal;
        padding: 15px 0 0 20px;
        position: relative;
    }
    .rounded_box_text::after {
        content: "";
        height: 10px;
        width: 10px;
        background-color: #c1267a;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 25px;
    }

    .breakdown_box {
        background-color: #fff;
        border: 1px solid lightgray;
        padding: 50px;
        height: 100%;
    }
    .breakdown_box .progress-bar {
        background-color: #c1267a;
    }
    .breakdown_box .progress {
        border-radius: 50px;
    }
    .breakdown_box .breakdown_title {
        margin-bottom: 50px;
        font-size: 28px;
        color: #1e1950;
        font-weight: 500;
    }
    .breackdown_progress_text {
        padding: 20px 0;
        color: gray;
        font-family: Corbel;
        font-size: 20px;
        font-weight: 500;
    }
    .breakdown_progress {
        border-bottom: 1px solid lightgray;
        margin-bottom: 25px;
    }
    .breakdown_progress:last-child {
        border-bottom: 0px;
    }
    .bash_box {
        flex-wrap: nowrap;
    }

    /**** Customized Calendar Start ****/
        .fc-bg{
            background-color: #fbfafc;
        }
        .custom_calendar {
            display: flex;
            justify-content: center;
            align-items: flex-start;
            background-color: #fff;
            padding: 25px 30px 30px;
            border: 1px solid lightgray;
            border-top: 5px solid #5c2c8b;
            flex-wrap: wrap;
            margin-bottom: 30px;
            overflow-x: auto;
        }

        .custom_calendar #datepicker {
            width: 100%;
        }

        .custom_calendar .custom_calendar_title{
            font-size: 18px;
            font-weight: 600;
            width: 100%;
            text-align: left;
            margin-bottom: 15px;
        }

        .custom_calendar .ui-datepicker {
            width: 100%;
            height: auto;
            margin: 0px auto 0;
            font: 9pt Arial, sans-serif;
            -webkit-box-shadow: 0px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0pxrgba (0, 0, 0, 0.5);
            box-shadow: 0px rgba(0, 0, 0, 0.5);
        }

        .custom_calendar .ui-datepicker a {
            text-decoration: none;
        }
        .custom_calendar .ui-datepicker table {
            width: 100%;
        }

        .custom_calendar .ui-datepicker-header {
            color: #e0e0e0;
            font-weight: bold;
            box-shadow: inset 0px rgba(250, 250, 250, 0.2);
            text-shadow: 0px #fff;
            border: 0px;
            background-color: #fff;
        }

        .custom_calendar .ui-datepicker-title {
            text-align: center;
        }

        .custom_calendar .ui-datepicker-prev, .ui-datepicker-next {
            display: inline-block;
            width: 30px;
            height: 30px;
            text-align: center;
            cursor: pointer;
            line-height: 600%;
            overflow: hidden;
        }

        .custom_calendar .ui-datepicker-prev {
            display: none;
        }

        .custom_calendar .ui-datepicker-next {
            display: none;
        }

        .custom_calendar .ui-datepicker thead {
            background-color: #f7f7f7;
            border-bottom: 0px solid #bbb;
        }

        .custom_calendar .ui-datepicker th {
            text-transform: capitalize;
            font-size: 13px;
            padding: 5px;
            color: #000000;
            text-shadow: 0px 0px 0px #fff;
            background-color: #fff;
            font-weight: 500;
        }

        .custom_calendar .ui-datepicker tbody td {
            padding: 0;
            border-right: 0px solid #bbb;
        }

        .custom_calendar .ui-datepicker tbody td:last-child {
            border-right: 0px;
        }

        .custom_calendar .ui-datepicker tbody tr {
            border-bottom: 0px solid #bbb;
        }

        .custom_calendar .ui-datepicker tbody tr:last-child {
            border-bottom: 0px;
        }

        .custom_calendar .ui-datepicker td span, .ui-datepicker td a {
            display: inline-block;
            font-weight: bold;
            text-align: center;
            width: 30px;
            height: 30px;
            line-height: 30px;
            color: #666666;
            text-shadow: 1px 1px 0px #fff;
            filter: dropshadow(color=#fff, offx=1, offy=1);
        }

        .custom_calendar .ui-datepicker-calendar .ui-state-default {
            background: #fff !important;
            border: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            transition: 0.3s;
            color: #4b4a4c;
            text-shadow: unset !important;
        }

        .custom_calendar .ui-datepicker-unselectable .ui-state-default {
            background: #f4f4f4;
            color: #b4b3b3;
        }

        .custom_calendar .ui-datepicker-calendar .ui-state-hover {
            background: #8833a0 !important;
            color: #fff !important;
        }

        /*.custom_calendar .ui-datepicker-calendar .ui-state-active {
            background: #742c88 !important;
            color: #fff !important;
            text-shadow: unset !important;
            border: 0px solid #55838f;
            position: relative;
            margin: 0px;
            display: flex;
            justify-content: center;
            align-items: center;
        }*/

        .custom_calendar .ui-state-highlight, .custom_calendar .ui-widget-content .ui-state-highlight, .custom_calendar .ui-widget-header .ui-state-highlight{
            color: #c2297c;
        }

        .custom_calendar .ui-datepicker-calendar td:first-child .ui-state-active {
            width: 29px;
            margin-left: 0;
        }

        .custom_calendar .ui-datepicker-calendar td:last-child .ui-state-active {
            width: 29px;
            margin-right: 0;
        }

        .custom_calendar .ui-datepicker-calendar tr:last-child .ui-state-active {
            height: 29px;
            margin-bottom: 0;
        }

        .custom_calendar .ui-widget.ui-widget-content{
            border: 0px;
        }

        .custom_calendar .ui-datepicker select.ui-datepicker-month{
            margin-right: 20px;
            color: #742C88;
        }

        .custom_calendar .ui-datepicker select.ui-datepicker-month, .custom_calendar .ui-datepicker select.ui-datepicker-year{
            width: max-content;
            font-size: 14px;
            /* font-family: "Corbel"; */
            font-weight: 600;
            border: 0px;
            margin-bottom: 15px;
            outline: none;
        }

    /**** Customized Calendar End ****/

/**** Employer Dashboard End ****/

/**** Performance Setting Start ****/
    .text-left{
        text-align: left;
    }

    .text-right{
        text-align: right;
    }

    .performance_box {
        position: relative;
        background-color: #fff;
        border: 1px solid gray;
        height: calc(230px + 100%);
        margin-bottom: 2px;
        padding: 2px;
        width: 315px;
        margin: 15px;
        transition: 0.6s ease-out
    }

    .performance_box_header {
        width: 100%;
    }

    .performance_box_header_image{
        margin-top: -10px;
        margin-left: 12px;
    }

    .performance_box_header_content{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: 0;
    }

    .performance_title_background {
        display: flex;
        color: #fff;
        background: linear-gradient(0deg, #762c88, #bf267a) !important;
    }

    .performance_box_body{
        padding: 10px 20px;
    }

    .performance_setting_button_section{
        text-align: center;
        margin: auto;
    }

    .performance_setting_button{
        width: 100%;
        padding: 10px 8%;
        background: linear-gradient(97.51deg, #C1267A 5.83%, #742C88 95.71%);
        border: 2px solid #c53683;
        border-radius: 50px;
        margin-top: 5px;
        font-family: 'Corbel';
        font-style: normal;
        text-transform: uppercase;
        margin-bottom: 2%;
        color: #fff;
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        font-size: 15px;
    }

    .performance_setting_button:hover{
        color: #fff;
    }

    .performance_vision{
        background: linear-gradient(0deg, #762c88, #bf267a);
        color: #fff;
        font-weight: 400;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 40%;
        width: 60%;
    }

    .performance_vision_okr{
        background: linear-gradient(0deg, #762c88, #bf267a);
        color: #fff;
        font-weight: 600;
        font-size: 130%;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        height: 40%;
        width: 60%;
    }

    .leftbox {
        width:315px;
    }
    .middlebox{
        width:315px;
        height: 230px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .rightbox{
        width:315px;
    }
    .middlebox_okr{
        width:415px;
        height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .performance_box_left_content{
        width: 50%;
    }

    .performance_box_right_content{
        width: 50%;
        margin: auto;
    }

    .learning_growth_table th,td{
        font-size: 16px;
        padding: 12px;
    }
    .learning_growth_table th{
        padding: 20px 25px;
        position: relative;
    }
    .learning_growth_table th:last-child:after,
    .learning_growth_table th:first-child:after{
        display: none;
    }
    .learning_growth_table th::after{
        content: "";
        position: absolute;
        top: 3px;
        left: 0;
        width: 4px;
        height: calc(100% - 10px);
        background: #5c2c8b;
    }

    .learning_growth_table tr th {
        border-bottom: 1px solid #dee2e6;
    }

    .learning_growth_table tr th:first-child {
        border-bottom: none;
    }

    .learning_growth_table tr:nth-child(2) td {
        border-bottom: 1px solid #dee2e6;
    }

    .learning_growth_table tr:nth-child(2) td:first-child {
        border-bottom: none;
    }

    .learning_growth_table tr:nth-child(4) td {
        border-top: 1px solid #dee2e6;
    }

    .learning_growth_table tr:nth-child(4) td:first-child {
        border-top: none;
    }

    .learning_growth_table tr td:last-child {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 66px;
    }

    .learning_growth_table tr:nth-child(3) td{
        border-bottom: none;
    }

    .table_sr_no{
        background: linear-gradient(0deg, #762c88, #bf267a);
        color: #fff;
        font-size: 12px;
        border-radius: 50%;
        padding: 3px;
        height: 20px;
        width: 20px;
        display: flex;
        justify-content: center;
        align-items: center;

    }

    .learning_add_more{
        position: absolute;
        background: linear-gradient(0deg, #762c88, #bf267a);
        color: #fff;
        font-size: 12px;
        border-radius: 50%;
        font-weight: 600;
        padding: 3px;
        bottom: -10px;
        right: 76px;
        height: 20px;
        width: 20px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .learning_remove{
        cursor: pointer;
    }

    .color_grey{
        color: #b6b6b6;
    }

    .learning_growth_save_button{
        position: absolute;
        bottom: -100px;
        right: 8px;
        width: 14%;
        padding: 10px 0%;
        background: linear-gradient(97.51deg, #C1267A 5.83%, #742C88 95.71%);
        border: 2px solid #c53683;
        border-radius: 50px;
        margin-top: 5px;
        font-family: 'Corbel';
        font-style: normal;
        text-transform: uppercase;
        margin-bottom: 2%;
        color: #fff;
        font-weight: 700;
        text-align: center;
        vertical-align: middle;
        font-size: 15px;
    }

    .learning_growth_save_button:hover{
        color: #fff;
    }

    .mt-100{
        margin-top: 10% !important;
    }
/**** Performance Setting End ****/

[employer-dashboard-data-letters]:before {
    content: attr(employer-dashboard-data-letters);
    display: inline-block;
    font-size: 16px;
    width: 32px;
    height: 32px;
    line-height: 2.3rem;
    text-align: center;
    border-radius: 50%;
    background: var(--bg-color);
    vertical-align: middle;
    margin-right: 1em;
    color: #000;
    margin-top: 2px;
}

.employer_dashboard_calender_side_down_box{
    border-top: 5px solid #818181 !important;
    height: calc(100% - 50px);
    margin-bottom: 0;
    padding: 14px 20px;
}

.employer_dashboard_calender_side_down_box .top_section{
    font-family: Corbel;
    font-size: 14px;
    color: #c7c7c7;
}

.employer_dashboard_calender_side_down_box .middle_section{
    font-size: 13px;
    font-weight: 600;
}

.employer_dashboard_calender_side_down_box .bottom_section{
    font-size: 12px;
    margin-top: -3px;
}

.employer_dashboard_calender_side_down_box .box_icon{
    margin: auto;
    width: 20%;
}

.employer_dashboard_calender_side_down_box .box_content{
    margin-left: 10px;
}
.popup{
  z-index: 99999 !important;
}
 /*!
 * FullCalendar v3.9.0
 */

 body {
  margin: 0px 0px 0;
  padding: 0;
  font-family: "Inter", sans-serif;
  font-size: 14px;
}
#calendar {
    width: 100%;
    margin: 0 auto;
    background-color: white;
    padding: 30px 20px;
    border-radius: 20px;
    z-index: 1;
}
.fc-scroller{
    overflow: unset !important;
}
.fc a {
    color: #000000;
    text-decoration: none;
}
.fc a:hover{
    text-decoration: none !important;
}
.fc .fc-state-highlight a{
    height: 20px;
    width: 20px;
    border: 1px solid #706f71;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
    background-color: #742c88;
    padding: 2px;
    min-width: 20px;
    min-height: 20px;
}
.fc tr:first-child td:first-child,
.fc tr:first-child td:last-child{
    border-radius: 30px;
    border: 0;
}
.fc-day-grid tr:first-child td:first-child,
.fc-day-grid tr:first-child td:last-child{
    border-radius: 0px;
    overflow: hidden;
    border: 1px solid #707070;
}
.fc-day-grid tr td{
    padding: 9px;
    border: 1px solid #707070
}
.fc-day-grid .fc-content-skeleton tr:first-child td:first-child,
.fc-day-grid .fc-content-skeleton tr:first-child td:last-child{
    border-radius: 0px;
    overflow: hidden;
    border: 0px solid #000;
}
.fc-view{
    z-index: 1 !important;
}
.fc-title{
    font-size: 12px !important;
}
tr:first-child>td>.fc-day-grid-event{
    text-align: center !important;
}
.fc-view > table .fc-head .fc-widget-header{
    border: 0px !important;
    padding: 5px 0px;
    text-align: inherit;
    font-weight: 100;
    color: #7c7c7c;
    font-size: 12px;
    text-transform: uppercase;
}
.fc-view > table .fc-head tr:first-child{
 border: 0;
}
.fc-view > table .fc-head td:first-child{
    border-top: 0px;
    border-left: 0px !important;
}
.fc-widget-header > table thead{
    border: 0px;
}
.fc-widget-header > table th{
    border: 0;
}

.fc-scroller>.fc-day-grid, .fc-scroller>.fc-time-grid {
    position: relative;
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
    background: rgb(255, 255, 255);
    border: 1px solid #707070;
}
.fc-toolbar .fc-left h2{
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 6px;
}
.fc-toolbar .fc-center{
    display: block !important;
}
.fc-toolbar .fc-center button{
    border: 2px solid #dfdfdf;
    margin-right: 10px;
    background-color: #fff !important;
    padding: 3px;
    border-radius: 8px;
    background-image: none;
    height: 35px;
}
.fc-toolbar .fc-center button span{
    color: #afb1b7;
}
.fc-toolbar .fc-center button:nth-child(2){
    padding: 3px 20px;
    text-transform: capitalize;
    font-weight: 500;
    color: #afb1b7;
    font-size: 14px;
}
.fc-toolbar .fc-right button{
    font-size: 14px;
    background :linear-gradient(45deg, #c0267a, #752c88) ;
    border-radius: 50px;
    padding: 5px 30px;
    height: 40px;
    text-shadow: none;
    color: #fff;
    border: 0px;
}

.fc .fc-button-group>:first-child {
    margin-left: 30px !important;
}
.fc-unthemed .fc-today{
    background-color: #CF9FFF !important;
}
.fc-row .fc-content-skeleton td{
    border-color: #707070 !important;
}
.modal-backdrop.show {
    opacity: .5;
    z-index: 9999;
}
.modal{
    z-index: 99999 !important;
}
#wrap {
  width: 1100px;
  margin: 0 auto;
}

.closeon {
  border-radius: 5px;
}
/*
.okr_dashboard_box{
    padding: 10px;
    border: 1px solid rgb(116, 116, 167);
} */

input {
  width: 50%;
}

input[type="text"][readonly] {
  border: 2px solid rgba(0, 0, 0, 0);
}

/*info btn*/
.dropbtn {
  /*background-color: #4CAF50;*/
  background-color: #eee;
  margin: 10px;
  padding: 8px 16px 8px 16px;
  font-size: 16px;
  border: none;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  margin-left: 100px;
  margin-top: -300px;
}

.dropdown-content p {
  color: black;
  padding: 4px 4px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown:hover .dropbtn {
  background-color: grey;
}

.dropdown:hover .dropbtn span {
  color: white;
}

/* Assessment Page */

.assessment_main{
    padding: 90px 0px 0px 279px;
}

/**** Common Button Start ****/
    .common_confirm_button {
        width: max-content;
        padding: 8px 50px !important;
        background: linear-gradient(97.51deg, #c1267a 5.83%, #742c88 95.71%);
        border: 2px solid #c53683 !important;
        border-radius: 50px !important;
        margin-top: 5px;
        font-style: normal;
        text-transform: capitalize;
        margin-bottom: 2%;
        color: #fff !important;
        font-weight: 600 !important;
        text-align: center !important;
        vertical-align: middle !important;
        letter-spacing: 0rem !important;
    }

    .common_confirm_button:hover {
        color: #fff;
    }

    .common_confirm_button_small {
        width: max-content;
        padding: 2px 30px !important;
        background: linear-gradient(97.51deg, #c1267a 5.83%, #742c88 95.71%);
        border: 2px solid #c53683 !important;
        border-radius: 50px !important;
        margin-top: 5px;
        font-style: normal;
        text-transform: capitalize;
        margin-bottom: 2%;
        color: #fff !important;
        font-weight: 500 !important;
        text-align: center !important;
        vertical-align: middle !important;
        letter-spacing: 0rem !important;
    }

    .common_confirm_button_small:hover {
        color: #fff;
    }
/**** Common Button Form ****/


/* Rotating boxes 31-03-2022 */

.middle_row{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.all_cards_parent{
    width: 100;
    overflow-x: auto;
}

.all_cards{
    width: 1600px;
    padding: 50px 0 !important;
}

/* Add transform to rotate forward (clockwise)*/
.rotate_learning_box.clock_rotate_1{
    transform: translate(335px, 260px);
}
.rotate_customer_box.clock_rotate_1{
    transform: translate(320px, -260px);
}
.rotate_financial_box.clock_rotate_1{
    transform: translate(-335px, -260px);
}
.rotate_internal_box.clock_rotate_1{
    transform: translate(-320px, 260px);
}

.rotate_learning_box.clock_rotate_2{
    transform: translate(0px, 515px);
}
.rotate_customer_box.clock_rotate_2{
    transform: translate(655px, 0px);
}
.rotate_financial_box.clock_rotate_2{
    transform: translate(0px, -515px);
}
.rotate_internal_box.clock_rotate_2{
    transform: translate(-655px, 0px);
}

.rotate_learning_box.clock_rotate_3{
    transform: translate(-335px, 260px);
}
.rotate_customer_box.clock_rotate_3{
    transform: translate(320px, 260px);
}
.rotate_financial_box.clock_rotate_3{
    transform: translate(335px, -260px);
}
.rotate_internal_box.clock_rotate_3{
    transform: translate(-320px, -260px);
}

.rotate_learning_box.clock_rotate_4{
    transform: translate(0px, 0px);
}
.rotate_customer_box.clock_rotate_4{
    transform: translate(15px, 0px);
}
.rotate_financial_box.clock_rotate_4{
    transform: translate(0px, 0px);
}
.rotate_internal_box.clock_rotate_4{
    transform: translate(15px, 0px);
}


/* Remove transform to rotate back (anti-clockwise)*/
.rotate_learning_box.anti_clock_rotate_1{
    transform: translate(-335px, 260px);
}
.rotate_customer_box.anti_clock_rotate_1{
    transform: translate(320px, 260px);
}
.rotate_financial_box.anti_clock_rotate_1{
    transform: translate(335px, -260px);
}
.rotate_internal_box.anti_clock_rotate_1{
    transform: translate(-320px, -260px);
}

.rotate_learning_box.anti_clock_rotate_2{
    transform: translate(0px, 515px);
}
.rotate_customer_box.anti_clock_rotate_2{
    transform: translate(655px, 0px);
}
.rotate_financial_box.anti_clock_rotate_2{
    transform: translate(0px, -515px);
}
.rotate_internal_box.anti_clock_rotate_2{
    transform: translate(-655px, 0px);
}

.rotate_learning_box.anti_clock_rotate_3{
    transform: translate(335px, 260px);
}
.rotate_customer_box.anti_clock_rotate_3{
    transform: translate(320px, -260px);
}
.rotate_financial_box.anti_clock_rotate_3{
    transform: translate(-335px, -260px);
}
.rotate_internal_box.anti_clock_rotate_3{
    transform: translate(-320px, 260px);
}

.rotate_learning_box.anti_clock_rotate_4{
    transform: translate(0px, 0px);
}
.rotate_customer_box.anti_clock_rotate_4{
    transform: translate(-15px, 0px);
}
.rotate_financial_box.anti_clock_rotate_4{
    transform: translate(0px, 0px);
}
.rotate_internal_box.anti_clock_rotate_4{
    transform: translate(15px, 0px);
}

.first_modal_ok{
    cursor: pointer;
}

.calendar_assessment{
    padding-right: 2px !important;
}

/* Report Page Start */

    .item_report{
        margin-bottom: 25px;
    }

    .report_box1{
        padding: 20px;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        background-color: #fff;
        border: 1px solid lightgray;
        border-top: 5px solid #5c2c8b;
        height: calc(100% - 30px);
        margin-bottom: 10px;
    }

    .title_report{
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .title_report span{
        font-size: 18px;
        font-weight: 600;
    }

    .right_icon_report{
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .right_icon_report div{
        margin-right: 10px;
    }

    .right_icon_report img{
        margin-right: 10px;
    }

    .right_icon_report label{
        margin-right: 10px;
    }

    .right_icon_report label{
        margin-right: 30px;
    }

    .plus_image{
        height: 28px;
        width: 30px;
        background: url("./../images/theme_images/plus.png");
        background-repeat: no-repeat;
        background-size: 30px;
        border:  0;
    }

    .plus_image:hover{
        cursor: pointer;
    }

    .minus_image{
        height: 28px;
        width: 30px;
        background: url("./../images/theme_images/minus-icon.svg");
        background-repeat: no-repeat;
        background-size: 30px;
        border:  0;
    }

    .minus_image:hover{
        cursor: pointer;
    }

    .checkbox_report{
        margin-right: 10px;
    }

    .report_checkbox .checkmark{
        top: -11px;
    }

    .title_wrapper{
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        padding-left: 20px;
    }

    .accordion_collapse_report{
        padding: 10px 20px;
        margin-top: 5px;
    }

    .accordion_body_report{
        background-color: #fff;
        border: 1px solid;
        padding: 10px;
    }

/* Report Page End */

/* Sidebar Dropdown Start*/

    .dropdown_submenu{
        position: relative;
    }
    .dropdown_arrow{
        position: absolute;
        right: 4px;
        top: 6px;

    }
    .dropdown_submenu.active .dropdown_arrow{
        transform: rotate(-90deg);
        top: 12px;
        right: 4px;
    }
    .submenu_wrapper{
        height: 0;
        transition: 0.3s;
    }
    .submenu_wrapper.active{
        height: auto;
    }

/* Sidebar Dropdown End*/

/* Responsive */

@media (max-width: 1400px) {
}
@media (max-width: 1280px) {
    .assessment_padding{
        height: calc(100% - 14px);
        padding: 20px 30px;
        width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 1024px) {
    /* Employer dashboard  */
    .navbar, .navbar > .nav_container {
        padding: 30px 25px;
    }

    .rounded_progress_box {
        padding: 30px 50px 30px 50px;
        height: auto;
        margin-bottom: 25px;
    }

    .employer_dashboard_main {
        padding: 50px 10px 0px 289px;
    }

    .employer_dashboard_main.l_active {
        padding: 50px 25px 0px 117px;
    }

    .top_blank1{
        top: 124px;
    }

    .top_blank_with_achievement{
        top: 125px;
        height: 60px;
    }

    .career_pathing_box1{
        padding: 12px 12px 12px;
    }

    .box_icon_selected_assessment img{
        height: 65px;
    }

    .search_box_employer{
       margin-top: 66px;
    }

    .career_pathing_main {
        padding: 95px 15px 0px 289px;
    }

    .title_wrapper{
        padding-left: 0px;
    }

    .fc .fc-button-group>:first-child{
        margin-left: 1px !important;
        margin-top: 6px !important;
    }

    .fc-toolbar .fc-center button:nth-child(2){
        margin-top: 6px !important;
    }

    .fc-toolbar .fc-center button:nth-child(3){
        margin-top: 6px !important;
    }
}
@media (max-width: 992px) {

    .search_box {
        margin-bottom: 30px;
    }
    .search_box1{
        margin-top: 5%;
    }

    footer {
        margin-top: 30px;
    }

    /* Home page */

    .home_page_right_side_content {
        margin-top: 30px;
    }
    .home_page_privacy_policy {
        padding: 15px 0;
        margin-top: 50px;
    }

    .navbar .navbar-menu .navbar-nav .navbar-dropdown .dropdown{
        top: 85px;
    }

    /* Career Pathing  */
    .top_blank {
        transform: translatex(100%);
    }
    .top_blank.active {
        transform: translatex(0%);
    }
    .ozzy_sidebar {
        transform: translatex(100%);
        transition: 0.3s;
        top: 178px;
        z-index: 1;
        height: calc(100vh - 179px);
    }
    .ozzy_sidebar.active {
        transform: translatex(0%);
    }
    .ozzy_toggle {
        display: block;
        width: 35px;
        transform: translate(-115%, -15px);
    }
    .ozzy_toggle.active {
        transform: translate(-115%, 40px);
    }
    .ozzy_toggle img {
        width: 100%;
    }

    .career_pathing_main {
        padding: 96px 15px 0px 289px;
    }
    .career_pathing_main.l_active {
        padding: 110px 15px 0px 117px;
    }
    /* Assesment Page */
    .assessment_main {
        padding: 55px 0px 0px 279px;
    }
    .main.l_active .dashboard_box {
        flex-wrap: wrap;
        height: calc(100% - 30px);
        width: 100%;
    }
    .main.l_active {
        padding: 80px 117px 0px 117px;
    }
    .assessment_padding{
        padding: 50px 20px;
    }

    /* Employer dashboard  */
    .navbar, .navbar > .nav_container {
        padding: 30px 25px;
    }
    .rounded_progress_box {
        padding: 30px 50px 30px 50px;
        height: auto;
        margin-bottom: 25px;
    }
    .employer_dashboard_main {
        padding: 50px 10px 0px 289px;
    }

    .top_blank1{
        top: 124px;
    }

    .top_blank_with_achievement{
        top: 124px;
        height: 60px;
    }

    .search_box_employer{
        margin-top: 65px;
    }

    .pathing_heading{
        display: block;
    }

    .report_box1{
        display: block;
        text-align: center;
    }

    .title_wrapper{
        display: block;
        padding-left: 0px;
        margin-top: 10px;
    }

    .ac_title{
        word-break: break-all;
    }

    .right_icon_report{
        margin-top: 16px;
    }

    .title_report{
        justify-content: center;
    }

    .employee_dashboard_search{
        margin-top: 15px;
    }

    .dashboard_box1{ /* only used in employer calendar */
        text-align: center;
        display: block;
        margin-top: 46px;
    }

    .dashboard_box1 .box_icon1 img { /* only used in employer calendar */
        width: 210px;
        height: 114px;
        margin-bottom: 20px;
    }

    .calendar_assessment{
        padding-right: 0 !important;
    }

    #calendar .fc-day-grid-container{
        height: 100% !important;
    }

    .fc-toolbar .fc-left{
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }

    .fc-toolbar .fc-right{
        margin-top: -40px !important;
        float: right !important;
    }

    .fc-toolbar{
        margin-top: 20px;
    }

    .fc .fc-button-group>:first-child{
        margin-top: 15px !important;
    }

    .fc-toolbar .fc-center button:nth-child(2){
        margin-top: 15px !important;
    }

    .fc-toolbar .fc-center button:nth-child(3){
        margin-top: 15px !important;
    }

    .career_pathing_box1{
        margin-top: 46px;
    }

    td.fc-day-top.fc-mon.fc-today.fc-state-highlight {
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 0;
    }
}
@media (max-width: 768px) {

    .home_page {
        height: 100%;
    }
    .home_page_content {
        padding: 20px 0px 10px 0;
        font-size: 30px;
        line-height: 35px;
        text-align: left;
        margin-bottom: 0;
    }
    .home_page_singin_section {
        margin-bottom: 30px;
    }
    .home_page_singin {
        font-size: 18px;
    }
    .home_page_logo {
        width: 140px;
        margin-top: 30px;
    }
    .home_page_right_side_content {
        margin-top: 15px;
    }
    .home_page_privacy_policy {
        padding: 15px 0;
        margin-top: 20px;
    }

    .profile_box .profile_row_desc{
        word-break: break-all;
    }

    /* Pathing Page */

    .pathing_heading {
        flex-direction: column;
    }

    /* Assesment Page */
    .assessment_main {
        padding: 55px 0px 0px 279px;
    }
    .main.l_active .dashboard_box {
        flex-wrap: wrap;
        height: calc(100% - 30px);
        width: 100%;
    }
    .main.l_active {
        padding: 50px 117px 0px 117px;
    }
    .assessment_padding{
        padding: 50px 20px;
    }
    .rounded_progress_box {
        padding: 30px 50px 30px 50px;
        height: auto;
        margin-bottom: 25px;
    }

    /* Employer dashboard  */

    .dashboard_box .box_content .title{
        font-size: 18px;
        font-weight: 600;
    }
    .breakdown_box{
        padding: 20px;
    }
    .breakdown_box .breakdown_title{
        font-size: 22px;
        margin-bottom: 20px;
    }
    .breakdown_progress:last-child{
        margin-bottom: 0;
    }
    .breakdown_progress:last-child .breackdown_progress_text{
        padding: 10px 0 0;
    }
    .breackdown_progress_text{
        padding: 10px 0;
    }

    .action_button{
        display: block;
    }

    .career_pathing_reset_button{
        width: 80%;
    }

    .career_pathing_confirm_button{
        width: 80%;
        margin-left: 0;
    }

    .top_blank1{
        top: 124px;
    }

    .top_blank_with_achievement{
        top: 124px;
        height: 60px;
    }

    .top_blank_achievement img {
        margin-right: 36px;
    }

    .search_box_employer{
        margin-top: 65px;
    }

    .report_box1{
        display: block;
        text-align: center;
    }

    .title_wrapper{
        display: block;
        padding-left: 0px;
        margin-top: 10px;
    }

    .ac_title{
        word-break: break-all;
    }

    .right_icon_report{
        margin-top: 16px;
    }

    .employee_dashboard_search{
        margin-top: 30px;
    }

    .dashboard_box1{ /* only used in employer calendar */
        text-align: center;
        display: block;
    }

    .dashboard_box1 .box_icon1 img { /* only used in employer calendar */
        width: 210px;
        height: 114px;
        margin-bottom: 20px;
    }

    .fc-toolbar .fc-center{
        display: inline-block !important;
    }

    .calendar_assessment{
        padding-right: 0 !important;
    }

    #calendar .fc-day-grid-container{
        height: 100% !important;
    }

    .fc-toolbar .fc-left{
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }

    .fc-toolbar .fc-right{
        margin-top: -34px !important;
        margin-left: -136px !important;
        float: left !important;
    }

    .fc-toolbar{
        margin-top: 20px;
    }

    .fc .fc-button-group>:first-child{
        margin-top: 10px !important;
    }

    .fc-toolbar .fc-center button:nth-child(2){
        margin-top: 10px !important;
    }

    .fc-toolbar .fc-center button:nth-child(3){
        margin-top: 10px !important;
    }

    .career_pathing_box1{
        margin-top: 46px;
    }

    td.fc-day-top.fc-mon.fc-today.fc-state-highlight {
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 0;
    }
}
@media (max-width: 576px) {

    .toggle_button{
        display: none;
    }

    .mobile_toggle_button{
        display: block;
    }

    /* Modal */

    .modal_content {
        flex-wrap: wrap;
        padding: 20px;
    }
    .modal_content .modal_text .modal_title {
        font-size: 20px;
        padding-top: 15px;
    }
    .modal_content .modal_text .modal_desc {
        font-size: 16px;
        margin-top: 10px;
    }
    .modal_content .modal_text button {
        margin-top: 15px;
        padding: 10px 30px;
        font-size: 15px;
        width: 150px;
        margin-right: 5px;
    }
    .modal_content .modal_image {
        width: 50%;
        margin: 0 auto;
    }
    .modal_content .modal_text {
        width: 100%;
    }

    .sidebar {
        transform: translatex(200%);
        top: 68px;
        height: calc(100vh - 68px);
        z-index: 1;
    }

    .logo {
        width: 60px;
    }
    .sidebar.active {
        width: 100%;
        transform: translatex(0%);
    }
    .sidebar_right {
        transform: translatex(100%);
        overflow: unset;
        top: 68px;
        height: calc(100vh - 68px);
        z-index: 1;
    }
    #main_r_s_toggle,
    .sidebar_right_toggle {
        transform: translate(-75px) !important;
        z-index: 99;
        position: relative;
    }
    .sidebar_right.active {
        transform: translatex(0%);
        width: 100%;
        z-index: 3;
    }
    .main,
    .main.l_active {
        /*padding: 30px 0px 0px 0px;*/
        padding:  35px 12px 0px 12px;
        position: relative;
    }
    .toggle_button {
        transform: translatex(240px);
        position: relative;
        z-index: 1;
    }
    .sidebar.active .toggle_button {
        transform: translatex(160px);
    }
    .nav_container {
        padding: 15px;
    }
    .navbar .navbar-menu .navbar-nav .notification-dropdown .dropdown {
        right: -144px;
        top: 76px;
        min-width: 330px;
        width: 344px;
    }
    .navbar .navbar-menu .navbar-nav .message-dropdown .dropdown {
        right: -197px;
        top: 76px;
        min-width: 358px;
        width: 358px;
    }

    .sidebar.active {
        width: 100%;
        background-color: #fff;
        padding: 50px 35px;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 9999;
        top: 95px;
    }
    .sidebar.active a {
        background: transparent !important;
        padding: 7px 25px;
        margin-bottom: 5px;
        margin-left: 5px;
        border-radius: 30px;
        justify-content: center;
    }
    .sidebar.active a span {
        display: unset;
        color: #ffffff70;
    }
    .sidebar.active a.active span {
        color: #ffffff;
    }
    .sidebar.active a svg {
        stroke: #ffffff70;
    }
    .sidebar.active .toggle_button button {
        margin-bottom: 50px !important;
    }
    .sidebar.active a.active svg {
        stroke: #fff;
    }
    .sidebar.active a.active:focus {
        color: #ffffff;
    }
    .sidebar.active a:hover span {
        border: 1px solid transparent;
        color: #fff;
    }
    .sidebar.active a:hover svg {
        stroke: #fff;
    }
    .sidebar_right_toggle img {
        width: 34px;
    }
    .search_box {
        margin-bottom: 30px;
    }
    .search_box1 {
        margin-top: 50px;
    }
    .dashboard_box {
        margin-bottom: 20px;
    }
    footer {
        margin-top: 30px;
    }

    /* Home Page */
    .home_page {
        height: 100%;
    }
    .home_page_content {
        padding: 20px 0px 10px 0;
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        margin-bottom: 0;
    }
    .home_page_heading {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .home_page_singin_section {
        text-align: center;
        margin-bottom: 20px;
    }
    .home_page_paragrapgh {
        width: 100%;
        margin-bottom: 18px;
        font-size: 15px;
    }
    .home_page_singin {
        padding: 8px 40px;
    }
    .home_page_logo {
        width: 70px;
        margin-top: 20px;
    }
    .home_page_privacy_policy {
        padding: 30px 0 10px 0;
        font-size: 10px;
        text-align: center;
    }
    .home_page_privacy_policy span {
        font-size: 10px !important;
    }
    .home_page_right_side_content {
        margin-top: 10px;
    }
    .profile_box .profile_row_desc{
        word-break: break-all;
    }
    .pathing_heading_right {
        flex-direction: column;
    }
    .pathing_heading_right button {
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }

    .top_blank {
        top: 68px;
        width: 100%;
    }
    .ozzy_sidebar {
        width: 100%;
        transform: translatex(100%);
        top: 133px;
        z-index: 1;
        height: calc(100vh - 133px);
    }
    .ozzy_toggle {
        transition: 0.3s;
    }
    .ozzy_toggle.active {
        transform: translate(330px, 65px);
    }
    .top_pro_bg {
        z-index: 0;
    }
    .profile_box .profile_image {
        z-index: 0;
    }

    .assessment_padding{
        height: calc(100% - 14px);
        padding: 25px;
        width: 92%;
        margin: 0 auto;
    }

    .fs-18{
        font-size: 17px !important;
    }

    .assessment_padding .box_content .dec {
        font-size: 13px;
        line-height: 26px;
    }
    .rounded_progress_box {
        padding: 30px 50px 30px 50px;
        height: auto;
        margin-bottom: 25px;
    }

    /* Employer Dashboard Page */
    .dashboard_box .box_content .title{
        font-size: 18px;
        font-weight: 600;
    }
    .breakdown_box{
        padding: 20px;
    }
    .breakdown_box .breakdown_title{
        font-size: 22px;
        margin-bottom: 20px;
    }
    .breakdown_progress:last-child{
        margin-bottom: 0;
    }
    .breakdown_progress:last-child .breackdown_progress_text{
        padding: 10px 0 0;
    }
    .breackdown_progress_text{
        padding: 10px 0;
    }

    .action_button{
        display: flex;
    }

    .career_pathing_reset_button{
        width: 100%;
    }

    .career_pathing_confirm_button{
        width: 100%;
        margin-left: 10px;
    }

    .top_blank1{
        top: 105px;
        width: 100%;
    }

    .pathing_heading{
        margin-top: 35px;
    }

    .top_blank_with_achievement{
        top: 106px;
        width: 100%;
    }

    .top_blank_achievement img{
        margin-right: 15px;
    }

    .report_box1{
        display: block;
        text-align: center;
    }

    .title_wrapper{
        display: block;
        padding-left: 0px;
        margin-top: 10px;
    }

    .ac_title{
        word-break: break-all;
    }

    .right_icon_report{
        margin-top: 16px;
    }

    .employee_dashboard_search{
        margin-top: 30px;

    }

    #calendar {
        width: 100%;
        margin: 0 auto;
        background-color: white;
        padding: 30px 20px;
        border-radius: 20px;
        height: 600px;
        margin-top: 50px;
    }

    .career_pathing_box1 {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        /* background-color: #fff; */
        padding: 15px 30px 20px;
        border: 1px solid lightgray;
        border-top: 5px solid #5c2c8b;
        flex-wrap: wrap;
        margin-bottom: 30px;
        margin-top: 25px;
    }

    #home_page_logo_col{
        text-align: center;
    }

    .employer_calendar_page{
        padding: 50px 14px;
    }

    .dashboard_box1{ /* only used in employer calendar */
        text-align: center;
        display: block;
        margin-top: 15px;
    }

    .dashboard_box1 .box_icon1 img { /* only used in employer calendar */
        width: 210px;
        height: 114px;
        margin-bottom: 20px;
    }

    .fc-toolbar .fc-center{
        display: block !important;
    }

    .calendar_assessment{
        padding-right: 0 !important;
    }

    #calendar .fc-day-grid-container{
        height: 100% !important;
    }

    .fc-toolbar .fc-left{
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }

    .fc-toolbar .fc-right{
        float: left !important;
        margin-top: -36px !important;
        margin-left: -154px !important;
    }

    .fc-toolbar{
        margin-top: 20px;
    }

    .fc .fc-button-group>:first-child{
        margin-left: 0px !important;
        margin-top: 10px !important;
    }

    .fc-toolbar .fc-center button:nth-child(2){
        margin-top: 10px !important;
    }

    .fc-toolbar .fc-center button:nth-child(3){
        margin-top: 10px !important;
    }

    .career_pathing_box1{
        margin-top: 46px;
    }

    td.fc-day-top.fc-mon.fc-today.fc-state-highlight {
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 0;
    }

    .fc .fc-toolbar>*>* {
        float: left !important;
        margin-left: 0.75em !important;
    }

    .fc-center .fc-button-group{
        margin-top: 1px !important;
    }

    .employee_dashboard_footer{
        padding: 10px 10px 10px 40px !important;
    }
}
@media (max-width: 376px) {
    .sidebar_right.active {
        width: 100vw;
        z-index: 3;
    }
    .main.r_active {
        padding: 127px 0px 0px 117px;
    }
    .sidebar_right_toggle{
        transform: translate(0px) !important;
        height: 30px !important;
        width: 30px !important;
    }
    .sidebar_right_toggle img {
        width: 34px !important;
    }
    .profile_row{
        padding: 15px 15px 0;
    }
    .profile_box .profile_row_title{
        font-size: 18px;
    }
    .profile_box .profile_row_desc{
        font-size: 16px;
        line-height: 16px;
    }
    .dashboard_box{
        padding: 20px 15px;
        margin-bottom: 10px;
        height: calc(100% - 10px);
    }
    .employee_dashboard_search {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    footer{
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 10px;
    }
    .employee_dashboard_footer{
        font-size: 10px;
        padding: 10px !important;
    }

    .dashboard_box1{ /* only used in employer calendar */
        text-align: center;
        display: block;
        margin-top: 15px;
    }

    .dashboard_box1 .box_icon1 img { /* only used in employer calendar */
        width: 210px;
        height: 114px;
        margin-bottom: 20px;
    }

    .fc-toolbar .fc-center{
        display: block !important;
    }

    .calendar_assessment{
        padding-right: 0 !important;
    }

    #calendar .fc-day-grid-container{
        height: 100% !important;
    }

    .fc-toolbar .fc-left{
        margin-top: 15px !important;
        margin-bottom: 10px !important;
        margin-left: 0px !important;
    }

    .fc-toolbar .fc-right{
        margin-top: -36px !important;
        float: left !important;
    }

    .fc-toolbar{
        margin-top: 20px;
    }

    .fc .fc-button-group>:first-child{
        margin-left: 0px !important;
        margin-top: 6px !important;
    }

    .fc-toolbar .fc-center button:nth-child(2){
        margin-top: 6px !important;
    }

    .fc-toolbar .fc-center button:nth-child(3){
        margin-top: 6px !important;
    }

    .career_pathing_box1{
        margin-top: 46px;
    }

    td.fc-day-top.fc-mon.fc-today.fc-state-highlight {
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 0;
    }

    .fc-center .fc-button-group{
        margin-top: 1px !important;
    }
}
@media (max-width: 375px) {

    .logo{
        width: 54px;
    }

    .navbar, .navbar > .nav_container {
        padding: 30px 8px;
    }

    /* Notification Dropdown */
    .navbar .navbar-menu .navbar-nav .navbar-dropdown .dropdown{
        min-width: 280px;
        width: 280px;
    }

    .navbar .navbar-menu .navbar-nav .notification-dropdown .dropdown {
        right: -96px;
        top: 67px;
        min-width: 280px;
        width: 280px;
    }
    .navbar .navbar-menu .navbar-nav .message-dropdown .dropdown {
        right: -136px;
        top: 67px;
    }

    .navbar .navbar-menu .navbar-nav > li > a{
        font-size: 15px;
    }

    .profile_box .profile_row_desc{
        word-break: break-all;
    }

    .ozzy_toggle.active {
        transform: translate(310px, 65px);
    }
    .action_button {
        flex-wrap: wrap;
    }
    .action_button .text-center {
        width: 100%;
    }
    .action_button button {
        margin-left: 0;
        width: 100%;
    }

    .fs-18{
        font-size: 15px !important;
    }

    .assessment_padding .box_content .dec {
        font-size: 12px;
        line-height: 26px;
    }

    /* Employer Dashboard Responsive */
    .rounded_progress_box {
        padding: 30px 50px 30px 50px;
        height: auto;
        margin-bottom: 25px;
    }

    .top_blank1{
        top: 98px;
        width: 100%;
    }

    .pathing_heading{
        margin-top: 30px;
    }

    .career_pathing_box1 {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        /* background-color: #fff; */
        padding: 15px 30px 20px;
        border: 1px solid lightgray;
        border-top: 5px solid #5c2c8b;
        flex-wrap: wrap;
        margin-bottom: 30px;
        margin-top: 50px;
    }

    .top_blank_with_achievement{
        top: 97px;
        width: 100%;
    }

    .top_blank_achievement img{
        margin-right: 15px;
    }

    .search_box_employer{
        margin-top: 60px;
    }

    .dashboard_box{
        display: block;
        text-align: center;
        align-items: center;
        margin-bottom: 30px;
    }

    .dashboard_box .box_icon{
        margin-right: 0px;
        width: auto;
    }

    .report_box1{
        display: block;
        text-align: center;
    }

    .title_wrapper{
        display: block;
        padding-left: 0px;
        margin-top: 10px;
    }

    .ac_title{
        word-break: break-all;
    }

    .right_icon_report{
        margin-top: 16px;
    }

    .employee_dashboard_search{
        margin-top: 30px;
    }

    .assessment_padding{
        height: calc(100% - 14px);
        padding: 25px;
        width: 100%;
        margin: 0 auto;
        display: flex !important;
        text-align: inherit;
    }

    .employer_dashboard_calender_side_down_box{
        display: flex;
        text-align: inherit;
    }

    .dashboard_box1{ /* only used in employer calendar */
        text-align: center;
        display: block;
    }

    .dashboard_box1 .box_icon1 img { /* only used in employer calendar */
        width: 210px;
        height: 114px;
        margin-bottom: 20px;
    }

    .fc-toolbar .fc-center{
        display: block !important;
    }

    .calendar_assessment{
        padding-right: 0 !important;
    }

    #calendar .fc-day-grid-container{
        height: 100% !important;
    }

    .fc-toolbar .fc-left{
        margin-top: 15px !important;
        margin-bottom: 10px !important;
    }

    .fc-toolbar .fc-right{
        margin-top: -36px !important;
        float: left !important;
    }

    .fc-toolbar{
        margin-top: 20px;
    }

    .fc .fc-button-group>:first-child{
        margin-left: 0px !important;
        margin-top: 6px !important;
    }

    .fc-toolbar .fc-center button:nth-child(2){
        margin-top: 6px !important;
    }

    .fc-toolbar .fc-center button:nth-child(3){
        margin-top: 6px !important;
    }

    .career_pathing_box1{
        margin-top: 46px;
    }

    td.fc-day-top.fc-mon.fc-today.fc-state-highlight {
        display: flex;
        justify-content: center;
        align-items: center;
        border-right: 0;
    }

    .fc-center .fc-button-group{
        margin-top: 1px !important;
    }
}
@media (max-width: 320px) {

    .sidebar_right.active {
        width: 100vw;
        z-index: 3;
    }
    .main.r_active {
        padding: 127px 0px 0px 117px;
    }
    .sidebar_right_toggle{
        transform: translate(0px) !important;
        height: 30px !important;
        width: 30px !important;
    }
    .sidebar_right_toggle img {
        width: 34px !important;
    }
    .profile_row{
        padding: 15px 15px 0;
    }
    .profile_box .profile_row_title{
        font-size: 18px;
    }
    .profile_box .profile_row_desc{
        font-size: 16px;
        line-height: 16px;
    }
    .dashboard_box{
        padding: 20px 15px;
        margin-bottom: 10px;
        height: calc(100% - 10px);
    }
    .employee_dashboard_search {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    footer{
        margin-right: 0px;
        margin-left: 0px;
        margin-top: 10px;
    }
    .employee_dashboard_footer{
        font-size: 10px;
        padding: 10px !important;
    }

    .fc-toolbar .fc-center{
        display: block !important;
    }

    .fc-toolbar .fc-right button{
        padding: 4px 22px !important;
    }

    .fc .fc-toolbar>*>* {
        margin-left: 8px !important;
    }

    .fc-center .fc-button-group{
        margin-top: 1px !important;
    }
}
@media screen and (min-device-width: 180px) and (max-device-width: 281px){

    *{
        font-size: 12px;
    }

    .navbar .navbar-menu .navbar-nav .message-dropdown .dropdown{
        right: -148px;
        top: 65px;
        min-width: 266px;
        width: 266px;
    }

    .navbar .navbar-menu .navbar-nav .notification-dropdown .dropdown{
        right: -107px;
        top: 64px;
        min-width: 262px;
        width: 262px;
    }

    .top_blank1{
        top: 95px;
        width: 100%;
    }

    .top_blank_with_achievement{
        top: 95px;
        width: 100%;
    }

    .top_blank_achievement img{
        margin-right: 15px;
    }

    .search_box_employer{
        margin-top: 56px;
    }

    .fc-toolbar .fc-center{
        display: block !important;
    }

    .fc-toolbar .fc-right {
        margin-top: -87px !important;
        float: right !important;
    }

    .fc-toolbar .fc-right button {
        padding: 4px 18px !important;
    }
}
@media screen and (min-device-width: 375px) and (max-device-width: 440px){
    .action_button{
        display: block;
    }

    .career_pathing_reset_button{
        width: 100%;
    }

    .career_pathing_confirm_button{
        width: 100%;
        margin-left: 0px;
    }

    /*.pathing_heading{
        margin-top: 34px;
    }*/
}

.dashboardicon{
    height: 150px;
}