/* nav header style start */
.page-title h4 {
    font-size: 20px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 0;
    font-family: 'Nunito SemiBold';
    display: inline-block;
}
.preview-page-button {
    margin-right: 20px;
    font-size: 17px;
}
.edit-bar-new {
    padding: 5px 20px;
    display: flex;
    align-items: center;
    height: 60px;
    z-index: 100;
}
.edit-bar-new.affix {
    height: 45px;
}
.edit-bar-new.affix .page-title h4 {
    font-size: 17px;
}
.edit-bar-new.affix .page-title h4 img {
    width: 22px;
    margin-right: 9px;
}
.edit-bar-new.affix .searchbar-new {
    height: 36px;
    font-size: 13px;
}
.nav-pc {
    width: 100%;
}
.page-title h4 img {
    width: 28px;
    margin-right: 12px;
}
.bg-vector {
    background: #fff url(../images/navbar-bg-vector.svg) no-repeat 97px 0px;
    background-size: 6%;
    background-size: 100px;
}


.searchbar-new {
    margin-bottom: auto;
    margin-top: auto;
    height: 40px;
    background: #fff;
    border-radius: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    border: 1px solid #D6D6E6;
}
.searchbar-new:focus,
.searchbar-new:visited, 
.searchbar-new:hover {
    box-shadow: 0 0 0 0.1rem rgb(0 136 255 / 25%);
}
.searchbar-new .search_input{
    color: #85869B;
    border: 0;
    outline: 0;
    background: none;
    width: 100%;
    /* caret-color:transparent; */
    line-height: 40px;
    padding: 0 18px;
}
.searchbar-new .search_icon{
    width: 30px;
    border-radius: 50%;
    color: #85869B;
    text-decoration:none;
}
.edit-bar-new-right {
    float: right;
}

/* edit-bar-new-drop start */
.edit-bar-new-drop .menu-wrap-cmn {
    position: relative;
    height: 25px;
    width: 25px;
    display: inline-block;
    margin-top: 7px;
    margin-left: 10px;
}

.edit-bar-new-drop .menu-wrap-cmn .dots {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 1;
    font-size: 17px;
    color: #85869B;
}
.edit-bar-new-drop .menu-wrap-cmn:hover .dots {
    color: #0088FF;
}

.edit-bar-new-drop .menu-wrap-cmn .dots > div,
.edit-bar-new-drop .menu-wrap-cmn .dots > div:after,
.edit-bar-new-drop .menu-wrap-cmn .dots > div:before {
    /* height: 6px;
    width: 6px;
    background: #85869B; */
    border-radius: 50%;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.edit-bar-new-drop .menu-wrap-cmn .dots > div {
    position: relative;
}

/* .edit-bar-new-drop .menu-wrap-cmn .dots > div:after {
    content: "";
    position: absolute;
    bottom: calc((25px / 2) - (6px / 2));
    left: 0;
}

.edit-bar-new-drop .menu-wrap-cmn .dots > div:before {
    content: "";
    position: absolute;
    top: calc((25px / 2) - (6px / 2));
    left: 0;
} */

.edit-bar-new-drop .menu-wrap-cmn .menu {
    position: absolute;
    right: 0px;
    top: calc(-12px + 50px);
    width: 0;
    height: 0;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 20px 15px;
    -webkit-box-shadow: 2px 4px 6px rgba(49, 49, 49, 0.2);
    box-shadow: 2px 4px 6px rgba(49, 49, 49, 0.2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
}

.edit-bar-new-drop .menu-wrap-cmn .menu ul {
    list-style: none;
}

.edit-bar-new-drop .menu-wrap-cmn .menu ul li {
    margin: 15px 0;
}

.edit-bar-new-drop .menu-wrap-cmn .menu ul li .link {
    text-decoration: none;
    color: rgba(49, 49, 49, 0.85);
    opacity: 0;
    visibility: hidden;
}

.edit-bar-new-drop .menu-wrap-cmn .toggler {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    z-index: 2;
}

/* .edit-bar-new-drop .menu-wrap-cmn .toggler:hover + .dots > div,
.edit-bar-new-drop .menu-wrap-cmn .toggler:hover + .dots > div:after,
.edit-bar-new-drop .menu-wrap-cmn .toggler:hover + .dots > div:before {
    background: #0088FF;
} */

/* .edit-bar-new-drop .menu-wrap-cmn .toggler:checked + .dots > div {
    -webkit-transform: translateX(calc(((25px / 2) - (6px / 2)) * -0.7071067812))
        translateY(calc(((25px / 2) - (6px / 2)) * -0.7071067812));
    -ms-transform: translateX(calc(((25px / 2) - (6px / 2)) * -0.7071067812))
        translateY(calc(((25px / 2) - (6px / 2)) * -0.7071067812));
    transform: translateX(calc(((25px / 2) - (6px / 2)) * -0.7071067812))
        translateY(calc(((25px / 2) - (6px / 2)) * -0.7071067812));
}

.edit-bar-new-drop .menu-wrap-cmn .toggler:checked + .dots > div:after {
    -webkit-transform: translateX(calc(((25px / 2) - (6px / 2)) * 0.7071067812))
        translateY(calc((2 * (25px / 2) - (6px / 2)) * 0.7071067812));
    -ms-transform: translateX(calc(((25px / 2) - (6px / 2)) * 0.7071067812))
        translateY(calc((2 * (25px / 2) - (6px / 2)) * 0.7071067812));
    transform: translateX(calc(((25px / 2) - (6px / 2)) * 0.7071067812))
        translateY(calc((2 * (25px / 2) - (6px / 2)) * 0.7071067812));
}

.edit-bar-new-drop .menu-wrap-cmn .toggler:checked + .dots > div:before {
    -webkit-transform: translateX(
        calc(2 * (((25px / 2) - (6px / 2)) * 0.7071067812))
        )
        translateY(
        calc(((25px / 2) - (6px / 2)) - (((25px / 2) - (6px / 2)) * 0.7071067812))
        );
    -ms-transform: translateX(calc(2 * (((25px / 2) - (6px / 2)) * 0.7071067812)))
        translateY(
        calc(((25px / 2) - (6px / 2)) - (((25px / 2) - (6px / 2)) * 0.7071067812))
        );
    transform: translateX(calc(2 * (((25px / 2) - (6px / 2)) * 0.7071067812)))
        translateY(
        calc(((25px / 2) - (6px / 2)) - (((25px / 2) - (6px / 2)) * 0.7071067812))
        );
} */

/* .edit-bar-new-drop .menu-wrap-cmn .toggler:checked:hover + .dots > div,
.edit-bar-new-drop .menu-wrap-cmn .toggler:checked:hover + .dots > div:after,
.edit-bar-new-drop .menu-wrap-cmn .toggler:checked:hover + .dots > div:before {
    background-color: rgba(49, 49, 49, 0.6);
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
} */


/* start */
.edit-bar-new-drop .menu-wrap-cmn .ocd-hdr-menu.active {
    opacity: 1;
    visibility: visible;
    width: 150px;
    height: 130px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #fff;
    z-index: 1;
}
.edit-bar-new-drop .menu-wrap-cmn .ocd-hdr-menu.active ul .link {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.5s ease 0.3s;
    -o-transition: 0.5s ease 0.3s;
    transition: 0.5s ease 0.3s;
}
.edit-bar-new-drop .menu-wrap-cmn .ocd-hdr-menu.active .menu ul .link:hover {
    color: #2980b9;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.edit-bar-new-drop .menu-wrap-cmn .ocd-hdr-menu {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.edit-bar-new-drop .menu-wrap-cmn .ocd-hdr-menu ul .link {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
}


/* .edit-bar-new-drop .menu-wrap-cmn .toggler:checked ~ .menu {
    opacity: 1;
    visibility: visible;
    width: 150px;
    height: 130px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #fff;
    z-index: 1;
} */


/* .edit-bar-new-drop .menu-wrap-cmn .toggler:checked ~ .menu ul .link {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.5s ease 0.3s;
    -o-transition: 0.5s ease 0.3s;
    transition: 0.5s ease 0.3s;
} */

/* .edit-bar-new-drop .menu-wrap-cmn .toggler:checked ~ .menu ul .link:hover {
    color: #2980b9;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
} */

/* .edit-bar-new-drop .menu-wrap-cmn .toggler:not(:checked) ~ .menu {
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
} */

/* .edit-bar-new-drop .menu-wrap-cmn .toggler:not(:checked) ~ .menu ul .link {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
} */
.drop-list-menu {
    padding: 0;
    margin: 0;
}
.preview-page-btn {
    font-size: 22px;
    margin-top: -15px;
    margin-left: 10px;
    display: inline-block;
    vertical-align: middle;
}
.show-small-device {
    display: none;
}

@media (max-width: 1023.9px) {
    .page-title h4 {
        font-size: 17px;
    }
    .page-title h4 img {
        width: 21px;
    }
    /* .hide-small-device {
        display: none;
    } */
}
@media (max-width: 767.9px) {
    .edit-bar-new {
        height: 100px;
    }
    .edit-bar-new.affix {
        height: 100px;
    }
    .hide-small-device {
        display: none;
    }
    .page-title h4 img {
        width: 16px;
        margin-right: 8px;
    }
    .page-title h4 {
        font-size: 15px;
    }
    .show-small-device {
        display: block;
    }
    .edit-bar-new .searchbar-new {
        margin: 5px 0;
    }
}

/* nav header style End */

.new-tab-right .new-tab-right-ul.nav-tabs {
    float: right;
    background: #fff;
    border-radius: 5px;
    border-bottom: none;
    margin-bottom: 15px;
}
.new-tab-right .new-tab-right-ul.nav-tabs .nav-item {
    margin-bottom: 0;
}
.new-tab-right .new-tab-right-ul.nav-tabs .nav-link {
    font-size: 12px;
    font-family: 'Nunito Bold';
    line-height: 16px;
    color: #797A93;
    border: 1px solid transparent;
    padding: 10px 20px;
    border-radius: 5px;
    background: #fff;
    transition: all 0.50s;
}
.new-tab-right .new-tab-right-ul.nav-tabs .nav-link:hover {
    color: #090B3C !important;
}
.new-tab-right .new-tab-right-ul.nav-tabs .nav-link.active {
    background: #F7F7FF;
    border: 1px solid #D6D6E6 !important;
    color: #090B3C !important;
}

.oc-chart-top-boxes {
    width: 274px;
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 4px 16px rgba(52, 52, 52, 0.05);
    display: flex;
    align-items: center;
    margin: 0 20px 20px 0;
    float: left;
}
.oc-chart-top-boxes h4 {
    font-size: 20px;
    color: #85869B;
    font-family: 'Nunito SemiBold';
    margin-bottom: 0;
    width: 100%;
}
.oc-chart-top-boxes h3 {
    font-size: 20px;
    color: #0F4470;
    font-family: 'Nunito Bold';
    margin: 0 0 0 5px;
    background: #E6F4FF;
    border-radius: 10px;
    padding: 10px;
}

/* new-tab-fixed-ul style start */
.new-tab-fixed-ul.nav-tabs {
    border: none;
    background: #fff;
    border-radius: 6px;
    display: inline-block;
    position: fixed;
    right: 30px;
    top: calc(50% - 158px/2 - 17px);
    z-index: 999;
    box-shadow: 0px 4px 10px rgba(52, 52, 52, 0.05);
}
.new-tab-fixed-ul.nav-tabs .nav-link {
    padding: 5px 7px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #fff;
    color: #85869B;
    font-size: 14px;
    position: relative;
}
.new-tab-fixed-ul.nav-tabs .nav-item {
    position: relative;
}
.new-tab-fixed-ul.nav-tabs .tooltip-tab-left {
    position: absolute;
    background: #F6FBFF;
    padding: 5px 16px;
    right: 40px;
    top: 6px;
    width: auto;
    white-space: nowrap;
    font-size: 11px;
    line-height: 12px;
    color: #797A93;
    box-shadow: 0px 0px 15px #4e555b1f;
    border-radius: 35px;
    display: none;
}
.new-tab-fixed-ul.nav-tabs .nav-link:hover .tooltip-tab-left {
    display: block;
}
.new-tab-fixed-ul.nav-tabs .nav-link img {
    width: 18px;
    opacity: 0.5;
}
.new-tab-fixed-ul.nav-tabs .nav-link:hover {
    color: #090B3C !important;
}
.new-tab-fixed-ul.nav-tabs .nav-link:hover img {
    opacity: 1;
}
.new-tab-fixed-ul.nav-tabs .nav-link.active {
    background: #F6FBFF;
    border: 1px solid #D6D6E6 !important;
    color: #090B3C !important;
    position: relative;
    z-index: 1;
}
.new-tab-fixed-ul.nav-tabs .nav-link.active img {
    opacity: 1;
}


/* new-tab-fixed-ul style end */

/* new-og-chart-tree start */
.new-og-chart-tree-main {
    display: flex;
    flex-wrap: nowrap;
    width: auto;
    padding-bottom: 30px;

    overflow-x: scroll;
    overflow-y: hidden;
    min-height: 66vh;
}
.new-og-chart-tree-main-2 {
    min-height: 80vh;
}
.tree-new-oc-main {
    display: contents;
}
.new-og-chart-tree-main ul {
    margin-top: -7px;
    display: flex;
    justify-content: center;
    width: auto;
    margin-left: auto;
    margin-right: auto;
}


.new-og-chart-tree-main li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 30px 10px 0 10px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
/* .new-og-chart-tree-main li:only-child {
    padding-top: 0;
    margin-left: -40px;
}
.new-og-chart-tree-main li:before, .new-og-chart-tree-main li:after {
    content: "";
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #7C98B6;
    width: 50%;
    height: 20px;
}
.new-og-chart-tree-main li::after {
    right: auto;
    left: 50%;
    border-left: 1px solid #7C98B6;
} */
.new-og-chart-tree-main li a {
    text-decoration: none;
    color: #666;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    position: relative;
}

.hide-and-show-tree-user {
    position: absolute;
    bottom: -8px;
    left: 1px;
    right: 0;
    margin: 0 auto;
    background: #00000061;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: none;
    color: #fff;
    font-size: 10px;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}
.oc-box-rotate-icon-normal {
    opacity: 1;
}
.hide-and-show-tree-user i {
    line-height: 12px;
}
.oc-box-option-icon .fa-chevron-up.hide {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}
.tree-hide-user {
    display: none !important;
    transition: all 0.50s;
}
.tree-flex-user {
    display: flex !important;
    transition: all 0.50s;
}
.new-og-chart-tree-main li a:hover .hide-and-show-tree-user {
    opacity: 1;
}
.new-og-chart-tree-box .new-oc-user-pic img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #F6FBFF;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
}
/* .new-og-chart-tree-box .new-oc-user-pic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
} */
.new-og-chart-tree-box {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;

    position: relative;
    z-index: 1;
}
.new-og-chart-tree-box:hover {
    transform: translateY(-2px);
    /* transform: scale(1.04); */
}
.new-og-chart-tree-box:hover .new-oc-user-pic img {
    transform: scale(1.20); 
}
.new-og-chart-tree-box:hover .new-oc-user-content {
    box-shadow: 0px 4px 7px rgba(52, 52, 52, 0.05);
}
.new-og-chart-tree-box .new-oc-user-content {
    background: #fff;
    text-align: center;
    padding: 22px 6px 12px 6px;
    width: 200px;
    border-top: 4px solid #ccc;
    border-radius: 4px;
    margin-top: -20px;
}
.new-og-chart-tree-box .new-oc-user-content h6 {
    font-size: 14px;
    font-family: 'Nunito Bold';
    line-height: 19px;
    color: #000;
    margin-bottom: 3px;
}
.new-og-chart-tree-box .new-oc-user-content p {
    font-size: 12px;
    font-family: 'Nunito Regular';
    line-height: 17px;
    color: #85869B;
    margin-bottom: 0;
}
.new-og-chart-user-score {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}
.new-oc-user-content .new-og-chart-user-score {
    background: #FAFAFA;
    padding: 2px 2px 2px 20px;
    display: inline-flex;
    border-radius: 20px;
}
.new-og-chart-user-score p {
    margin-bottom: 0;
}
.new-og-chart-user-score .dot-div {
    margin-left: 10px;
    font-family: 'Nunito Bold';
    border-radius: 30px;
    padding: 3px 10px !important;
}
.designation-tree {
    background: #fff;
    display: inline-block;
    font-size: 13px;
    padding: 2px 9px;
    border-radius: 5px;
    box-shadow: 0px 0px 4px #ccc;
    max-width: 176px;
    word-break: break-word;
    margin-top: -6px;
    position: relative;
    top: -5px;
}
.designation-added-box .new-oc-user-content {
    padding-bottom: 20px;
}

/* tree hover color start */
.new-og-chart-tree-main li a:hover .new-oc-user-content, 
.new-og-chart-tree-main li a:hover+ul li a .new-oc-user-content {
	background: #fff3f1;  
}
.new-og-chart-tree-hover .new-og-chart-tree-main li.show a .new-oc-user-content, .new-og-chart-tree-hover .new-og-chart-tree-main li.show a:hover+ul li a .new-oc-user-content {
	background: #fff3f1;  
}

.new-og-chart-tree-hover .new-og-chart-tree-main li.active a .new-oc-user-content, .new-og-chart-tree-hover .new-og-chart-tree-main li.active a+ul li a .new-oc-user-content {
	background: #fff3f1;  
}
/* tree hover color end */

/* tree blur style start */
.new-og-chart-tree-blur .new-og-chart-tree-main ul:has(li.show) a .new-og-chart-tree-box {
    filter: blur(1px);
}
.new-og-chart-tree-blur .new-og-chart-tree-main ul li.show a .new-og-chart-tree-box {
    filter: blur(0px);
}
.new-og-chart-tree-blur .new-og-chart-tree-main li a:hover .new-og-chart-tree-box, 
.new-og-chart-tree-blur .new-og-chart-tree-main li a:hover+ul li a .new-og-chart-tree-box {
	filter: blur(0px) !important;
}
/* tree blur style end */

/* start */


.tree-new-oc-main ul {
	padding-top: 50px; position: relative;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree-new-oc-main li {
	float: left; text-align: center;
	list-style-type: none;
	position: relative;
	padding: 50px 10px 0 10px;
	
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}
.tree-new-oc-main li::before, .tree-new-oc-main li::after{
	content: '';
	position: absolute; top: 0; right: 50%;
	border-top: 2px solid #3939F3;
	width: 50%; 
    height: 44px;
}
.tree-new-oc-main li:first-child::before {
    width: 0;
}
.tree-new-oc-main li::after{
	right: auto; left: 50%;
	border-left: 2px solid #3939F3;
}
.tree-new-oc-main li:only-child::after, .tree-new-oc-main li:only-child::before {
	display: none;
}
.tree-new-oc-main li:only-child { 
    padding-top: 0;
}
.tree-new-oc-main ul ul li:only-child { 
    padding-top: 6px;
    margin-left: -37px;
}
.tree li:first-child::before, .tree-new-oc-main li:last-child::after{
	border: 0 none;
}
.tree-new-oc-main li:last-child::before{
	border-right: 2px solid #3939F3;
	border-radius: 0 25px 0 0;
	-webkit-border-radius: 0 25px 0 0;
	-moz-border-radius: 0 25px 0 0;
}
.tree-new-oc-main li:first-child::after{
	border-radius: 25px 0 0 0;
	-webkit-border-radius: 25px 0 0 0;
	-moz-border-radius: 25px 0 0 0;
}
.tree-new-oc-main ul ul::before{
	content: '';
	position: absolute; top: 0; left: 50%;
	border-left: 2px solid #3939F3;
	width: 0; height: 50px;
}
.tree-new-oc-main ul ul li a {
    position: relative;
}
.tree-new-oc-main ul ul li a:after {
    position: absolute;
    font-size: 13px;
    content: "\f078";
    color: #3939F3;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    top: -18px;
    left: 2px;
    right: 0;
}
.tree-new-oc-main ul ul li:last-child a:after {
    left: -1px;
}

/* .tree-new-oc-main ul li+ul li:last-child a:after {
    left: -1px;
} */

/* .tree-new-oc-main ul ul ul li:last-child a:after {
    left: -1px;
}
.tree-new-oc-main ul ul ul ul li:last-child a:after {
    left: -1px;
} */

/* .tree-new-oc-main ul ul li:nth-child(1) a:after {
    left: 2px;
} */
.tree-new-oc-main li a:hover, .tree-new-oc-main li a:hover+ul li a {
	/* background: #c8e4f8; color: #000; border: 1px solid #94a0b4; */
}
.tree-new-oc-main li a:hover+ul li::after, 
.tree-new-oc-main li a:hover+ul li::before, 
.tree-new-oc-main li a:hover+ul::before, 
.tree-new-oc-main li a:hover+ul ul::before{
	/* border-color:  #94a0b4; */
}
.tree-new-oc-main ul.single-user {
    padding-left: 500px;
    padding-top: 10px;
}
.tree-new-oc-main ul.single-user::before {
    height: 100%;
}
.tree-new-oc-main ul.single-user::after {
    content: '';
    position: absolute;
    top: 46px;
    left: 50%;
    border-bottom: 2px solid #3939F3;
    width: 135px;
    border-radius: 0px 0px 0px 25px;
    height: 25px;
}
.tree-new-oc-main .single-user li:only-child {
    padding-top: 0px;
    margin-left: 0px;
}
.tree-new-oc-main .left-arow-icon::after {
    content: "\f054";
    font-family: "Font Awesome 5 pro";
    top: 51px;
    left: -20px !important;
    right: unset;
}
/* new-og-chart-tree End */

.module-sidebar .module-sidebar-content {
    height: calc(100vh - 294px) !important;
}
.module-sidebar.top-fix-scroll {
    padding-top: 0 !important;
    top: 45px;
}
.module-sidebar.top-fix-scroll .module-sidebar-content {
    height: calc(100vh - 233px) !important;
}

/* user-sidebar start */
.user-sidebar {
    position: fixed;
    top: 45px;
    left: 0px;
    background: #fff;
    width: 350px;
    padding-top: 45px;
    box-shadow: 0px 4px 16px rgba(52, 52, 52, 0.05);
    z-index: 99;
    transition: all 0.50s;
    margin-left: -400px;
    /* height: calc(100vh + -60px); */
}
.user-sidebar-inner {
    /* height: calc(100vh + -106px); */
}
.user-sidebar .scroll-user-sidebar {
    height: calc(100vh + -250px);
}
.user-sidebar.top-fix-scroll.user-sidebar .scroll-user-sidebar {
    height: calc(100vh + -204px);
}
.scroll-issue {
    overflow-x: hidden;
    overflow-y: auto;
}

.user-sidebar-tab-content-inr {
    position: absolute;
    right: -320px;
    top: 60px;
    width: 305px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(52, 52, 52, 0.05);
    border-radius: 10px;
    border: none;
    padding: 20px;
    display: none;
    transition: all 0.60s;
}
.user-sidebar.top-fix-scroll .user-sidebar-tab-content-inr {
    top: 15px;
}
.user-sidebar-tab-content-inr.inner-scroll-sec {
    padding: 0;
}
.user-sidebar-tab-content-inr.inner-scroll-sec .dropdown-menu-header {
    padding: 20px 40px 0 20px;
}
.scroll-user-sidebar-tab {
    max-height: 60vh;
}
.scroll-user-sidebar-tab-inr {
    padding: 20px;
}
.user-sidebar.active .user-sidebar-tab-content-inr {
    display: block;
}



.user-sidebar.active {
    margin-left: 60px;
}
.user-sidebar.top-fix-scroll {
    padding-top: 0px;
}
.user-drop-right-show .drop-btn {
    background: #fff;
    border: none;
    font-size: 16px;
    font-family: 'Nunito SemiBold';
    color: #000;
    width: 100%;
    text-align: left;
    padding: 5px 26px 5px 20px;
    cursor: pointer;
    transition: all 0.25s;
}
.user-drop-right-show .drop-btn:hover,
.user-drop-right-show .drop-btn:focus {
    background: #5AB2FF;
    color: #fff;
}
.user-sidebar-tab-btns .nav-link.active .drop-btn {
    background: #5AB2FF;
    color: #fff;
}
.user-sidebar-tab-btns .nav-link.active .view-page-name {
    color: #fff;
}
.user-drop-right-show .drop-btn.dropdown-toggle::after {
    border: none;
    font-size: 10px;
    content: "\f054";
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    position: absolute;
    right: 26px;
    top: calc(50% - 6px);
}
.user-drop-right-show .dropdown .dropdown-menu {
    margin-left: 20px;
    width: 305px;
    background: #FFFFFF;
    box-shadow: 0px 4px 16px rgba(52, 52, 52, 0.05);
    border-radius: 10px;
    border: none;
    padding: 20px;
} 
.user-drop-right-show .dropdown .drop-btn-img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-right: 8px;
    vertical-align: middle;
}
.dropdown-menu-header {
    display: flex;
    align-items: center;
    padding-right: 22px;
}
.dropdown-menu-header h6 {
    font-size: 16px;
    color: #000;
    font-family: 'Nunito Bold';
}
.dropdown-menu-header p {
    font-size: 14px;
    line-height: 19px;
    color: #85869B;
    margin-bottom: 0;
}
.dropdown-menu-header .drop-inner-hed-img {
    width: 62px;
    height: 48px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    margin-right: 8px;
    vertical-align: middle;
}

.dropdown-menu-header .drop-inner-hed-img span {
    background: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/* .dropdown-menu-header .drop-inner-hed-img  img {
    width: 20px;
} */

.dropdown-menu-header .drop-inner-hed-img img {
    width: 22px;
    height: 22px;
}
.dropdown-menu-header .close-drop {
    position: absolute;
    right: 20px;
    top: 20px;
    font-size: 18px;
}
.new-line {
    border-color: #D6D6E6;
}
.dropdown-menu-cnt-main .dropdown-menu-cnt {
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.dropdown-menu-cnt-main .dropdown-menu-cnt:first-child {
    padding-top: 0;
}
.dropdown-menu-cnt-main .dropdown-menu-cnt:last-child {
    padding-bottom: 0;
}
.dropdown-menu-cnt .drop-inner-cnt-img {
    width: 62px;
    height: 48px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    margin-right: 8px;
    vertical-align: middle;
}
.dropdown-menu-cnt .drop-inner-cnt-img span {
    background: #F3F8FB;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dropdown-menu-cnt .drop-inner-cnt-img img{
    width: 20px;
}
.dropdown-menu-cnt h6 {
    font-size: 16px;
    color: #000;
    font-family: 'Nunito Bold';
    margin-bottom: 0;
    word-break: break-word;
}
.dropdown-menu-cnt p {
    font-size: 14px;
    line-height: 19px;
    color: #85869B;
    margin-bottom: 6px;
}
.user-drop-right-show .view-page-name {
    font-size: 14px;
    font-family: 'Nunito Regular';
    color: #85869B;
    display: block;
    transition: all 0.25s;
}
.user-sidebar .mCustomScrollbar .mCSB_scrollTools {
    right: -6px;
    opacity: 0;
}
.user-sidebar .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    width: 12px;
    right: 6px;
}
.user-sidebar:hover .mCustomScrollbar .mCSB_scrollTools {
    opacity: 1;
}
.user-sidebar .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
}
.user-drop-right-show .drop-btn:hover .view-page-name,
.user-drop-right-show .drop-btn:focus .view-page-name {
    color: #fff;
}
.user-drop-right-show .drop-flex {
    display: flex;
    align-items: center;
}
.user-drop-right-show .drop-flex .drop-btn-img {
    width: 62px;
    height: 48px;
    border-radius: 50%;
    background: transparent;
}
.user-drop-right-show .drop-flex .drop-btn-img .drop-btn-img-inr {
    background: #fff;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-drop-right-show .drop-flex .drop-btn-img .drop-btn-img-inr img {
    max-width: 22px;
}
.user-sidebar-header {
    padding: 20px;
}
.user-name-and-pic-big {
    display: flex;
    align-items: center;
}
.user-name-and-pic-big .pics-sec {
    width: 85px;
}
.user-name-and-pic-big .pics-sec img {
    width: 64px;
    height: 64px;
    border: 3px solid #FFFFFF;
    filter: drop-shadow(0px 5px 10px #DFDFFD);
    border-radius: 50%;
}
.user-name-and-pic-big .pics-sec-text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-family: 'Nunito Bold';
    color: #f7771b;

    width: 64px;
    height: 64px;
    border: 3px solid #ccc;
    box-shadow: 0px 4px 16px rgba(52, 52, 52, 0.05);
    border-radius: 50%;
}
.user-name-and-pic-big .names-sec {
    margin-left: 8px;
    width: 100%;
}
.user-name-and-pic-big .names-sec h4 {
    font-size: 20px;
    font-family: 'Nunito Bold';
    color: #000;
}
.user-name-and-pic-big .names-sec h5 {
    font-size: 16px;
    font-family: 'Nunito SemiBold';
    color: #85869B;
    margin-bottom: 0;
}
.right-user-db-btn-main {
    position: relative;
    padding-right: 30px;
}
.user-sidebar-control {
    position: absolute;
    right: 0;
    top: 7px;
}
.user-sidebar-esc {
    display: block;
    text-align: right;
    font-size: 18px;
    margin-bottom: 12px;
}
.right-user-db-btn:hover {
    opacity: 0.7;
}
.us-user-score-inr {
    background: #F6FBFF;
    border-radius: 12px;
    padding: 2px 10px 2px 4px;
    font-size: 14px;
    line-height: 16px;
    color: #000;
    font-family: 'Nunito SemiBold';
    display: inline-flex;
    align-items: center;
}
.us-user-score {
    margin-top: 10px;
    display: flex;
    align-items: center;
}
.dot-div.dot-div-db {
    border-radius: 30px;
}
.us-sub-head {
    font-size: 14px;
    font-family: 'Nunito Regular';
    line-height: 19px;
    text-transform: uppercase;
    color: #85869B;
}
.us-px {
    padding-left: 20px;
    padding-right: 20px;
}
.user-name-and-pic-md {
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.user-name-and-pic-md .pics-sec {
    /* width: 60px; */
    display: contents;
}
.user-name-and-pic-md .pics-sec img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #fff;
}
.user-name-and-pic-md .names-sec {
    margin-left: 8px;
    width: 100%;
}
.user-name-and-pic-md .names-sec h4 {
    font-size: 16px;
    font-family: 'Nunito SemiBold';
    color: #000;
    margin-bottom: 0;
}
.user-name-and-pic-md .names-sec h5 {
    font-size: 14px;
    font-family: 'Nunito Regular';
    color: #85869B;
}
/* end */

/* start */
.user-name-and-pic-sm {
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.user-name-and-pic-sm .pics-sec {
    display: contents;
}
.user-name-and-pic-sm .pics-sec img {
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.user-name-and-pic-sm .names-sec {
    margin-left: 8px;
    width: 100%;
}
.user-name-and-pic-sm .names-sec h4 {
    font-size: 14px;
    font-family: 'Nunito SemiBold';
    color: #000;
    margin-bottom: 0;
}
.user-name-and-pic-sm .names-sec h5 {
    font-size: 12px;
    font-family: 'Nunito Regular';
    color: #85869B;
}
/* end */

.view-link-sb {
    font-size: 14px;
    color: #85869B;
    font-family: 'Nunito SemiBold';
    margin-left: 5px;
}
.new-head-text {
    font-size: 16px;
    font-family: 'Nunito SemiBold';
    color: #000;
}
.new-head-text-2 {
    font-size: 14px;
    font-family: 'Nunito SemiBold';
    color: #000;
}
.new-head-text-3 {
    font-size: 20px;
    font-family: 'Nunito SemiBold';
    color: #000;
}
.new-head-text-4 {
    font-size: 20px;
    font-family: 'Nunito Bold';
    color: #000;
}
.new-head-text-5 {
    font-size: 24px;
    font-family: 'Nunito SemiBold';
    color: #000;
}
.new-head-text-6 {
    font-size: 16px;
    font-family: 'Nunito Bold';
    color: #000;
}
.new-head-text-7 {
    font-size: 24px;
    font-family: 'Nunito Bold';
    color: #252D30;
}
.new-head-text-8 {
    font-size: 36px;
    font-family: 'Nunito Bold';
    color: #000;
}
.new-head-text-9 {
    font-size: 17px;
    font-family: 'Nunito SemiBold';
    color: #000;
}
.label-text-width-pgs {
    min-width: 26px;
    text-align: right;
}
.new-label-text {
    font-size: 14px;
    color: #85869B;
    font-family: 'Nunito Regular';
}
.new-label-text-2 {
    font-size: 12px;
    color: #85869B;
    font-family: 'Nunito Regular';
}
.new-label-text-3 {
    font-size: 16px;
    color: #85869B;
    font-family: 'Nunito Regular';
}
.new-label-text-4 {
    font-size: 20px;
    color: #85869B;
    font-family: 'Nunito SemiBold';
}
.new-label-text-5 {
    font-size: 14px;
    color: #85869B;
    font-family: 'Nunito Regular';
}
.new-label-text-6 {
    font-size: 14px;
    color: #000;
    font-family: 'Nunito Regular';
}
.new-label-text-7 {
    font-size: 13px;
    color: #85869B;
    font-family: 'Nunito Regular';
}
.new-label-text-8 {
    font-size: 10px;
    color: #85869B;
    font-family: 'Nunito Regular';
}
.new-label-text-9 {
    font-size: 16px;
    color: #85869B;
    font-family: 'Nunito SemiBold';
}
.new-p-1 {
    font-size: 10px;
    line-height: 12px;
    color: #B4B4B4;
    font-family: 'Nunito Regular';
}
.py-space {
    padding-left: 2rem;
    padding-right: 2rem;
}
.label-and-score-2 {
    background: #F6FBFF;
    border-radius: 5px;
    padding: 10px;
    font-size: 10px;
    color: #777;
    font-family: 'Nunito Regular';
}
.new-color-link {
    color: #2D2E32;
    font-size: 12px;
}
.subscriptions-icon {
    width: 25px;
    margin-right: 8px;
}
.progress.progress-transparent {
    background: transparent;
    border-radius: 0 15px 15px 0;
}
.progress.progress-transparent .progress-bar {
    border-radius: 0 15px 15px 0;
}
.user-sidebar-tab-btns {
    margin: 0;
    padding: 0;
    display: block;
    border: 0;
}
.user-sidebar-tab-btns li.nav-item {
    margin: 0;
}
.user-sidebar-tab-btns a.nav-link {
    padding: 0;
    border: 0;
}
/* user-sidebar end */

/* user db start */
.user-multiple-new-2 {
    margin: 0 auto;
    width: 174px;
}
.user-multiple-new-2 ul {
    margin: 0 -4px;
    position: relative;
    right: -31px;
}
.new-user-db-cover-main {
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 0px 20px rgba(39, 39, 237, 0.1);
}
.new-user-db-cover-main .line-tab .nav-link {
    font-family: 'Nunito Regular';
    text-transform: uppercase;
}
.new-user-db-cover-main .line-tab .nav-link.active {
    font-family: "Nunito Bold";
}
.new-user-db-cover-pic {
    border-radius: 10px 10px 0 0;
    background: url(../images/user-db-cover-pic.svg) no-repeat;
    background-size: cover;
    padding-top: 150px;
}
.new-user-db-cover-content {
    padding: 0 20px;
}
.new-user-dtl-sec {
    display: flex;
}
.img-new-user-dtl-sec {
    display: contents;
}
.img-new-user-dtl-sec img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 3px solid #FFFFFF;
    filter: drop-shadow(0px 5px 10px #DFDFFD);
    margin-top: -25px;
}
.name-new-user-dtl-sec {
    width: 100%;
    padding-left: 10px;
    padding-top: 20px;
}
.social-new-user {
    margin: 0;
    padding: 0;
}
.social-new-user li {
    list-style-type: none;
    display: inline-block;
    margin: 0 8px 10px 0;
    float: left;
}
.social-new-user li a {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 12px;
    color: #85869B;
    border: 1px solid #D6D6E6;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.60s;
}
.social-new-user li a img {
    width: 17px;
}
.social-new-user li a:hover {
    background: #f2f2f2;
}
.user-sec-cover-score {
    text-align: right;
    padding-top: 20px;
}
.btn.btn-5 {
    font-size: 15px;
    font-family: 'Nunito Regular';
    color: #031F41 !important;
    border: 1px solid #031F41;
    border-radius: 7px;
    padding: 7px 25px;
    transition: all 0.50s;
}
.btn.btn-5:hover {
    color: #fff !important;
    background: #031F41 !important; 
}
.btn.btn-5.active {
    color: #fff !important;
    background: #031F41 !important; 
}
.btn.btn-6 {
    font-size: 12px;
    font-family: 'Nunito SemiBold';
    color: #385FE9 !important;
    border: 1px solid #385FE9;
    border-radius: 7px;
    padding: 7px 25px;
    transition: all 0.50s;
}
.btn.btn-6:hover {
    color: #fff !important;
    background: #385FE9 !important; 
}
.btn.btn-6.active {
    color: #fff !important;
    background: #385FE9 !important; 
}
.btn.btn-7 {
    font-size: 12px;
    font-family: 'Nunito SemiBold';
    color: #2D2E32 !important;
    border: 1px solid #D6D6E6;
    border-radius: 5px;
    padding: 10px 10px;
    transition: all 0.50s;
    background: #fff;
    cursor: pointer;
}
.btn.btn-7:hover, 
.btn.btn-7.active {
    background: #fff !important;
    opacity: 0.7;
}
.btn.btn-7:hover img, 
.btn.btn-7.active img {
    opacity: 0.5;
}
.label-and-score {
    background: #F6FBFF;
    border-radius: 20px;
    font-size: 12px;
    line-height: 12px;
    color: #85869B;
    padding: 0px 0px 0px 15px;
    display: inline-block;
}
.ls-status {
    font-size: 14px;
    color: #252D30;
    font-family: 'Nunito Bold';
    background: #ccc;
    padding: 10px 10px;
    border-radius: 24px;
}
.ls-status.ls-status-yellow {
    background: #F6F17E;
}
.ls-status.ls-status-green {
    background: #9DF67E;
}
.box-skeleton {
    padding: 20px;
    background: #FFF;
    border: 1px solid #fff;
    box-shadow: 0px 0px 20px rgba(39, 39, 237, 0.1);
    border-radius: 10px;
}
.line-tab.new-line-tab .nav-link {
    padding: 2px 0;
    transition: all 0.50s;
}
.line-tab.new-line-tab .nav-item {
    margin-right: 20px;
}
.bg-bubble-pic {
    position: relative;
}
.bg-bubble-pic::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    background: url(../images/bottom-leftt-bubble.svg) no-repeat 0px 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.50s;
}
.bg-bubble-pic::before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    background: url(../images/top-right-bubble.svg) no-repeat 100% 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: all 0.50s;
}
.bg-bubble-pic.bg-bubble-pic-big::after {
    background-size: 54%;
    background-position: 0px -139%;
}
.bg-bubble-pic.bg-bubble-pic-big::before {
    background-size: 54%;
}
.bg-bubble-pic-inr {
    position: relative;
    z-index: 2;
}
.bg-bubble-pic.bg-bubble-pic-hov:hover:before,
.bg-bubble-pic.bg-bubble-pic-hov:hover:after {
    opacity: 0;
}
.animation-hov-1 {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.animation-hov-1:hover {
    transform: translateY(-3px);
}
.meetings-header {
    background: #FFFFFF;
    border: 1px solid #D6D6E6;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    transition: all 0.50s;
}
.meetings-header.affix {
    border: none;
    border-bottom: 1px solid #D6D6E6;
    border-radius: 0;
    transition: all 0.50s;
    padding: 10px 20px;
    height: 45px;
}
.bg-vector-2 {
    background: #fff url(../images/navbar-bg-vector.svg) no-repeat 9% 0px;
    background-size: 6%;
    background-size: 100px;
}
.box-skeleton.link-box:hover{
    /*box-shadow: 0px 0px 20px rgb(2 2 166 / 30%); */
    filter: drop-shadow(0px 5px 10px #0088ff59);
    /* border-color: #0088FF; */
}
.new-og-chart-tree-box.link-box:hover{
    /*box-shadow: 0px 0px 20px rgb(2 2 166 / 30%); */
    filter: drop-shadow(0px 5px 10px #0088ff59);
    /* border-color: #0088FF; */
}
.progress-2-color-main {
    border-radius: 0.25rem;
}
.progress-2-color {
    height: 5px; 
}
.progress-2-color-main .progress-2-color:first-child {
    border-radius: 0.25rem 0 0 0.25rem;
}
.progress-2-color-main .progress-2-color:last-child {
    border-radius: 0 0.25rem  0.25rem 0;
}
.box-skeleton-table {
    padding: 20px 0 0 0;
}
.box-skeleton-table .new-head-text-6,
.box-skeleton-table .new-label-text {
    padding: 0 20px;
}
.user-Compare-btns-sec {
    margin: 0;
    padding: 0;
}
.user-Compare-btns-sec li {
    list-style-type: none;
}
.user-Compare-btns-sec .user-Compare-btn {
    background: #F6FBFF;
    border: 1px solid #F6FBFF;
    border-radius: 10px;
    padding: 5px 30px 5px 5px;
    display: block;
    margin: 5px 0;
    position: relative;
    transition: all 0.50s;
}
.user-Compare-btns-sec .user-Compare-btn:hover, 
.user-Compare-btns-sec .user-Compare-btn.active {
    border-color: #3535F8;
}
.user-Compare-btns-sec .user-Compare-btn.disabled:hover, 
.user-Compare-btns-sec .user-Compare-btn.active.disabled {
    border-color: #F6FBFF;
}
.user-Compare-btns-sec .user-Compare-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.user-Compare-btns-sec .user-Compare-btn::after {
    border: none;
    font-size: 10px;
    content: "\f054";
    color: #000;
    font-family: "Font Awesome 5 pro";
    font-weight: 900;
    position: absolute;
    right: 20px;
    top: calc(50% - 6px);
    transition: all 0.50s;
}
.user-Compare-btns-sec .user-Compare-btn:hover::after {
    right: 17px;
}
.user-Compare-btns-sec-sub .user-Compare-btn::after {
    content: "\f067";
}
.user-Compare-btns-sec-sub .user-Compare-btn:hover::after {
    right: 20px;
}
.user-name-and-pic-md.small-user .pics-sec {
    width: 45px;
}
.user-name-and-pic-md.small-user .pics-sec img {
    width: 39px;
    height: 39px;
}
.user-name-and-pic-md.small-user .names-sec h6 {
    font-size: 11px;
    font-family: "Nunito Regular" !important;
    color: #85869B;
    margin-bottom: 0;
    margin-top: 3px;
}
.comparison-list-banner {
    margin-top: -100px;
    min-height: 208px;
}
.comparison-list-sec {
    margin: 0;
    padding: 0;
}
.comparison-list-sec li {
    list-style-type: none;
    width: 168px;
    float: left;
    margin-right: 20px;
    margin-bottom: 1rem;
}
.comparison-list-sec li.comparison-list-box-hide {
    display: none;
}
.comparison-list-box {
    background: #ECF9FF;
    border-radius: 10px;
    padding: 20px 4px 4px 4px;
    text-align: center;
    position: relative;
    transition: all 0.50s;
    min-height: 214px;
}
.add-new-user-comparison {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
}
.cmp-add-cnt .plus-box-cmp {
    width: 60px;
    height: 60px;
    background: #D4EEFA;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    transition: all 0.50s;
}
.cmp-add-cnt .plus-box-cmp:hover {
    color: #fff;
    background: #031F41;
}
.cmp-add-cnt p {
    font-size: 15px;
    font-family: "Nunito Regular" !important;
    color: #000;
    margin-bottom: 0;
    margin-top: 5px;
}
.comparison-user-close {
    width: 20px;
    height: 20px;
    background: #ccc;
    color: #fff;
    border-radius: 50%;
    display: block;
    font-size: 9px;
    border: none;
    box-shadow: none;
    cursor: pointer;
    padding: 0;
    text-align: center;
    position: absolute;
    right: 5px;
    top: 5px;
    transition: all 0.50s;
    opacity: 0;
}
.comparison-user-close:hover {
    background: #c30707;
}
.comparison-list-box:hover .comparison-user-close {
    opacity: 1;
}
.comparison-user-close i {
    vertical-align: middle;
    margin-top: -6px;
}
.comparison-list-box img {
    width: 80px;
    height: 80px;
    border: 4px solid #fff;
    filter: drop-shadow(0px 7.01755px 14.0351px #DFDFFD);
    border-radius: 50%;
    margin-bottom: 10px;
}
.comparison-list-box h4 {
    font-size: 20px;
    font-family: 'Nunito SemiBold';
    color: #000;
    margin-bottom: 2px;
}
.comparison-list-box h5 {
    font-size: 14px;
    font-family: "Nunito Regular" !important;
    color: #85869B;
    margin-bottom: 10px;
}
.comparison-list-box h6 {
    font-size: 12px;
    font-family: "Nunito Regular" !important;
    color: #999AAE;
}
.team-list-box {
    background: #FFF;
    box-shadow: 0px 0px 20px rgba(39, 39, 237, 0.1);
    border-radius: 10px;
    padding: 10px;
    text-align: center;
}
.team-list-big-pic {
    border: 3px solid #F0F0F0;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    margin: 0 auto;
}
.team-list-box-main {
    margin-left: -10px;
    margin-right: -10px;
}
.team-list-box-col {
    float: left;
    width: 20%;
    padding-left: 10px;
    padding-right: 10px;
}
@media only screen and (max-width: 767px) {
    .team-list-box-col {
        width: 100%;
    }
}

@media only screen and (max-width: 1023.98px) and (min-width: 768px) {
    .team-list-box-col {
        width: 33.33%;
    }
}

@media only screen and (max-width: 1200.98px) and (min-width: 1024px) {
    .team-list-box-col {
        width: 25%;
    }
}

.user-multiple-big .user-list-round {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #FFF;
    transition: transform 0.3s;
}
.user-multiple-big .user-list-round:hover {
    transform: scale(1.03);
}
.user-multiple-big ul {
    margin: 0;
    padding: 0;
}
.user-multiple-big ul li {
    list-style-type: none;
    float: left;
    display: inline-block;
    margin-left: -15px;
}
.user-multiple-big ul li:first-child {
    margin-left: 0;
}

.user-multiple-small ul li {
    margin-left: -8px;
}
.user-multiple-small .user-list-round {
    width: 24px;
    height: 24px;
}
/* user db end */

/* main dashboard start */
.breadcrumb-preview {
    font-size: 20px;
    line-height: 14px;
    color: #000;
    margin-right: 12px;
}
.filter-icon-breadcrumb {
    width: 21px;
    height: 21px;
    transition: all 0.50s;
}
.filter-icon-breadcrumb:hover {
    opacity: 0.5;
}
.filter-sec-tab .nav-tabs {
    border: 0;
}
.filter-sec-tab .nav-tabs .nav-item .nav-link {
    font-size: 16px;
    font-family: 'Nunito Regular';
    color: #85869B;
    padding: 10px;
    background: #F6FBFF;
    border: 1px solid #D6D6E6;
    border-right: 0;
    border-radius: 0px;
    transition: all 0.50s;
}
.filter-sec-tab .nav-tabs .nav-item .nav-link.active {
    color: #252D30 !important;
    border-color: #D6D6E6 !important;
    background: #fff;
}
.filter-sec-tab .nav-tabs .nav-item:first-child .nav-link {
    border-radius: 5px 0 0 5px;
}
.filter-sec-tab .nav-tabs .nav-item:last-child .nav-link {
    border-radius: 0 5px 5px 0;
    border-right: 1px solid #D6D6E6;
}
.filter-sec-tab-small .nav-tabs .nav-item .nav-link {
    font-size: 14px;
    font-family: 'Nunito Regular';
    color: #85869B;
    padding: 5px;
    line-height: 16px;
    background: #F7F7FF;
}
.polygon {
    border-bottom: 15px solid #ccc;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    margin-top: -4px;
    margin-right: 9px;
    vertical-align: middle;
    border-radius: 3px;
}
.polygon.polygon-green{
    border-bottom-color: #0BDF86;
}
/* main dashboard end */

/* new-db-popup start */
.new-db-popup.modal-style-1 .modal-content .modal-header {
    background: #fff;
    font-size: 20px;
    color: #000;
    font-family: 'Nunito Bold';
    border-radius: 10px 10px 0 0;
    border: 0;
    padding: 20px 20px 5px 20px;
}
.new-db-popup.modal-style-1 .modal-content .modal-header h4 {
    font-size: 20px;
    color: #000;
    font-family: 'Nunito Bold';
    margin: 0;
}
.new-db-popup.modal-style-1 .modal-content .close {
    background: transparent;
    border-radius: 50%;
    color: #fff;
    padding: 5px;
    margin: 0;
    width: 30px;
    height: 30px;
    line-height: 20px;
    opacity: 10;
    position: absolute;
    right: -34px;
    top: -8px;
}
.new-db-popup.modal-style-1 .modal-content {
    box-shadow: 0px 0px 20px rgba(85, 85, 85, 0.1);
    border-radius: 10px;
    position: relative;
}
.modal-open .new-db-popup.modal {
    background: rgb(28 25 49 / 50%);
}
.new-db-popup.modal-style-1 .modal-body {
    padding: 0px 20px 20px 20px;
}
.new-db-popup.modal-style-1 .searchbar-new .search_input {
    font-family: 'Nunito SemiBold';
}
/* new-db-popup end */

/* new-db-popup-2 start */
.new-db-popup-2.modal-style-1 .modal-content .modal-header {
    padding: 0 0 5px 0px ;
    border-bottom: 1px solid #D6D6E6;
    margin-bottom: 15px;
}
.new-db-popup-2.modal-style-1 .modal-content {
    padding: 20px;
}
.new-db-popup-2.modal-style-1 .modal-content .close-db-popup-2 {
    font-size: 12px;
    font-family: 'Nunito Bold';
    color: #385FE9;
    background: none;
    border: none;
    padding: 0;
    transition: all 0.50s;
    cursor: pointer;
}
.new-db-popup-2.modal-style-1 .modal-content .close-db-popup-2:hover {
    opacity: 0.7;
}
.new-db-popup-2.modal-style-1 .modal-body {
    padding: 0;
}
.popup-right-btn {
    text-align: right;
}
.popup-right-btn .btn:last-child {
    margin-right: 0 !important;
}
.modal-body-inner {
    min-height: 60vh;
}
.modal-style-1 .modal-content .form-group-new .form-group label {
    font-size: 16px;
    line-height: 18px;
    font-family: 'Nunito Bold';
    color: #000;
    margin-bottom: 4px;
}
.modal-style-1 .modal-content .form-group-new .form-group {
    margin-bottom: 20px;
}
.modal-style-1 .modal-content .form-group-new .form-group.remove-btn-space {
    margin-bottom: 15px;
}
.form-group-new .form-group .form-control {
    background: #F6FBFF;
    border: 1px solid #D6D6E6;
    border-radius: 5px;
    color: #090B3C;
    font-size: 12px;
    font-family: "Nunito-Medium";
}
.form-group-new .form-group .plain-select:after {
    top: 50%;
    color: #000;
    font-size: 13px;
}
.form-group-new .form-group .plain-select option {
    background: #F6FBFF;
    color: #090B3C;
    padding: 10px;
}
.new-btn-filter {
    font-size: 12px;
    font-family: 'Nunito SemiBold';
    line-height: 15px;
    color: #090B3C;
    border: 1px solid #D6D6E6;
    border-radius: 5px;
    padding: 10px 25px;
    transition: all 0.50s;
    background: #F6FBFF;
    cursor: pointer;
}
.new-btn-filter-sm {
    padding-left: 18px;
    padding-right: 18px;
}
.list-new-btn-filter .new-btn-filter {
    margin-right: 5px;
    margin-bottom: 5px;
}
.new-btn-filter:hover,
.new-btn-filter.active {
    background: #DBE3FF;
    color: #385FE9;
    border-color: #385FE9;
}

/* new-db-popup-2 end */


/* new-table-db-main start */
.new-table-db-main .new-db-table {
    width: 100%;
}
.new-table-db-main .new-db-table tr th {
    font-size: 16px;
    color: #000;
    font-family: "Nunito-Medium";
    font-weight: normal;
    border: 1px solid #E6E6E6;
    border-top: 0;
    padding: 7px 20px;
}
.new-table-db-main .new-db-table tr th:first-child {
    border-left: 0 !important;
}
.new-table-db-main .new-db-table tr th:last-child {
    border-right: 0 !important;
}
.new-table-db-main .new-db-table tr td {
    font-size: 14px;
    color: #252D30;
    border: 1px solid #E6E6E6;
    padding: 10px 20px;
}
.new-table-db-main .new-db-table tr td .user-list-sm h6 {
    margin-top: 0;
    font-size: 14px;
    color: #252D30;
    font-family: "Nunito-Medium";
}
.new-table-db-main .new-db-table tr td:first-child {
    border-left: 0 !important;
}
.new-table-db-main .new-db-table tr td:last-child {
    border-right: 0 !important;
}
.new-table-db-main .new-db-table tr:last-child {
    border-bottom: 0 !important;
}
.new-table-db-main .new-db-table tr:last-child td {
    border-bottom: 0 !important;
}
.new-table-db-main .new-db-table tbody tr:nth-child(even) {
    background: transparent;
}
.new-table-db-main .new-db-table tr:hover {
    background: transparent !important;
    color: #252D30;
}
.new-table-db-main .new-db-table tr:hover td {
    background: #F6FBFF;
}

/* new-table-db-main end */

/* user-multiple-new start */
.user-multiple-new {
    width: 220px;
}
.user-multiple-new ul {
    margin: 0 -4px;
}
.user-multiple-new .arci-user-tab-dtl li:nth-child(2) img {
    margin-left: -15px; 
}
.user-multiple-new .arci-user-tab-dtl li:nth-child(3) img {
    margin-left: -30px;
}
.user-multiple-new .arci-user-tab-dtl li:nth-child(4) img {
    margin-left: -48px;
}
.user-multiple-new .arci-user-tab-dtl li .more-users {
    margin-left: -66px;
}
/* user-multiple-new end */

/* new-design-v2 start */
.new-design-v2 .dot-div-new.span-dot-color span {
    width: 10px;
    height: 10px;
    border-radius: 2px;
}
.new-design-v2 .dot-div-new.span-dot-color {
    font-size: 12px;
    color: #85869B;
} 
.bg-vector-pic {
    background: #fff url(../images/side-bg-export.svg) no-repeat 100% 100%;
    background-size: 57%;
}
.bg-vector-pic-big {
    background: #fff url(../images/side-bg-export.svg) no-repeat 117% 45%;
    background-size: 60%;
}
.bg-vector-pic-md {
    background: #fff url(../images/side-bg-export.svg) no-repeat;
    background-size: 100%;
    background-position: 0px 21px;
}
.filter-control-list .filter-control-cnt {
    float: left;
    margin-right: 15px;
}
.filter-control-list .all-select-1 {
    width: 200px;
}
.filter-control-list .all-select-2 {
    width: 150px;
}
.filter-control-list .all-select-3 {
    width: 100px;
}
.form-group-new-2 .form-group .form-control {
    border: 1px solid #D6D6E6;
    border-radius: 5px;
    color: #000;
    font-size: 16px;
    font-family: 'Nunito Bold';
    height: calc(2.32rem + 3px);
}
.form-group-new-2 .form-group .plain-select option {
    background: #F6FBFF;
    color: #000;
    font-size: 14px;
    font-family: 'Nunito SemiBold';
}
.form-group-new-2 .form-group .plain-select:after {
    right: 20px;
    top: 50%;
    margin-top: -11px;
    content: "\f0d7";
    color: #2D2E32;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
}
.show-sec-cmn-mbl {
    display: none;
}
.zoom-and-zoom-out-tree {
    background: #fff;
    border-radius: 6px;
    display: inline-block;
    position: fixed;
    right: 30px;
    top: calc(50% - -130px/2 - 17px);
    z-index: 999;
    box-shadow: 0px 4px 10px rgba(52, 52, 52, 0.05);
}
.zoom-and-zoom-out-tree ul {
    margin: 0;
    padding: 0;
}
.zoom-and-zoom-out-tree ul li {
    list-style-type: none;
}
.zoom-and-zoom-out-tree ul li a {
    color: #797A93 !important;
    padding: 8px 7px;
    border: 1px solid transparent;
    border-radius: 6px;
    background: #fff;
    font-size: 18px;
    line-height: 18px;
    position: relative;
    display: block;
}
.zoom-and-zoom-out-tree ul li a:hover {
    color: #090B3C !important;
}
/* Process tree start */
.og-process-tree .tree-new-oc-main li {
    padding-left: 40px;
    padding-right: 40px;
}
.og-process-tree .tree-new-oc-main ul {
    padding-top: 80px;
}
.og-process-tree .tree-new-oc-main ul ul::before {
    /* height: 80px; */
    height: 73px;
    top: 7px;
}
.new-og-chart-tree-box-loop .new-og-chart-tree-box {
    float: left;
}
.top-line-right-to-left-tree-h {
    position: relative;
}
.top-line-right-to-left-tree-h:before {
    position: absolute;
    content: "";
    top: -50%;
    left: 50%;
    border-top: 2px solid #3939F3;
    border-left: 2px solid #3939F3;
    height: 44px;
    border-top-left-radius: 25px;
    width: 100%;
    margin-top: 8px;
    margin-left: -2px;
}
.tree-right-line:before {
    content: "\f054";
    font-family: "Font Awesome 5 pro";
    left: -6px;
    top: 50%;
    color: #3939F3;
    border: 0;
    position: absolute;
    text-align: right;
    width: auto;
    margin-top: -7px;
}
.og-process-tree .tree-right-line:after {
    content: "";
    width: 100%;
    background: #3939F3;
    /* border-bottom: 2px solid #3939F3; */
    position: absolute;
    left: -100%;
    top: 50%;
}
li.top-line-reomve-tree:before,
li.top-line-reomve-tree:after,
li.top-line-reomve-tree:last-child:before {
    border: 0;
}
.og-process-tree .tree-new-oc-main ul ul li.top-line-reomve-tree a:after {
    content: "";
}
/* .og-process-tree .left-line-connect-ul:after {
    content: "";
    width: calc(100% - 230px);
    width: 77%;
    height: 2px;
    background: #3939F3;
    position: absolute;
    right: 50%;
    top: 30px;
} */
.og-process-tree .left-line-connect-a:before {
    content: "";
    width: 145%;
    height: 2px;
    background: #3939F3;
    position: absolute;
    left: -100%;
    top: -100px;
    margin-left: -30px;
}
.og-process-tree .bottom-curve-left:after {
    position: absolute;
    content: "";
    bottom: -19%;
    left: -50%;
    border-bottom: 2px solid #3939F3;
    border-right: 2px solid #3939F3;
    height: 25px;
    border-bottom-right-radius: 25px;
    width: 100%;
    margin-left: 1px;

    left: -310%;
    width: 360%;
}
.og-process-tree .new-og-chart-tree-box {
    z-index: 0;
}
.og-process-tree .new-og-chart-tree-box {
    margin-top: 15px;
}
.tree-right-line-s:after {
    content: "";
    width: 40%;
    height: 0.1rem;
    background: #3939F3;
    position: absolute;
    left: -40%;
    top: 50%;
}
.tree-right-line-s:before {
    content: "\f054";
    font-family: "Font Awesome 5 pro";
    left: -6px;
    top: 50%;
    color: #3939F3;
    border: 0;
    position: absolute;
    text-align: right;
    width: auto;
    margin-top: -7px;
}
.og-process-tree .half-left-line-ul:after {
    position: absolute;
    content: "";
    top: 37.5px;
    right: 50%;
    border-bottom: 2px solid #3939F3;
    border-right: 2px solid #3939F3;
    width: 25%;
    height: 44px;
    border-bottom-right-radius: 25px;
    margin-right: -1.5px;
    width: 18%;
}
.og-process-tree .tree-new-oc-main ul ul.half-left-line-ul::before {
    height: 53px;
}
.og-process-tree .new-og-chart-tree-box:hover {
    transform: translateY(0px);
}
.tree-new-oc-main li.center-right-line-tree::before, .tree-new-oc-main li.center-right-line-tree::after {
    content: '';
    position: absolute;
    top: 114px;
    right: 50%;
    border-top: 2px solid #3939F3;
    width: 50%;
    height: 44px;
}
.tree-new-oc-main li.center-right-line-tree:first-child:before {
    border-top: 0;
}
.tree-new-oc-main li.center-right-line-tree:last-child:after {
    border-top: 0;
}
.tree-new-oc-main li.center-right-line-tree .new-og-chart-tree-box {
    z-index: 1;
}
.og-process-tree .left-hide-right-show-line-li::before {
    border: 0 !important;
}
.og-process-tree .left-hide-right-show-line-li::after {
    border-top: 2px solid #3939F3 !important;
    border-left: 2px solid #3939F3 !important;
    border-radius: 25px 0 0 0;
    margin-left: -2px;
}
.og-process-tree .down-arrow-remove::after {
    content: none;
}
.og-process-tree .left-to-right-top-long-line:before {
    position: absolute;
    content: "";
    bottom: -75px;
    border-right: 2px solid #3939F3;
    border-radius: 0 0 25px 0;
    -webkit-border-radius: 0 0 25px 0;
    -moz-border-radius: 0 0 25px 0;
    height: 75px;
    width: 100%;
    left: -50%;

    content: "\f077";
    color: #3939F3;
    transition: all 0.25s;
    font-family: "Font Awesome 5 pro";
    text-align: right;
    letter-spacing: -5.5px;
    line-height: 7px;
}
.og-process-tree .left-to-right-top-long-line:after {
    position: absolute;
    content: "";
    bottom: -75px;
    border-bottom: 2px solid #3939F3;
    width: 235%;
    left: -185% !important;
    border-radius: 0 0 25px 0;
}
.og-process-tree .right-to-left-bottom-long-line::after {
    position: absolute;
    content: "";
    border-bottom: 2px solid #3939F3;
    border-right: 2px solid #3939F3;
    height: 62px;
    width: 278%;
    left: -292%;
    bottom: -29px;
    border-radius: 0 0 25px 0;
}
.og-process-tree .right-to-left-bottom-long-line::before {
    position: absolute;
    content: "";
    border-top: 2px solid #3939F3;
    border-left: 2px solid #3939F3;
    width: 29px;
    height: 44px;
    left: -30px;
    bottom: 24px;
    border-radius: 25px 0 0 0;
}
.og-process-tree .curve-line-s::after {
    position: absolute;
    content: "";
    top: -90px;
    right: -100%;
    height: 20px;
    border-left: 2px solid #3939F3;
    border-top: 2px solid #3939F3;
    width: 100%;
    margin-right: -61px;
    border-radius: 25px 0 0 0;
}
.og-process-tree .curve-line-s::before {
    position: absolute;
    content: "";
    top: -71px;
    right: -50%;
    height: 28px;
    border-right: 2px solid #3939F3;
    border-bottom: 2px solid #3939F3;
    width: 100px;
    border-radius: 0 0 25px 0;
    margin-right: 38px;
}
.og-process-tree .tree-right-line-xl:after {
    content: "";
    height: 0.1rem;
    background: #3939F3;
    position: absolute;
    top: 50%;
    width: 140%;
    left: -140%;
}
.og-process-tree .tree-right-line-xl:before {
    content: "\f054";
    font-family: "Font Awesome 5 pro";
    left: -6px;
    top: 50%;
    color: #3939F3;
    border: 0;
    position: absolute;
    text-align: right;
    width: auto;
    margin-top: -7px;
}
.og-process-tree .top-line-remove-li::after {
    width: 50px;
}
.og-process-tree .btm-curve-left-line-ul::before {
    border-radius: 0 0 25px 0;
    width: 30px;
    border-left: 0;
    border-right: 2px solid #3939F3;
    margin-left: -30px;
}
.og-process-tree .bottom-to-right-top-line-2::before {
    position: absolute;
    content: "";
    width: 60px;
    right: -60px;
    bottom: 50%;
    border-bottom: 2px solid #3939F3;
    border-right: 2px solid #3939F3;
    border-radius: 0 0 25px 0;
    height: 44px;
}
.og-process-tree .bottom-to-right-top-line-2::after {
    position: absolute;
    content: "";
    width: 191%;
    right: -220%;
    bottom: 50%;
    border-top: 2px solid #3939F3;
    border-left: 2px solid #3939F3;
    border-radius: 25px 0 0 0;
    height: 114px;
    margin-bottom: 42px;

    content: "\f054";
    font-family: "Font Awesome 5 pro";
    color: #3939F3;
    text-align: right;
    line-height: 0px;
}

/* Process tree end */

.form-control-select-new {
    position: relative;
}
.form-control-select-new::after {
    position: absolute;
    content: "\f107";
    font-family: "Font Awesome 5 pro";
    right: 10px;
    top: 7px;
    color: #000;
    font-size: 13px;
    line-height: 13px;
}
.form-control-select-new select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    padding: 3px 22px 3px 10px !important;
}

/* new-design-v2 end */


/* module chart css style start */
/* .module-score {
    background: rgba(247, 119, 27, 0.1);
    width: 100%;
    display: flex;
    align-items: center;
    border-radius: 6px;
    justify-content: space-between;
    padding: 10px;
}
.module-score .module-score-inr {
    font-family: "Nunito Light";
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 19px;
    color: #85869b;
}
.module-score .module-score-value {
    font-family: "Nunito Light";
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    color: #f7771b;
} */

/* module chart css style end */




/* color start */
.new-text-light-green {
    color: #0BDF86 !important;
}
.new-text-blue {
    color: #1030D2 !important;
}
.progress-bg-purple {
    background: #A635FF !important;
}
.progress-bg-green {
    background: #0FE33E !important;
}
.progress-bg-orange {
    background: #F67D39 !important;
}
.progress-bg-yellow {
    background: #FFC635 !important;
}
.text-light-black {
    color: #252D30 !important;
}
.bg-blue-1 {
    background: #75B4F6 !important;
}
.bg-blue-2 {
    background: #308EF3 !important;
}
.bg-blue-3 {
    background: #0B5CB2 !important;
}
.bg-blue-4 {
    background: #0b5cb2 !important;
}
.bg-color-2 {
    background: #F3F8FB !important;
}

.oc-border-blue {
    border-color: #73BCF3 !important;
}
.oc-border-gray {
    border-color: #85869B !important;
}
.oc-border-green {
    border-color: #97D69C !important;
}
.oc-border-green-2 {
    border-color: #4CC756 !important;
}
.oc-border-green-3 {
    border-color: #73EFBE !important;
}
.oc-border-orange {
    border-color: #FFC98C !important;
}
.oc-border-purple {
    border-color: #8E74F5 !important;
}
.oc-border-light-purple {
    border-color: #D35FFC !important;
}
.oc-border-purple-3 {
    border-color: #E19CF2 !important;
}
.oc-border-red {
    border-color: #FF8688 !important;
}
.oc-border-light-blue {
    border-color: #9FE4ED !important;
}
.oc-border-dark-blue {
    border-color: #697BE0 !important;
}
.oc-border-blue-2 {
    border-color: #749DC5 !important;
}
.oc-border-blue-3 {
    border-color: #A5DFFF !important;
}
.oc-border-blue-4 {
    border-color: #8D8DFD !important;
}
.oc-border-blue-5 {
    border-color: #8C8CFD !important;
}
.oc-border-yellow {
    border-color: #FACD5A !important;
}
.oc-border-brown {
    border-color: #BC5E5F !important;
}


.new-text-green {
    color: #97D69C !important;
}
.new-text-green-2 {
    color: #4CC756 !important;
}
.new-text-green-3 {
    color: #73EFBE !important;
}
.new-text-red {
    color: #F27375 !important;
}
.new-text-purple {
    color: #8E74F5 !important;
}
.new-text-purple-3 {
    color: #E19CF2 !important;
}
.new-text-light-purple {
    color: #D35FFC !important;
}
.new-text-dark-blue {
    color: #697BE0 !important;
}
.new-text-blue-2 {
    color: #749DC5 !important;
}
.new-text-blue-3 {
    color: #A5DFFF !important;
}
.new-text-blue-4 {
    color: #8D8DFD !important;
}
.new-text-blue-5 {
    color: #8C8CFD !important;
}
.new-text-brown {
    color: #BC5E5F !important;
}



/* color end */
@media (max-width: 1023.98px) {
    .preview-page-button {
        margin-right: 8px;
    }
}
@media (max-width: 767.98px) {
    .oc-chart-top-boxes {
        width: 100%;
        margin-right: 0;
    }
    .user-sidebar {
        top: 145px;
        padding-top: 0;
    }
    .user-sidebar.top-fix-scroll {
        margin-top: -45px;
    }
    .user-sidebar.active {
        width: 100%;
    }
    .user-sidebar-tab-content-inr {
        right: 10px;
        top: 10px;
        width: 95%;
        box-shadow: 0px 4px 16px rgb(52 52 52 / 51%);
        z-index: 9;
    }
    .user-sidebar {
        z-index: 99999;
    }
    .user-sidebar .scroll-user-sidebar {
        height: calc(100vh + -305px);
    }
    .user-sidebar.top-fix-scroll .scroll-user-sidebar {
        height: calc(100vh + -260px);
    }
    .user-sec-cover-score {
        text-align: center;
    }
    .label-and-score {
        margin-bottom: 10px;
    }
    .line-tab.new-line-tab .nav-item {
        margin-bottom: 10px;
    }
    .new-user-dtl-sec {
        display: block;
        text-align: center;
    }
    .img-new-user-dtl-sec img {
        margin-top: -50px;
    }
    .social-new-user {
        display: inline-block;
    }
    .name-new-user-dtl-sec {
        padding-left: 0px;
        padding-top: 15px;
    }
    .show-sec-cmn-mbl {
        display: block;
    }
    .hide-sec-cmn-mbl {
        display: none;
    }
    .line-tab-mbl-box {
        padding: 20px 20px 8px 20px;
        background: #FFF;
        border: 1px solid #fff;
        box-shadow: 0px 0px 20px rgba(39, 39, 237, 0.1);
        border-radius: 10px;
    }
    .new-db-popup.modal-style-1 .modal-content .close {
        right: 2px;
        top: 0px;
        color: #000;
    }
    .comparison-list-sec li {
        width: 100%;
        margin-right: 0;
    }
    .comparison-list-box {
        padding: 20px;
    }
    .edit-bar-new.affix {
        /* padding-left: 20px !important; */
        padding: 5px 10px !important;
    }
    .edit-bar-new.affix .page-title {
        padding-left: 37px;
    }
    .top-bar .toggle-menu, .top-bar #nav-icon1 {
        width: 36px !important;
    }
    .meetings-header.affix {
        margin-left: 36px !important;
        padding: 10px 15px !important;
    }
    .top-bar #nav-icon1 span, .top-bar .toggle-menu span {
        width: 18px !important;
        margin-left: 9px !important;
    }
    .modal-dialog {
        margin-top: 4rem;
    }
    .filter-control-list .all-select-1 {
        width: 100%;
        margin-right: 0;
    }
    .filter-control-list .all-select-2 {
        width: 35%;
    }
    .filter-control-list .all-select-3 {
        width: 24%;
    }
    .meetings-header.affix h4 {
        word-break: break-all;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .department-cmp-sec {
        display: block !important;
    }
    .department-cmp-sec .new-user-dtl-sec {
        margin-bottom: 75px;
    }
    .department-cmp-sec .row .mbl-view-department-cmp-sec:last-child .new-user-dtl-sec {
        margin-bottom: 0px;
    }

    .new-head-text-6[style="position:absolute;"] {
        position: unset !important;
    }
    .box-skeleton .filter-sec-tab-small.d-inline-block {
        margin-bottom: 15px;
    }
    .box-skeleton .likelihood-risk-table {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .box-skeleton .likelihood-risk-table table {
        width: 1000px;
    }
    .box-skeleton .justify-content-space-between .col {
        flex: 0 0 100%;
        max-width: 100%;
    }

   
}

@media screen and (max-width: 992.98px) and (min-width: 768px) { 
    .oc-chart-top-boxes {
        width: calc(50% - 20px);
    }
}

@media (max-width: 992.98px) {
    .meetings-header .label-and-score {
        margin: 5px !important;
    }
    .meetings-header {
        align-items: start;
    }
    .meetings-header.affix {
        align-items: center;
    }
    .filter-icon-breadcrumb {
        margin-top: 2px;
    }

}

@media (max-width: 1199.98px) {
    .user-sidebar.active {
        margin-left: 0px;
    }
    .top-bar .toggle-menu,
    .top-bar #nav-icon1 {
        background: #0088FF;
        width: 44px;
        height: 45px;
        top: 0px;
        left: 0px;
    }
    .top-bar #nav-icon1 span,
    .top-bar .toggle-menu span {
        width: 23px;
        margin-left: 11px;
        margin-top: 12px;
    }
    .edit-bar-new.affix {
        padding-left: 60px;
    }
    .meetings-header.affix {
        margin-left: 44px;
    }
    .meetings-header.affix .col-xl-10,
    .meetings-header.affix .col-xl-9 {
        display: none;
    }
    .meetings-header.affix .col-xl-2,
    .meetings-header.affix .col-xl-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .meetings-header.affix .col-md-9 {
        display: none;
    }
    .meetings-header.affix .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
}



.edit-option-show-btns {
    display: flex;
    margin:0 auto;
    text-align: center;
    justify-content: center;
    width: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    opacity: 0;
}

.edit-option-show-btns .fas {
    font-size: 12px;
}
.edit-option-show-btns .option-btn:hover i {
    transform: scale(1.10);
}
.edit-option-show-btns .option-btn {
    padding: 2px 2px;
    font-size: 14px;
    width: 24px;
    height: 24px;
    display: flex;
    background: #fff;
    padding: 0;
    border-radius: 4px;
    box-shadow: 0px 3px 10px #e9e9e9;
    border: 1px solid #ced4da;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 2px;
    color: #506e91;
    cursor: pointer;
}
.edit-option-show-btns > .option-btn:hover {
    color: var(--color-primary);

}
.designation-added-box .new-oc-user-content:hover .edit-option-show-btns {
    opacity: 1;
}