@import "./variables.css?v=230720262028";
@import "./componentCustomization.css?v=230720262028";
@import "./responsive.css?v=230720262028";
@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);
html {
    scroll-behavior: smooth;
}
body {
    font-family: var(--fontFamily) !important;
    width: 100%;
    overflow-x: hidden;
    min-height: 100vh;
    min-width: 20rem;
    background: var(--bodyBackground);
}
p {
    word-break: break-word !important;
}
.back-body, .back-body1{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
}
.back-body{
    background-image: url(../images/back-body.webp);
}
.back-body1 {
    background-image: url(../images/select-back.webp);
}
details>summary {
    list-style: none;
}
details>summary::-webkit-details-marker {
    display: none;
}
.login-logo {
    width: 12.5rem;
}
.card-login-box {
    background: rgba(var(--white));
    box-shadow: 0 0 1.25rem #0000001f;
    width: 20rem;
    border-radius: 0.625rem;
    margin-top: 50%;
    margin-left: 50%;
    margin-right: auto;
    padding: 1.875rem 1.875rem;
    position: absolute;
    transform: translate(-50%, -50%);
}
.login-title {
    color: rgba(var(--thirdColor));
    font-weight: 900;
    font-size: 1.125rem;
    padding: 1.25rem;
}
.img-place {
    width: 1.5rem;
}
.input-icon-back {
    background-color: rgba(var(--white)) !important;
    border-right: hidden !important;
}
.input-back {
    border-left: hidden !important;
}
.form-control:focus,
.form-select:focus {
    box-shadow: 0 0 0 0.2rem #007bff00 !important;
}
::placeholder {
    font-size: 0.875rem;
    color: var(--inputPlaceholder) !important;
}
select {
    font-size: 0.875rem !important;
    color: var(--darkTxtColor);
}
select option {
    font-size: 0.875rem !important;
    color: var(--darkTxtColor);
}
.forgot-pass-link {
    font-size: 0.75rem;
    color: var(--textLight);
}
.create-link {
    color: rgba(var(--thirdColor));
    font-weight: 600;
}
.create-link1 {
    font-size: 0.875rem;
}
.toggle-password {
    cursor: pointer;
    margin-left: -1rem;
    margin-top: 0.75rem;
    z-index: 99;
    position: absolute;
    right: 0.5rem;
}

.landing-wrapper {
    padding-left: 4%;
    padding-right: 4%;
}
.bg-landing-image {
    background-image: url("../images/landing.webp");
    background-size: cover;
    height: calc(100vh - 24vh);
    background-repeat: no-repeat;
    right: 0;
    bottom: 0;
}
.landing-page-left h1 {
    font-size: 4.5rem;
    z-index: 12;
    color: var(--darkBlue);
    margin-top: 2rem;
    text-transform: capitalize !important;
}
.landing-page-left p {
    color: var(--darkBlue);
    font-weight: 600;
    font-size: 1.25rem;
    z-index: 12;
}
.green-circle {
    width: 7.5rem;
    height: 7.5rem;
    background-color: var(--lightGreen);
    border-radius: 100%;
    right: 20%;
    top: 0;
}
.blue-semi-circle {
    border-radius: 9.375rem 9.375rem 0 0;
    background: var(--primaryBlue);
    width: 13.75rem;
    height: 6.875rem;
    bottom: -1.625rem;
}
/*header css*/
.navbar_bg {
    background-color: rgba(var(--white));
    box-shadow: rgb(0 0 0 / 24%) 0 0.1875rem 0.5rem;
}
.breadcrumBg ol {
    background: rgba(var(--thirdColor));
}
.breadcrumBg {
    background: var(--bodyBackground);
}
.breadcrumBg ol li a {
    color: rgba(var(--white));
}
.breadcrumb-item.active {
    color: rgba(var(--white));
    font-weight: 500;
}
.breadcrumb-item+.breadcrumb-item::before {
    color: rgba(var(--white)) !important;
}
.breadcrumb-item {
    color: rgba(var(--white));
}
header .breadcrumb-nav {
    font-size: 0.9rem;
    z-index: 9;
}
/*header styles end*/
main {
    background-color: var(--bodyBackground);
    min-height: calc(100vh - 8.4rem);
}
.page-title h1 {
    font-size: 1.625rem;
}
.cursor-pointer,.switch-field label:hover,.remove-row,.logo_section{
    cursor: pointer;
}
.user-option .dropdown-menu {
    left: -8.875rem;
}
.invite-btn {
    border: none;
    background-color: rgba(var(--primaryColor));
    border-radius: 0.3125rem;
    padding: 0.3125rem 1.25rem;
    font-size: 0.875rem;
}
.invite-btn:hover {
    background-color: var(--primaryBlue);
    color: rgba(var(--white));
}
.edit-form {
    box-shadow: 0 0 0.625rem rgb(0 0 0 / 12%);
    padding: 1.25rem 1.875rem;
    position: relative;
}
.invite-form {
    box-shadow: 0 0 0.625rem rgb(0 0 0 / 12%);
    padding: 2.5rem 1.875rem;
}
.email-edit, .btn.disabled{
    cursor: not-allowed;
}
.f-s-14,.swal2-label,.f-s-12{
    font-size: 0.875rem !important;
}
.cancel-btn {
    border: 0.0625rem solid;
    border-radius: 0.3125rem;
    padding: 0.3125rem 1.25rem;
    font-size: 0.875rem;
}

.h-38,.ht-38,.customized-mobile-append .btn-download {
    height: 2.375rem;
}
.outline-0 {
    outline: none;
}
/*radio button end*/
.header-img {
    width: 3.125rem;
}
.header-img1 {
    width: 1.875rem;
}
.min-h-38 {
    min-height: 2.375rem;
}
/* pool master start */
.master-box {
    padding: 2.5rem 3.125rem;
    box-shadow: 0 0 1.875rem rgb(0 0 0 / 8%);
    position: relative;
}
.role-title {
    color: rgba(var(--thirdColor));
    font-weight: 700;
    font-size: 1.5rem;
}
.role-title span {
    color: rgba(var(--primaryColor));
}
.hr-title {
    width: 10%;
    border-bottom: 0.1875rem solid rgba(var(--primaryColor));
    border-top: none;
    text-align: left;
    margin-left: 1.25rem;
}
.card-back-img {
    right: 2.3125rem;
    width: 6.25rem;
    top: 10.4375rem;
}
.card-back-img1 {
    left: 0;
    width: 21%;
    bottom: 0;
}
.body-left-circle {
    background-color: rgba(var(--secondaryColor));
    left: 0;
    width: 25%;
    bottom: 0;
    border-radius: 0% 100% 100% 0% / 100% 100% 0% 0%;
    height: 50%;
}
/* pool master end */
.select-box {
    box-shadow: 0 0 5rem rgba(0, 0, 0, 0.15);
    border-radius: 0.625rem;
}
.select-in-img {
    width: 9.375rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.select-in-img1 {
    width: 10.5rem;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.select-role-btn {
    border: none;
    background-color: var(--buttonPrimary);
    padding: 0.75rem 1.25rem;
    font-size: 0.875rem;
    border-radius: 0 0 0.625rem 0.625rem;
}
.select-h1 {
    font-weight: 700;
    color: rgba(var(--secondaryColor));
    font-size: 2.25rem;
}
.select-content {
    position: relative;
    top: 13%;
}
/*megamenu css*/
.mega-menu-drop .dropdown-menu {
    width: calc(100vw - 10.3%);
    margin-left: 5%;
    min-height: 9.375rem;
    box-shadow: 0 0 1.5625rem rgb(0 0 0 / 25%);
    max-height: 31.25rem;
    overflow-x: hidden;
    overflow-y: scroll;
}
.mega-menu-drop .dropdown {
    position: static;
}
.mega-menu-drop .nav-item {
    padding-bottom: 1.4rem;
    padding-top: 1.4rem;
}
.mega-menu-drop .nav-item>a.nav-link {
    color: var(--textDefaultColor);
    font-weight: 500;
    font-size: 0.85rem;
    line-height: 1.8;
    padding: 0 0.5rem !important;
}
.mega-menu-drop .nav-item.active,
.mega-menu-drop .nav-item.show {
    border-bottom: 0.1875rem solid rgba(var(--thirdColor));
}
/* .mega-menu-drop .header-menu:hover {
    border-bottom: 0.3125rem solid rgba(var(--secondaryColor));
    color: rgba(var(--secondaryColor));
} */
.mega-menu-drop .nav-item.active>a.nav-link {
    color: rgba(var(--thirdColor));
    font-weight: 600;
}
.mega-drop li:not(.sub-parent) {
    word-break: break-word;
    min-height: 4.5rem;
    max-height: 6rem;
}
/* .mega-drop .sub-parent li {
    min-height: 4.5rem;
    height: 5.5rem;
} */
.megamenu-title {
    background-color: var(--lightGrey) !important;
    border-radius: 0.25rem !important;
    padding: 0.5rem 0.625rem !important;
    border-radius: 0.25rem !important;
}
.nav-message-link {
    font-size: 0.9rem;
    font-weight: 500;
    color: rgba(var(--thirdColor));
}
.left-circle {
    border-radius: 100% 0% 100% 0% / 0% 0% 100% 100%;
    width: 11rem;
    background-color: rgba(var(--fourthColor));
    top: -0.5625rem;
    height: 10rem;
}
.right-circle {
    background-color: rgba(var(--fourthColor));
    right: 0;
    width: 10rem;
    bottom: calc(6.2rem - 8.3125rem);
    height: 6.2rem;
    clip-path: polygon(100% 3%, 0% 100%, 100% 100%);
}
.mega-menu-drop {
    background-color: rgba(var(--white));
}
.mega-menu-title {
    background: var(--smokeWhite);
    padding: 0.6rem 0.8rem;
    border-radius: 0.375rem;
}
.mega-menu-list li a span {
    font-size: 0.95rem;
    color: rgba(var(--thirdColor)) !important;
    font-weight: 700;
}
.menu-module a.nav-link:hover {
    background: rgba(var(--fourthColor), 0.1);
    border-radius: 0.4375rem;
    color: rgba(var(--secondaryColor)) !important;
    /* border: 0.0625rem solid #d2d2d2 !important; */
}
.menu-module a.active {
    background: rgba(var(--fourthColor), 0.1);
    border-radius: 0.4375rem;
    color: rgba(var(--secondaryColor)) !important;
    /* border: 0.0625rem solid #d2d2d2 !important; */
}
.mega-menu-list li a:hover {
    background: rgba(var(--fourthColor), 0.1);
    border-radius: 0.4375rem;
    color: rgba(var(--secondaryColor)) !important;
}
.mega-menu-list li.active a {
    background: rgba(var(--fourthColor), 0.1);
    border-radius: 0.4375rem;
    color: rgba(var(--secondaryColor)) !important;
}
.mega-menu-list li a p {
    font-weight: 400;
    font-size: 0.75rem;
    word-break: break-word;
}
.mega-menu-drop .dropdown-toggle::after {
    display: none;
}
.menu-module a p {
    font-weight: 400;
    font-size: 0.75rem;
    color: var(--darkTxtColor);
}
.m-r-15 {
    margin-right: -0.9375rem;
}
.ps-10per {
    padding-left: 9%;
}
/*custom checkbox styles*/
.styled-checkbox+label:before {
    content: "";
    display: flex;
    flex-direction: column;
    width: 1.25rem;
    height: 1.25rem;
    background: rgba(var(--white));
    border: 0.0625rem solid;
    border-radius: 0.1875rem;
}
.styled-checkbox:checked+label:before {
    background: rgba(var(--secondaryColor));
}
.styled-checkbox:disabled+label {
    color: var(--lightGrey);
    cursor: auto;
}
.styled-checkbox:disabled+label:before {
    box-shadow: none;
    background: var(--lightGrey);
}
.styled-checkbox:checked+label:after {
    content: "";
    position: absolute;
    left: 0.3125rem;
    top: 0.5625rem;
    background: rgba(var(--white));
    width: 0.125rem;
    height: 0.125rem;
    box-shadow: 0.125rem 0 0 white, 0.25rem 0 0 white, 0.25rem -0.125rem 0 white, 0.25rem -0.25rem 0 white, 0.25rem -0.375rem 0 white, 0.25rem -0.5rem 0 white;
    transform: rotate(45deg);
}
.fa+.dropdown-toggle::after {
    display: none;
}
.blue-color-text {
    color: rgba(var(--thirdColor));
}
.step .badge {
    width: 3.9375rem;
    height: 3.9375rem;
}
.custom-label label {
    color: var(--textLight);
    word-break: break-word;
}
.menu-iconBox {
    /* min-width: 3.25rem;
    height: 3.25rem; */
    border-radius: 0.375rem;
    margin-right: 0.875rem;
}
.menu-iconBox img {
    object-fit: contain;
    height: 1.875rem;
}
.menu-module .menu-iconBox {
    min-width: 4.375rem;
    height: 4.375rem;
}
.min-h-150 {
    min-height: 9.375rem;
}
.min-h-30rem {
    min-height: 51rem;
}
.table-dropdown .dropdown-menu {
    box-shadow: rgb(165 158 158 / 42%) 0 0.1875rem 0.5rem;
}
.table-dropdown .btn {
    padding: 0;
}
.table-responsive {
    min-height: 50vh;
}
.logout-btn {
    font-size: 1.125rem;
}
.add-choice:hover {
    background-color: var(--buttonPrimary) !important;
    border: none;
}
.min-hv-50 {
    min-height: 50vh;
}
.dropdown.show a .material-icons {
    transform: rotate(181deg);
}
.bg-0 {
    background: none !important;
}
.justify-row {
    padding: 0rem 3rem;
    padding-left: 0;
}
.max-h-30rem {
    overflow-y: auto;
    max-height: 30rem;
}
.w-99 {
    width: calc(100% - 1em) !important;
}
.modal-backdrop {
    top: 4.5rem;
}
.modal-backdrop .show {
    z-index: 1055 !important;
}
.width-calc {
    width: calc(100% - 52%);
}
/*email config*/
/* Email config page */
.email-config-recurrence-title {
    background-color: var(--smokeWhite);
    padding: 1.25rem;
}
.email-config-recurrence-title h5 {
    color: rgba(var(--thirdColor));
    font-weight: 600;
    text-align: center;
    margin: 0;
}
.email-config-recurrence-sub-section {
    padding: 1.25rem;
}
.email-config-recurrence-subtitle p {
    margin: 0;
    text-decoration: underline;
    font-size: 1.125rem;
}
.email-config-recurrence-subtitle {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.email-mt-5 {
    margin-top: 0.625rem;
}
.email-config-recurrence-sub-section .recur-form-control {
    background-color: rgba(var(--white));
    background-clip: padding-box;
    border: 0.0625rem solid rgba(var(--fourthColor), 0.2);
    padding: 0.375rem 0.75rem;
    border-radius: 0.25rem;
    border-color: var(--textDefaultColor) !important;
    width: 20%;
}
.email-config-recurrence-sub-section .recur-label {
    margin-bottom: 0.625rem;
    margin-top: 0;
    font-size: 0.938rem;
}
.email-recur-space-arround {
    justify-content: space-around;
}
.email-config-recurrence-sub-section .recur-label {
    color: rgba(var(--thirdColor));
}
.email-config-recurrence-sub-section .recur-week label {
    font-size: 1rem;
}
.rec-text {
    font-size: 1.125rem;
}
.choices__input {
    background-color: rgba(var(--white)) !important;
}
.choices[data-type*="select-multiple"] .choices__inner {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 0.125rem) !important;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--textDefaultColor);
    background-color: rgba(var(--white)) !important;
    background-clip: padding-box;
    border: 0.0625rem solid rgba(var(--fourthColor), 0.2);
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    border-color: var(--textDefaultColor) !important;
    min-height: auto !important;
}
.choices__list--multiple .choices__item {
    background-color: rgba(var(--thirdColor)) !important;
    border: 0.0625rem solid rgba(var(--thirdColor)) !important;
    border-radius: 0.3125rem !important;
    font-size: 0.625rem !important;
    padding: 0.25rem 0.5rem !important;
}
.email-form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-between;
    align-content: center;
}
.email-recur-border-right {
    border-right: 0.0625rem solid rgba(var(--fourthColor), 0.1);
    margin-left: 0rem;
}
.d-flex-pattern {
    display: flex !important;
    align-content: flex-end;
    justify-content: space-around;
}
.end_after_occurance {
    padding-left: 0.9375rem;
}
.email-config-domain .filter-dropdowns {
    width: 100%;
}
input[type="radio"]:checked+label,
input[type="radio"]:not(:checked)+label {
    position: relative;
    cursor: pointer;
    line-height: 1.25rem;
    display: inline-block;
    color: var(--textDefaultColor);
}
.options_section input[type="radio"] {
    accent-color: rgba(var(--secondaryColor)) !important;
    width: 1.125rem;
    height: 1.125rem;
}
/* Multi select form */
.select2-container .select2-selection--single {
    height: 2.375rem !important;
    border-color: rgba(var(--fourthColor)) !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
    line-height: inherit !important;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__arrow {
    height: 2.375rem !important;
}
.select2-container--bootstrap-5 .select2-selection__clear{
    height: 2.375rem !important;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50% / 0.5rem auto no-repeat !important;
}
.select2-container .select2-selection--multiple {
    min-height: 2.375rem !important;
    border-color: rgba(var(--fourthColor)) !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
    background-color: rgba(var(--secondaryColor)) !important;
    border: none !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove {
    color: var(--textLight);
    border: none !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__remove {
    color: rgba(var(--white)) !important;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23676a6d'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") 50% / 0.5rem auto no-repeat !important;
}
.survey-bg-card .tooltip-validate {
    top: 0.625rem !important;
}
.survey-bg-card .mb-3 {
    position: relative;
}
.section-survey-bg .tooltip-validate {
    top: 0.625rem !important;
}
.section-survey-bg .mb-3 {
    position: relative;
}
.form-check~.tooltip-validate {
    top: 0;
}
.z-index-tooltip .tooltip-validate {
    z-index: 10;
}
.form-check-label {
    white-space: normal;
}
.form-check-input{
    width: 1.25em;
    height: 1.25em;
    margin-top: 0.1em;
    &:checked{
        background-color: rgba(var(--secondaryColor)) !important;
        border-color: rgba(var(--secondaryColor)) !important;
    }
}


.profile-image {
    background-color: var(--smokeWhite);
}
.profile-image .btn-info {
    background-color: rgba(var(--primaryColor)) !important;
    color: rgba(var(--white)) !important;
    border-color: rgba(var(--primaryColor)) !important;
}
.profile-image .btn-info:hover {
    background-color: rgba(var(--thirdColor)) !important;
    color: rgba(var(--white)) !important;
    border-color: rgba(var(--thirdColor)) !important;
}
.cropper-form .btn-cancelbg {
    background-color: rgba(var(--fourthColor));
}
/* Tooltip validation */
.question-choice .tooltip-validate {
    /* right: 0.5rem !important; */
    right: 0.5rem;
    top: 0 !important;
    line-height: 2.375rem;
}
.input-group .tooltip-validate {
    position: absolute !important;
}
.mb-30 {
    margin-bottom: 1.875rem;
}
.mtm-10 {
    margin-top: -0.625rem !important;
}
body::-webkit-scrollbar {
    width: 0.625rem !important;
    height: 0.625rem;
}
div.dt-scroll-body::-webkit-scrollbar {
    width: 0.5rem !important;
    height: 0.625rem;
}
div.mega-drop::-webkit-scrollbar {
    width: 0.4375rem !important;
    height: 0.625rem;
}
::-webkit-scrollbar {
    width: 0.3125rem;
    height: 0.3125rem;
}
/* Track */
::-webkit-scrollbar-track {
    border-radius: 0.3125rem;
    -webkit-box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 0.375rem rgba(0, 0, 0, 0.3);
    background-color: var(--smokeWhite);
}
/* Handle */
::-webkit-scrollbar-thumb {
    background-color: rgba(var(--secondaryColor));
    border: 0.0625rem solid rgba(var(--fourthColor));
    border-radius: 0.3125rem;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: rgba(var(--fourthColor));
}
.slider-handle.min-slider-handle.round,
.slider-handle.max-slider-handle.round {
    outline-color: rgba(var(--white));
    box-shadow: rgb(255 255 255 / 24%) 0 0.1875rem 0.5rem;
}
.min-slider-handle,
.max-slider-handle {
    background: rgba(var(--thirdColor)) !important;
    box-shadow: rgb(0 0 0 / 24%) 0 0.1875rem 0.5rem;
}
.slider-selection {
    background-color: rgba(var(--fourthColor)) !important;
    background-image: -moz-linear-gradient( top, rgba(var(--fourthColor)), rgba(var(--fourthColor))) !important;
    background-image: -webkit-gradient( linear, 0 0, 0 100%, from rgba(var(--fourthColor)), to rgba(var(--fourthColor))) !important;
    background-image: -webkit-linear-gradient( top, rgba(var(--fourthColor)), rgba(var(--fourthColor))) !important;
    background-image: -o-linear-gradient( top, rgba(var(--fourthColor)), rgba(var(--fourthColor))) !important;
    background-image: linear-gradient( to bottom, rgba(var(--fourthColor)), rgba(var(--fourthColor))) !important;
}
.ps-pr {
    padding-left: 4%;
    padding-right: 4%;
}
/*notification css*/
.dropdown-menu.notification-container {
    padding: 0;
}
.notification-container {
    min-width: 22.5rem;
    min-height: 45vh;
    background: var(--smokeWhite);
}
.notification-container>.card {
    width: 100%;
    box-shadow: rgba(0, 0, 0, 0.24) 0 0.1875rem 0.5rem;
}
.notification-container .card-header {
    background-color: rgba(var(--white));
}
.notification-icon .material-icons {
    color: var(--darkTxtColor);
    font-size: 2.2rem;
}
.min-h-3rem {
    min-height: 3rem;
}
.notify-li {
    border-left: 0.125rem solid rgba(var(--secondaryColor));
    /* box-shadow: rgba(99, 99, 99, 0.2) 0 0.125rem 0.5rem 0; */
    background-color: rgba(var(--fourthColor), 0.2);
}
.notify-li:hover {
    border-left: 0.125rem solid rgba(var(--thirdColor));
    transition: all 0.2s ease;
}
.notify-h {
    max-height: calc(100vh - 20vh);
    min-height: calc(100vh - 25vh);
    overflow-y: auto;
    overflow-x: hidden;
}
.notification-title {
    color: var(--darkTxtColor);
    font-size: 1.2rem;
}
.notifications label .col-form-label {
    font-weight: 700;
    font-size: 0.96rem;
}
.opacity-1 {
    transition: all 0.3s ease-in;
    opacity: 1;
}
.btn-outline-secondary:hover {
    background-color: rgba(var(--primaryColor));
    border-color: rgba(var(--primaryColor));
    color: var(--darkTxtColor);
}
.min-h-231 {
    min-height: 14.4375rem;
}
.select2-selection--multiple {
    overflow-y: auto;
    overflow-x: hidden;
}
.border-left-card {
    border-left: 0.3125rem solid rgba(var(--thirdColor));
}
.loader {
    display: flex;
    background: #000000a8;
    top: 0;
    z-index: 9999999999;
}
.loading-ani {
    animation: rotate 2.5s linear infinite;
    width: 8rem;
}
@keyframes rotate {
    0% {
        transform: scale(1) rotate(0deg);
    }
    50% {
        transform: scale(1.2) rotate(180deg);
        opacity: 0.8;
    }
    100% {
        transform: scale(1) rotate(360deg);
    }
}
.progress-bar-container {
    position: relative;
    margin: auto;   
}
.progress-bar-container .step-ul {
    z-index: 999;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 90%;
    margin: 0 0 0 10%;
    gap: 1rem;
}
.progress-bar-container .step-li a.nav-link {
    margin: 0;
}
.progress-bar-container .step-li::before {
    content: " ";
}
.progress-bar-container .step-li {
    text-align: center;
    cursor: pointer;
    transition: all ease 0.2s;
    white-space: nowrap;
}
.custom-tab-content {
    margin-top: 2rem;
}
.step-ul .nav-link.active,
.nav-pills .show>.nav-link {
    color: rgba(var(--white));
    background-color: rgba(var(--thirdColor));
    font-weight: 600;
}
.progress-bar-container .step-li::after {
    background-color: rgba(var(--fourthColor));
    content: " ";
    z-index: 3;
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    margin: auto;
    border: 0.1875rem solid rgba(var(--white));
    border-radius: 50%;
    left:0.5rem;
    box-shadow: 0 0.125rem 0.8125rem -0.0625rem rgba(0, 0, 0, 0.2);
    transition: all ease 0.25s;
    transform: translateY(-1.925rem);
}
.progress-bar-container .step-li:hover::after {
    background: rgba(var(--secondaryColor));
}
.completed-tab {
    background-color: rgba(var(--secondaryColor)) !important;
}
.progress-bar-container .step-li.active::after {
    background: rgba(var(--secondaryColor)) !important;
}
.progress-bar-container #line {
    width: 0.375rem;
    margin: 0rem 1rem;
    background-color: var(--lightGrey);
    height: 100%;
    position: absolute;
    z-index: 1;
    border-radius: 3.125rem;
    transition: all ease 0.75s;
}
.nav-item .step01 {
    margin-right: 0;
}
.nav-item .step03 {
    margin-right: 0;
}
.nav-item .step02 {
    margin-right: 0;
}
.nav-item .step04 {
    margin-right: 0;
}
.progress-bar-container #line-progress {
    content: " ";
    background-color: rgba(var(--thirdColor));
    border-radius: 1.25rem;
    z-index: 2;
    position: absolute;
    width: 0.375rem;
    height: 100%;
    transition: all ease 0.75s;
}
.page-item.active .page-link {
    background-color: rgba(var(--fourthColor)) !important;
    border-color: rgba(var(--fourthColor)) !important;
    color: rgba(var(--white));
}
.page-link {
    color: var(--textDefaultColor) !important;
}
.select2-results__option:hover {
    /* color: #ffffff !important; */
}

.select2-container--bootstrap-5 .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: var(--textLight) !important;
}
.min-hv-75 {
    min-height: 75vh;
}
.btn-second {
    background: rgba(var(--thirdColor));
    border-color: rgba(var(--thirdColor));
}
.btn-second:hover {
    background-color: rgba(var(--thirdColor));
}
.report-tablee {
    overflow-x: auto;
    white-space: nowrap;
}
.report-tablee tbody tr td {
    white-space: inherit !important;
}
/*button animation effect*/
.btn-primary {
    position: relative;
    /* overflow: hidden; */
    z-index: 1;
}
.btn-primary:after {
    position: absolute;
    color: rgba(var(--white));
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: rgba(var(--secondaryColor));
    transition: all 1s ease;
}
.btn-primary:hover {
    color: rgba(var(--white));
}
.btn-primary:hover:after {
    left: 0;
    width: 100%;
}
.btn-primary:active {
    top: 0.125rem;
}
.btn-primary.disabled,
.btn-primary:disabled {
    background-color: rgba(var(--primaryColor)) !important;
    border-color: rgba(var(--primaryColor)) !important;
    opacity: 0.5;
    cursor: not-allowed;
}
.btn-outline-dark,
.btn-Search {
    z-index: 1;
    position: relative;
}
.btn-outline-dark:after,
.btn-Search:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-color: rgba(var(--thirdColor));
    transition: all 0.3s ease;
    border-radius: 0.25rem !important;
}
.btn-outline-dark:hover,
.btn-Search:hover {
    color: rgba(var(--white));
    background-color: transparent !important;
    border-radius: 0.25rem !important;
}
.btn-outline-dark:hover:after,
.btn-Search:hover:after {
    left: 0;
    width: 100%;
}
.btn-outline-dark:active,
.btn-Search:active {
    top: 0.125rem;
}
.body-left-circle {
    animation-name: baloon;
    animation-duration: 4s;
}
.card-back-img {
    animation-name: dots;
    animation-duration: 4s;
    right: 2.3125rem;
    width: 6.25rem;
    top: 10.4375rem;
    display: none;
}
@keyframes dots {
    from {
        right: -6.6875rem;
    }
    to {
        right: 2.3125rem;
    }
}
@keyframes baloon {
    from {
        left: -25%;
    }
    to {
        left: 0;
    }
}

.btn-primary:hover img {
    filter: brightness(1) !important;
}
.pd-b-10 {
    padding-bottom: 2.5rem !important;
}
.height-fit {
    height: fit-content !important;
}
/*responsive styles*/
.table tbody tr td {
    word-wrap: break-word;
    white-space: normal;
}
.profile-image-div {
    display: block;
    margin: 5% auto 5%;
    min-height: 18.75rem;
    width: 15.625rem;
}
.profile-image img.preview-img {
    border: 0.1875rem solid rgba(var(--white));
    padding: 0.313rem !important;
    margin-bottom: 1rem;
    height: 9.375rem;
    width: 9.375rem !important;
}
.profile-image h2 {
    color: rgba(var(--secondaryColor));
    font-size: 1.5rem;
}
.profile-image small {
    color: var(--textLight);
    font-weight: 600 !important;
}
.p-m-l {
    margin-left: 0.9375rem;
}
.profile-page .btn-link {
    color: rgba(var(--secondaryColor));
}
/*.cropper-container {
    width: 100% !important;
}
.cropper-canvas,
.cropper-crop-box,
.cropper-drag-box,
.cropper-modal,
.cropper-wrap-box {
    width: 100% !important;
}*/
/* create topic content */
.topic-box-text {
    color: rgba(var(--thirdColor));
    font-weight: 600;
}
.ck.ck-editor {
    z-index: 0 !important;
}
/** Candidate Course View Start **/
.f-s-18 {
    font-size: 1.125rem;
}
.img-set {
    width: 100%;
}
.course-id {
    color: rgba(var(--thirdColor));
}
.course-details-head {
    line-height: 1.25rem;
}
.duration-text-color {
    color: var(--textLight);
}
.date-between {
    color: var(--textLight);
    font-size: 0.875rem;
}
.bottom-btn-width {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-radius: 0.625rem;
}
.percentage-div {
    height: 9.375rem;
    background-color: var(--smokeWhite);
    border-radius: 0.625rem;
    text-align: center;
}
.percentage-text {
    font-size: 1.313rem;
    border-radius: 0.625rem;
    padding: 0.3125rem 0.625rem;
    background-color: rgba(var(--thirdColor));
    color: rgba(var(--white));
}
.score-text {
    color: rgba(var(--thirdColor));
    font-weight: bold;
}
.score-content-box {
    height: 70%;
}
.completed-text {
    color: #0acf83;
    position: relative;
    top: 0.625rem;
    font-weight: bold;
}
.position {
    float: left;
    margin: 6.25rem 1.25rem;
}
.progress-bars {
    position: relative;
    height: 6.25rem;
    width: 6.25rem;
    margin: 0 auto;
    margin-top: 0.9375rem;
}
.progress-bars div {
    position: absolute;
    height: 6.25rem;
    width: 6.25rem;
    border-radius: 50%;
}
.progress-bars div span {
    position: absolute;
    font-family: var(--fontFamily);
    font-size: 1.563rem;
    line-height: 4.6875rem;
    height: 4.6875rem;
    width: 4.6875rem;
    left: 0.7813rem;
    top: 0.7813rem;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(var(--white));
}
.progress-bars .background {
    background-color: rgba(var(--fourthColor), 0.1);
}
.progress-bars .rotate {
    clip: rect(0 3.125rem 6.25rem 0);
    background-color: rgba(var(--fourthColor), 0.5);
}
.progress-bars .left {
    clip: rect(0 3.125rem 6.25rem 0);
    opacity: 1;
    background-color: rgba(var(--fourthColor), 0.1);
}
.progress-bars .right {
    clip: rect(0 3.125rem 6.25rem 0);
    transform: rotate(180deg);
    opacity: 0;
    background-color: rgba(var(--fourthColor), 0.5);
}
@keyframes toggle {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
/** Candidate Course View End **/
/* Candidate syllabus view start */
.course-syllabus-title H3 {
    font-size: 1.2rem;
    color: rgba(var(--white));
    font-weight: 500;
}
.course-syllabus-content h3 {
    font-size: 1rem;
    color: var(--darkTxtColor);
    font-weight: 500;
}
.course-syllabus-content p {
    margin: 0;
    color: var(--textLight);
}
.course-syllabus-content {
    border: 0.0625rem solid var(--smokeWhite);
    padding: 1rem;
    border-radius: 0 0 0.3125rem 0.3125rem;
}
.course-cardview {
    background: rgba(var(--fourthColor));
    padding: 0.7rem 1rem;
    margin: 0;
    border-radius: 0.25rem;
}
.syllabus-detail img {
    width: 100% !important;
    height: auto;
    object-fit: fill;
    max-width: 100%;
    max-height: 18.75rem;
}
.syllabus-detail strong {
    font-weight: 600;
}
.syllabus-detail ul,
.syllabus-detail p {
    color: var(--textDefaultColor);
    font-size: 0.9rem;
}
/* Candidate syllabus view end */
/* traininglist code */
.plan-list-card {
    background-color: rgba(var(--fourthColor), 0.3);
    padding: 1.25rem 0.625rem;
    border-radius: 0.625rem;
}
.plan-list-card:hover {
    background-color: rgba(var(--fourthColor));
}
.plan-list-name {
    color: rgba(var(--secondaryColor));
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 0.625rem;
}
.custom-font-size p {
    font-size: 0.9rem;
}
.custom-font-size label {
    font-size: 0.9rem;
}
/* Module Units */
.module-units .nav-pills .nav-link {
    font-size: 0.9rem;
    min-height: 2.3125rem;
    margin: 0;
    background: none;
    /* padding-left: 0.6875rem !important; */
}
.module-units .badge {
    background-color: rgba(var(--fourthColor), 0.1);
}
.module-header {
    background-color: rgba(var(--fourthColor), 0.5);
}
.module-title h3,
.module-score-card h3 {
    color: rgba(var(--secondaryColor));
    font-size: 1rem;
}
.module-title h2 {
    color: rgba(var(--white));
    font-size: 1.2rem;
}
.module-score-card {
    border: 0.0625rem solid rgba(var(--thirdColor));
    border-radius: 0.25rem;
    padding: 0.22rem 0.8rem;
    background: rgba(var(--white));
}
.module-score .module-score-value {
    color: rgba(var(--secondaryColor));
    font-weight: 400;
    text-decoration: underline;
}
.modules-right {
    text-align: right;
}
.skill-start-card {
    background-color: rgba(var(--fourthColor));
    padding: 1rem;
    border-radius: 0.25rem;
}
.t-h {
    justify-content: space-between;
}
/* .module-progress-status .progress {
    width: 25rem;
} */
.module-progress-status .progress span {
    color: rgba(var(--white));
}
.module-progress-status .progress-bar-success {
    background-color: rgba(var(--thirdColor));
}
.progress-status-content {
    color: var(--darkTxtColor);
    font-size: 0.75rem;
    font-weight: 500;
    text-align: right;
}
.module-progress-status .progress {
    height: 0.25rem;
    background-color: var(--lightMidGrey);
}
.module-progress-status .progress .progress-bar {
    border-radius: 0.625rem;
}
.module-accordion .card {
    border: none;
    margin-bottom: 0.9375rem;
    border-radius: 0.3125rem;
    background-color: none;
    background: none;
}
.module-accordion summary h2 {
    font-size: 0.95rem;
    font-weight: 600;
    padding: 1rem 0;
}
/* .module-accordion summary h2.collapsed {
    background-image: url(/assets/images/expand.png);
} */
.module-accordion .card-body {
    background-color: transparent;
    padding: 2rem;
}
.module-accordion .topic-title h3 {
    color: var(--darkTxtColor);
    font-size: 1rem;
    font-weight: 600;
}
.module-accordion .estimate-hours h3 {
    color: rgba(var(--thirdColor));
    font-size: 0.8rem;
    font-weight: 500;
}
.module-accordion .estimate-hours span {
    color: var(--darkTxtColor);
    font-weight: 600;
}
.module-accordion .topic-description {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.module-accordion .topic-description p {
    margin: 0;
    color: var(--textLight);
}
.module-accordion .topic-content p {
    margin: 0;
    /* color: var(--textLight); */
}
.topic-preview-modal .modal-content {
    height: 75vh;
    overflow: auto;
}
.module-accordion .digital-content {
    background-color: rgba(var(--fourthColor), 0.1);
    border-radius: 0.625rem;
    border: 0.0625rem solid rgba(var(--fourthColor), 0.2);
    padding: 0.313rem;
}
.digital-area {
    padding: 1.25rem;
    background-color: rgba(var(--white));
}
.digital-area video {
    width: 100% !important;
}
.module-accordion .title h3 {
    color: var(--darkTxtColor);
    font-size: 1rem;
}
.module-accordion .digital-content .title h3 {
    color: rgba(var(--white));
    font-size: 1rem;
    text-align: center;
    margin-bottom: 0;
}
.module-accordion .content-area h4 {
    font-size: 1rem;
    font-weight: 600;
}
.module-accordion .content-area p {
    font-size: 0.8rem;
    margin: 0;
}
.module-accordion .content-area audio {
    width: 100%;
}
.module-accordion .module-pdf {
    width: 20%;
}
.estimate-hours {
    background: rgba(var(--fourthColor), 0.3);
    padding: 0.5rem;
    border-radius: 1rem;
}
.estimate-hours {
    margin-top: 0.4rem;
}
.current-hours.estimate-hours {
    margin-top: 0;
}
.estimate-hours h3 {
    margin-bottom: 0;
}
.estimate-hours:hover {
    background: rgba(var(--fourthColor), 0.6);
}
/* video carousel */
.owl-carousel .owl-video-tn {
    background-size: cover;
    padding-bottom: 56.25%;
    padding-top: 1.5625rem;
}
.owl-video-frame {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 1.5625rem;
    height: 0;
}
.owl-video-frame iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.owl-dots {
    text-align: center;
    margin-top: 1.25rem;
}
.owl-dot {
    display: inline-block;
}
.owl-dot span {
    width: 0.6875rem;
    height: 0.6875rem;
    background-color: var(--lightGrey);
    border-radius: 50%;
    display: block;
    margin: 0.3125rem 0.1875rem;
}
.owl-dot.active span {
    background-color: var(--darkTxtColor);
}
.owl-carousel .owl-video-play-icon {
    background: url(../Assets/img/owl.video.play.png) no-repeat !important;
}
.module-doc-module h4,
.module-doc-module h3 {
    font-size: 1.1rem;
}
.module-doc-module .modal-header .close {
    background-color: rgba(var(--primaryColor));
    opacity: 1;
}
#doc-preview-model .modal-header {
    background-color: rgba(var(--secondaryColor)) !important;
    color: rgba(var(--white)) !important;
    border-radius: 0.3125rem 0.3125rem 0 0 !important;
}
.module-units .nav-link.active {
    background-color: rgba(var(--thirdColor));
    color: var(--darkTxtColor);
}
.module-units .completed-module {
    background-color: rgba(var(--secondaryColor));
}
.module-units .pending-module {
    background: rgba(var(--fourthColor), 0.3);
}
.nav-link.pending-module .progress-bar {
    background-color: var(--textLight);
}
.nav-link.processing-module .progress-bar {
    background-color: rgba(var(--secondaryColor), 1);
}
.module-legends h3 {
    font-size: 0.75rem;
    color: var(--darkTxtColor) !important;
}
.module-legends .mlc {
    background-color: rgba(var(--thirdColor));
    padding: 0.1rem 0.7rem;
    margin-right: 0.625rem;
}
.module-legends .mlcu {
    background-color: rgba(var(--secondaryColor));
    padding: 0.1rem 0.7rem;
    margin-right: 0.625rem;
}
.module-legends .mlp {
    background-color: var(--textLight);
    padding: 0.1rem 0.7rem;
    margin-right: 0.625rem;
}
/* syllabus */
.course-syllabus-card {
    background-color: rgba(var(--thirdColor));
    border-radius: 0.3125rem 0.3125rem 0 0;
}
.course-syllabus-title H3 {
    font-size: 1.2rem;
    color: rgba(var(--white));
    font-weight: 500;
}
.course-syllabus-content h3 {
    font-size: 1rem;
    color: var(--darkTxtColor);
    font-weight: 500;
}
.course-syllabus-content p {
    margin: 0;
    color: var(--textLight);
}
.digital-content .content-area .material-icons {
    position: absolute;
    color: rgba(var(--thirdColor));
    margin-left: 0.3125rem;
    margin-top: 0;
}
.preference-content {
    border-right: 0.625rem solid rgba(var(--secondaryColor));
}
/*announcment css starts*/
.announcement-card {
    box-shadow: 0 0 1.875rem rgb(0 0 0 / 8%);
}
.announcement-card .card-header {
    background-color: rgba(var(--secondaryColor));
}
.announcement-card .card-header h3 {
    color: var(--textLight);
}
.announcement-card .card-body {
    min-height: calc(65vh);
    overflow-y: auto;
}
.announcement-card .card-body p {
    color: var(--textLight);
    font-weight: 550;
    font-size: 0.9rem;
}
/* Trainingplan course details code */
.bg-trainingplan {
    background-color: rgba(var(--fourthColor), 0.1);
    border-radius: 0.625rem;
    box-shadow: 0 0 1rem #0000001f;
}
.row-margin-set {
    margin-right: 0 !important;
    margin-left: 0 !important;
    background-color: rgba(var(--secondaryColor));
    border-radius: 0.625rem 0.625rem 0 0;
}
.training-course-title {
    min-height: 6.25rem;
}
.training-course-title img {
    background-color: rgba(var(--fourthColor), 0.1);
    border-radius: 0.75rem;
    border: 0.0625rem solid rgba(var(--fourthColor), 0.3);
    padding: 0.063rem;
    width: 100%;
    max-height: 4.375rem;
    height: 100%;
}
.course-details-head p {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.countlist {
    background: rgba(var(--secondaryColor));
    padding: 0.5rem 1rem;
    border-radius: 0.25rem;
}
.f-s-14 {
    font-size: 0.8rem !important;
    font-weight: 600;
}
.schedule-card {
    box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.08);
}
.schedule-card .card-header {
    background-color: rgba(var(--secondaryColor));
    padding-left: 6%;
    padding-right: 4%;
}
.schedule-card .card-body {
    padding-left: 6%;
    padding-right: 4%;
}
#schedule {
    display: none;
}
#doc-preview-model .modal-dialog {
    max-width: 80vw;
}
.i-frame-h {
    height: 86vh !important;
}
.done-switch {
    display: inline-block;
    height: 2.125rem;
    position: relative;
    width: 3.75rem;
    top: 1.25rem;
}
.done-switch input {
    display: none;
}
.confirm {
    background-color: var(--lightGrey);
    bottom: 0;
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.4s;
}
.confirm:before {
    background-color: rgba(var(--white));
    bottom: 0.25rem;
    content: "";
    height: 1.625rem;
    left: 0.25rem;
    position: absolute;
    transition: 0.4s;
    width: 1.625rem;
}
input:checked+.confirm {
    background-color: rgba(var(--secondaryColor));
}
input:checked+.confirm:before {
    transform: translateX(1.625rem);
}
.confirm.round {
    border-radius: 2.125rem;
}
.confirm.round:before {
    border-radius: 50%;
}
.done-text {
    display: inline;
    color: rgba(var(--thirdColor));
}
/*training plan card*/
.training_plan_card {
    box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.07);
    border-radius: 0.625rem;
}
.training_plan_card .card-header {
    background-color: rgba(var(--fourthColor), 0.3);
    width: 100% !important;
}
.training_plan_card .card-body {
    background-color: rgba(var(--fourthColor), 0.1);
}
.training_plan_card .card-header .auto-schedule label {
    color: rgba(var(--secondaryColor));
    text-decoration: underline;
    font-weight: 600;
}
.training_plan_card .card-header .user-name label {
    font-size: 1.2rem;
    color: var(--textDefaultColor);
}
.training_plan_card .card-header .user-name {
    margin-left: 50%;
    transform: translate(-46%, 0);
}
.schedule-row-btn-section .btn-blue {
    background: rgba(var(--thirdColor));
}
.schedule-row-btn-section .btn-blue:hover {
    background: rgba(var(--secondaryColor));
    color: var(--textLight) !important;
}
/* Dashboard code */
.master-box1 {
    box-shadow: 0 0 1.875rem rgb(0 0 0 / 0%);
    position: relative;
    cursor: pointer;
    border-radius: 0.625rem;
    transform: 0.5s;
}
.master-box1 .bg-green {
    border-bottom-right-radius: 0.625rem;
    border-bottom-left-radius: 0.625rem;
}
.master-box1 .pc-2 {
    padding: 0.5rem !important;
}
.f-s-14 {
    font-size: 0.875rem;
    text-align: center;
    color: var(--darkTxtColor);
}
.f-s-16 {
    font-size: 0.8rem;
    text-align: center;
    color: rgba(var(--white));
}
.bg-green {
    background-color: rgba(var(--secondaryColor)) !important;
    padding: 0.3125rem 0 !important;
}
.w-35 {
    width: 2.1875rem;
}
.master-box1:hover {
    box-shadow: 0 0 1.875rem rgb(0 0 0 / 10%);
}
.row-height {
    height: calc(100vh - 11.3125rem);
    overflow-y: auto;
    overflow-x: hidden;
}
.row-height .scroll-element.scroll-y {
    width: 0.1875rem;
    right: 0;
}
.row-height:not(:hover) .scroll-element {
    opacity: 0;
}
.row-height>.scroll-element.scroll-y {
    height: 100%;
    right: 0.125rem;
    top: 0;
    width: 0.25rem;
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
.row-height>.scroll-element,
.row-height>.scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
.scroll-element {
    box-sizing: content-box;
    display: none;
}
.row-height .scroll-element.scroll-x {
    height: 0.1875rem;
    bottom: 0;
}
.row-height:not(:hover) .scroll-element {
    opacity: 0;
}
.row-height>.scroll-element.scroll-x {
    bottom: 0.125rem;
    height: 0.5rem;
    left: 0;
    width: 100%;
}
.row-height>.scroll-element .scroll-bar {
    background-color: var(--lightMidGrey);
}
.row-height>.scroll-element .scroll-element_track,
.row-height>.scroll-element .scroll-bar {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
}
.row-height>.scroll-element .scroll-element_outer,
.row-height>.scroll-element .scroll-element_track,
.row-height>.scroll-element .scroll-bar {
    -webkit-border-radius: 0.5rem;
    -moz-border-radius: 0.5rem;
    border-radius: 0.5rem;
}
.row-height>.scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
.scroll-element div {
    box-sizing: content-box;
}
.card-title1 {
    margin-bottom: 0.3125rem !important;
}
.position-set {
    position: fixed;
    padding-right: 3.75rem;
}
/* Highchart */
.highcharts-figure,
.highcharts-data-table table {
    min-width: 19.375rem;
    max-width: 50rem;
    margin: 1em auto;
}
.highcharts-data-table table {
    font-family: var(--fontFamily);
    border-collapse: collapse;
    border: 0.0625rem solid var(--lightGrey);
    margin: 0.625rem auto;
    text-align: center;
    width: 100%;
    max-width: 31.25rem;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: var(--textLight);
}
.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: var(--smokeWhite);
}
.highcharts-data-table tr:hover {
    background: rgba(var(--fourthColor), 0.2);
}
.highcharts-credits {
    display: none !important;
}
.module-accordion .digital-content .content-area legend {
    margin-bottom: 0;
    font-size: 1.1rem;
    font-weight: 600;
    position: relative;
    right: 1.25rem;
    top: -0.625rem;
}
.course-details-title {
    min-height: 6.25rem;
}
.course-details-title img {
    background-color: rgba(var(--fourthColor), 0.2);
    border-radius: 0.75rem;
    border: 0.0625rem solid rgba(var(--fourthColor), 0.4);
    padding: 0.313rem;
    width: 100%;
    max-height: 4.375rem;
    height: 100%;
    box-shadow: 0.3125rem 0.25rem 0.3125rem 0.0625rem var(--smokeWhite);
}
.w-20 {
    width: 20%;
}
.w-30 {
    width: 30%;
}
.w-max-content {
    width: max-content;
}
/* Chat-box */
.profile-drop_down {
    width: max-content;
    min-width: 14rem;
    box-shadow: 0 0 1.875rem rgb(0 0 0 / 8%);
}
.profile-drop_down .dropdown-item-text p {
    font-size: 0.95rem;
    font-weight: 600;
}
.profile-drop_down .dropdown-item {
    font-size: 0.95rem;
}
.switch-field {
    display: flex;
    overflow: hidden;
}
.switch-field [type="radio"]:not(:checked)+label:before {
    border: none !important;
}
.switch-field [type="radio"]:checked+label:after {
    border: none !important;
}
.switch-field [type="radio"]:checked+label {
    color: rgba(var(--thirdColor));
    font-weight: 600;
}
.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 0.0625rem;
    width: 0.0625rem;
    border: 0;
    overflow: hidden;
    margin-bottom: 0;
}
.switch-field label {
    background-color: rgba(var(--white));
    color: rgba(0, 0, 0, 0.6);
    font-size: 0.875rem;
    line-height: 1;
    text-align: center;
    padding: 0.5rem 1rem;
    margin-right: -0.0625rem;
    margin-bottom: 0;
    transition: all 0.1s ease-in-out;
}

.switch-field input:checked+label {
    background-color: #c7e064;
    box-shadow: none;
}
.switch-field label:first-of-type {
    border-radius: 0.625rem 0 0 0.625rem;
}
.switch-field label:last-of-type {
    border-radius: 0 0.625rem 0.625rem 0;
}
/* survey form page start*/
.survey-section {
    height: 100%;
}
.custom-radio-survey {
    display: flex;
    padding-left: 2rem;
}
.survey-img {
    width: 100%;
}
.survey-card {
    margin: 0 4rem;
    border: none;
    background: transparent;
}
.survey-header {
    background-color: rgba(var(--secondaryColor));
}
.survey-body {
    background-color: var(--smokeWhite);
    box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.08);
    height: calc(100vh - 16rem);
    overflow: auto;
    padding: 2rem 3rem;
}
.survey-report-card .card-header {
    background-color: rgba(var(--secondaryColor));
}
.survey-report-details p {
    color: var(--textLight);
    font-size: 0.95rem;
}
.survey-report-details label {
    font-size: 0.94rem;
}
/* psychometric css start*/
.highcharts-figure,
.highcharts-data-table table {
    min-width: 19.375rem;
    max-width: 50rem;
    margin: 1em auto;
}
#container {
    height: 25rem;
}
.highcharts-data-table table {
    font-family: var(--fontFamily);
    border-collapse: collapse;
    border: 0.0625rem solid var(--lightGrey);
    margin: 0.625rem auto;
    text-align: center;
    width: 100%;
    max-width: 31.25rem;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: var(--textLight);
}
.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: var(--smokeWhite);
}
.highcharts-data-table tr:hover {
    background: rgba(var(--fourthColor), 0.1);
}
.titlehead,
.timetaken {
    color: rgba(var(--thirdColor));
    font-size: 1rem;
    font-weight: 600;
}
.timetaken {
    color: var(--darkTxtColor);
}
.card-title {
    color: rgba(var(--thirdColor));
    font-weight: 500;
}
.cardheadbr {
    width: 70%;
    border: none;
    border-bottom: 0.1875rem solid rgba(var(--thirdColor));
}
.actionwholecard {
    min-height: 32rem;
}
.zoom-card-in {
    transition: 0.5s ease-in-out all;
}
.min-h-116 {
    min-height: 7.25rem;
}
.zoom-card-in:hover {
    transform: scale(1.1);
}
.cardcolor-green {
    border-left: 0.5rem solid rgba(var(--secondaryColor));
    background-color: rgba(var(--secondaryColor), 0.3);
}
.cardcolor-lightblue {
    border-left: 0.5rem solid rgba(var(--purple));
    background-color: rgba(var(--purple), 0.3);
}
.cardcolor-orange {
    border-left: 0.5rem solid #ff891c !important;
    background-color: #ffcf83 !important;
}
.cardcolor-blue {
    border-left: 0.5rem solid rgba(var(--thirdColor));
    background-color: rgba(var(--thirdColor), 0.3);
}
.cardcolor-yellow {
    border-left: 0.5rem solid rgba(var(--primaryColor));
    background-color: rgba(var(--primaryColor), 0.3);
}
.cardcolor-paleyellow {
    border-left: 0.5rem solid rgba(var(--orangeYellow));
    background-color: rgba(var(--orangeYellow), 0.3);
}
.cardcolor-darkgreen {
    border-left: 0.5rem solid #40c876;
    background-color: #d1f0e0;
}
.actioncircle-green {
    background-color: rgba(var(--secondaryColor));
}
.actioncircle-blue {
    background-color: rgba(var(--thirdColor));
}
.actioncircle-yellow {
    background-color: rgba(var(--primaryColor));
}
.actioncircle-orange {
    background-color: #ff891c;
}
.actioncircle-paleyellow {
    background-color: rgba(var(--orangeYellow));
}
.actioncircle-lightblue {
    background-color: rgba(var(--purple));
}
.actioncircle {
    border-radius: 0.5rem;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 3.125rem;
}
.outcometext {
    font-size: 1rem;
    font-weight: 600;
    color: var(--darkTxtColor);
}
.medium-font-size {
    font-size: 0.94rem;
}
/* psychometric css end */
.survey-titles h3 {
    font-size: 1.1rem;
    color: rgba(var(--thirdColor));
}
/* survey form page end*/
/* module assessment report code */
.report-card {
    box-shadow: 0 0 1.875rem rgb(0 0 0 / 8%);
}
.report-card .card-header {
    background-color: rgba(var(--secondaryColor));
    border-radius: 0.375rem 0.375rem 0 0 !important;
}
.report-card .card-header h3 {
    color: var(--darkTxtColor);
    font-size: 1.125rem;
    font-weight: 400;
    text-align: center;
}
.report-card .card-body {
    background: var(--smokeWhite) !important;
}
.report-head {
    background-color: rgba(var(--white));
    border-radius: 0.625rem;
}
.report-score {
    height: 76%;
}
.report-score-text {
    color: var(--textLight);
    font-weight: 500;
}
.percentage-text1 {
    font-size: 1.5rem;
    border-radius: 0 0 0.625rem 0.625rem;
    padding: 0.3125rem 0.625rem;
    background-color: rgba(var(--thirdColor));
    color: rgba(var(--white));
    font-weight: 500;
}
.percentage-text2 {
    font-size: 1.5rem;
    border-radius: 0 0 0.625rem 0.625rem;
    padding: 0.3125rem 0.625rem;
    background-color: rgba(var(--thirdColor));
    color: rgba(var(--white));
}
.bg-gray-custom {
    background-color: var(--textLight);
    border-radius: 0.625rem;
}
/* chart css */
.highcharts-figure,
.highcharts-data-table table {
    min-width: 100%;
    max-width: 100%;
    margin: 1em auto;
}
.highcharts-data-table table {
    font-family: var(--fontFamily);
    border-collapse: collapse;
    border: 0.0625rem solid var(--smokeWhite);
    margin: 0.625rem auto;
    text-align: center;
    width: 100%;
    max-width: 31.25rem;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: var(--textLight);
}
.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: var(--textLight);
}
.highcharts-data-table tr:hover {
    background: rgba(var(--fourthColor), 0.3);
}
.highcharts-credits {
    display: none !important;
}
.highcharts-container {
    width: 100% !important;
}
.highcharts-root {
    width: 100% !important;
}
.proctoring-reportcard {
    height: 22rem;
    overflow: auto;
}
.radio-pt label {
    padding-top: 0.125rem;
}
.heading-border {
    margin-bottom: 1rem;
    border-radius: 0.625rem;
    background: rgba(var(--fourthColor), 0.1);
}
.Syllabus-btn {
    border-radius: 0.3125rem;
    padding: 0.313rem;
    margin-top: -0.25rem;
    color: var(--darkTxtColor);
    font-size: 0.75rem;
    position: absolute;
    right: 1.25rem;
    bottom: 0;
}
.syllabus {
    border: 0.0625rem solid #0acf83;
    padding: 0.1875rem 0.3125rem;
    border-radius: 0.3125rem;
    font-weight: 600 !important;
}
.syllabus:hover {
    background: #0acf83;
    color: rgba(var(--white)) !important;
}
.f-s-14px {
    font-size: 0.875rem;
}
.text-green {
    color: #0acf83 !important;
    font-weight: 400;
}
.text-green .material-icons {
    font-size: 1.125rem;
}
/* candidate Dashboard css */
.cand-card-icons {
    width: 5rem;
}
.cand-card-output {
    font-size: 0.8rem;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.coin-img-card {
    border-radius: 0.5rem 0.5rem 0 0;
    min-height: 7.5rem;
}
.coin_img {
    width: 10rem;
    padding: 1.5rem;
    margin-bottom: -3rem;
    animation: rotation 4s infinite linear;
}
@keyframes rotation {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(359deg);
    }
}
.ranking-card {
    transition: 0.5s ease-in-out all;
    box-shadow: 0 0.5rem 1.9375rem 0.125rem rgba(210, 210, 210, 0.2);
}
.ranking-card:hover {
    transform: scale(1.1);
}
.cand-coinearned-card {
    background-color: #fff6e0;
    padding: 1rem;
    border-radius: 0 0 0.5rem 0.5rem;
}
.cand-coinranking-card {
    background-color: #fff6e0;
    padding: 1rem;
    border-radius: 0.5rem 0.5rem 0 0;
    min-height: 8.5rem;
}
.coin-rank-img {
    border-radius: 0 0 0.5rem 0.5rem;
}
.coin-count {
    color: #fa9715;
    font-size: 2.5rem;
    font-weight: 600;
}
.ranking-detail-card {
    position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.ranking-detail {
    background-color: rgba(var(--thirdColor));
    padding: 0.8rem;
    border-radius: 0.625rem;
    color: white;
}
.ranking-img {
    width: 5rem;
    margin-top: 2rem;
}
/*message page css*/
.message-list-card {
    background-color: var(--cardFourthColor);
    border-radius: 0.625rem;
}
.message-list-card:nth-child(1) {
    margin-top: 1rem;
}
.message-list-card .avatar-profile img {
    width: 3.5rem;
}
.message-list-card .user-name:nth-child(1) label {
    color: rgba(var(--secondaryColor));
}
.message-list-card .user-name:nth-child(2) label {
    color: var(--textDefaultColor);
}
.company-btn {
    background-color: #f5f9fd;
    color: #847f7f;
    font-size: 0.95rem;
}
.message-border {
    border-color: #acacac !important;
}
.user-info-status {
    color: #a1b6c9;
    font-size: 0.95rem;
}
.user-name label {
    color: rgba(var(--thirdColor));
    font-size: 0.95rem;
    font-weight: 500;
}
.customize-col-l2 {
    max-width: calc(100% - 5.8125rem);
}
.customize-col {
    max-width: calc(100% - 3rem) !important;
}
.comments p {
    width: 85%;
    font-size: 0.9rem;
}
.btn-viewAll {
    color: rgba(var(--primaryColor));
    font-weight: 540;
    font-size: 0.95rem;
}
.btn-reply {
    background-color: rgba(var(--secondaryColor));
    color: #f6f8f9;
    font-weight: 500;
    font-size: 0.95rem;
}
.btn-reply:hover {
    background: rgba(var(--thirdColor));
    color: rgba(var(--white));
    font-weight: 400;
}
.autosize {
    resize: none;
    overflow: hidden;
}
.reply textarea {
    border-left: none;
    border-top: none;
    border-right: none;
    background: none;
    min-height: 0.9375rem;
}
.reply textarea.autosize.w-100 {
    outline: none;
}
.cancel-reply-btn {
    color: #847f7f;
    text-decoration: underline;
    font-size: 1.1rem;
}
.over-hide {
    overflow: hidden !important;
}
.over-show {
    max-height: 7.75rem;
    overflow-y: scroll !important;
}
.comments-all .col-lg-12:last-child {
    padding-bottom: 0 !important;
}
.create-msg {
    font-size: 1.2rem;
    color: rgba(var(--thirdColor));
    font-weight: 600;
}
.dt-container {
    width: 100% !important;
}
/*admin message list css*/
.message-list-tab {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
}
/*Message css End*/
/* candidate-transcript code */
.master-box-candidate {
    padding: 0 3.125rem;
    box-shadow: 0 0 1.875rem rgb(0 0 0 / 8%);
    position: relative;
    border-left: 0.3125rem solid rgba(var(--thirdColor));
}
.master-box-candidate1 {
    padding: 0 3.125rem;
    box-shadow: 0 0 1.875rem rgb(0 0 0 / 8%);
    position: relative;
}
.transcript-title {
    color: #587d9f;
}
.transcript-title-label {
    color: #587d9f;
    font-size: 0.875rem;
}
.question-title {
    font-size: 0.875rem;
    position: relative;
    top: 0.5rem;
}
.tran-question p {
    position: relative;
    top: 0.5rem;
}
.tran-option p {
    position: relative;
    top: 0.5rem;
}
.transcript-data {
    font-size: 0.875rem;
}
.text-transcript {
    color: #42484e;
}
.transcript-details-card {
    box-shadow: none !important;
    border-radius: 0.625rem;
    border: 0.0625rem #dbdbdb solid;
}
.transcript-badge {
    background-color: rgba(var(--thirdColor));
    color: rgba(var(--white));
    border-radius: 100%;
    width: 1.875rem;
    height: 1.875rem;
    min-height: 1.875rem;
    min-width: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
}
.transcript-badge-option {
    display: inline-block;
    background-color: #0000004d;
    color: rgba(var(--white));
    border-radius: 100%;
    min-width: 1.875rem;
    width: 1.875rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
}
.transcript-badge-option p {
    margin-left: 0.5rem;
    margin-top: 1rem;
}
.bg-light-blue {
    background-color: rgba(var(--fourthColor));
    border-radius: 0.625rem;
}
.btn-max-mark {
    background-color: rgba(var(--secondaryColor));
    border: none;
    border-radius: 0.625rem;
    padding: 0.625rem 1.25rem;
    font-weight: 600;
    font-size: 0.875rem;
    color: rgba(var(--white));
}
.max-score-badge {
    background-color: transparent !important;
    border: 0.0625rem solid rgba(var(--thirdColor)) !important;
    color: rgba(var(--thirdColor)) !important;
}
.btn-obtained-mark {
    background-color: rgba(var(--primaryColor));
    border: none;
    border-radius: 0.625rem;
    padding: 0.625rem 1rem;
    font-weight: 600;
    font-size: 0.875rem;
}
.f-s-14 {
    font-size: 0.875rem;
}
.border-bottom-option {
    border-bottom: 0.0625rem solid #a4abb2;
    border-bottom-style: dashed;
}
.correct-answer-title {
    color: rgba(var(--secondaryColor));
    font-weight: 500;
    padding-right: 0 !important;
}
.option-crt-btn {
    font-size: 0.75rem;
    padding: 0.625rem 0.4375rem;
    background: none;
    border-radius: 0.625rem;
    border: 0.0625rem solid #4ecb71;
    border-style: dashed;
    color: #4ecb71;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.option-crt-btn .material-icons {
    padding-right: 0.25rem;
}
.correct-candidate-title {
    color: #f42c2c;
    font-weight: 500;
    font-size: 0.813rem;
}
.option-candidate-btn {
    font-size: 0.75rem;
    width: 100%;
    padding: 0.625rem 0.4375rem;
    background: none;
    border-radius: 0.625rem;
    border: 0.0625rem solid #f42c2c;
    border-style: dashed;
    color: #f42c2c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.option-candidate-btn .material-icons {
    padding-right: 0.25rem;
}
.option-img {
    width: 1.25rem;
}
.option-img1 {
    width: 1.875rem;
}
.sec-custom {
    color: #587d9f;
    font-size: 0.875rem;
}
.spent-time-custom {
    line-height: 1.25rem;
}
.spent-time-card-custom {
    border: 0.0625rem solid #d6e0ed;
    border-style: dashed;
    border-radius: 0.625rem;
    padding: 0.3125rem 0.625rem;
}
.f-s-8 {
    font-size: 0.875rem;
    text-align: left;
    color: var(--darkTxtColor);
}
/* Training dashboard */
.training-dashboard .cardcolor-yellow {
    border-left: 0.5rem solid rgba(var(--primaryColor));
    background-color: rgba(var(--primaryColor), 0.3);
}
.training-dashboard .cardcolor-dgreen {
    border-left: 0.5rem solid #40c876;
    background-color: #d1f0e0;
}
.training-dashboard .count {
    height: 3.75rem;
    border-radius: 0.5rem;
    display: inline-block;
    text-align: center;
    line-height: 3.75rem;
    font-weight: 600;
    font-size: 1.1rem;
    padding: 0 1.2rem;
}
.training-dashboard .green-count {
    background-color: #c9e265;
}
.training-dashboard .blue-count {
    background-color: rgba(var(--thirdColor));
    color: rgba(var(--white));
}
.training-dashboard .yellow-count {
    background-color: rgba(var(--primaryColor));
    color: rgba(var(--white));
}
.training-dashboard .dgreen-count {
    background-color: #40c876;
    color: rgba(var(--white));
}
.training-dashboard .card-content {
    width: 15rem;
}
.training-dashboard .card-content h6 {
    line-height: 1.25rem;
    font-size: 0.95rem;
    font-weight: 450 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
}
.training-dashboard-graph .graph-title {
    background-color: rgba(var(--fourthColor));
    padding: 1rem;
    border-top-right-radius: 0.625rem;
    border-top-left-radius: 0.625rem;
}
.training-dashboard .col-lg-4:nth-child(odd) .actioncard {
    border-left: 0.5rem solid rgba(var(--primaryColor));
    background-color: rgba(var(--primaryColor), 0.3);
}
.training-dashboard .col-lg-4:nth-child(odd) .actioncard .count {
    background-color: rgba(var(--primaryColor));
    color: rgba(var(--white));
}
.training-dashboard .col-lg-4:nth-child(even) .actioncard {
    border-left: 0.5rem solid rgba(var(--secondaryColor));
    background-color: rgba(var(--secondaryColor), 0.3);
}
.training-dashboard .col-lg-4:nth-child(even) .actioncard .count {
    background-color: rgba(var(--secondaryColor));
    color: rgba(var(--white));
}
.training-dashboard-graph .graph-title img {
    width: 2.5rem;
    margin-right: 0.8rem;
}
.training-dashboard-graph .graph-title h3 {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 400;
}
.training-dashboard-graph .users-count {
    background-color: #f2f6ff;
    padding: 1.2rem 1.5rem !important;
    border-radius: 0.625rem;
    border: 0.0625rem dotted var(--primaryBlue);
}
.cust-pt-pb-2 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
}
.training-dashboard-graph .users-count .text h3 {
    font-size: 0.98rem;
}
.training-dashboard-graph .users-count .data {
    background-color: rgba(var(--thirdColor));
}
.training-dashboard-graph .users-count .data p {
    margin: 0;
    color: rgba(var(--white));
}
.training-dashboard-graph .date-filter {
    background-color: rgba(var(--white));
    padding: 1.3rem;
    border-radius: 0.625rem;
}
.training-dashboard-graph .date-filter .mb-3 {
    margin-bottom: 0;
}
.training-dashboard-graph .graph-title .material-icons {
    position: relative;
    top: 0.3125rem;
    left: -0.3125rem;
    color: rgba(var(--secondaryColor));
}
/* Second training dasboard */
.training-dashboard-filter .module-filter,
.training-dashboard-filter .course-filter {
    background-color: rgba(var(--white));
    padding: 1rem;
    border-radius: 0.625rem;
}
.training-dashboard-filter .module-filter legend,
.training-dashboard-filter .course-filter legend {
    background-color: rgba(var(--thirdColor));
    padding: 0.2rem 1rem 0.5rem 0.5rem;
    border-radius: 0.625rem;
    color: rgba(var(--white));
    margin: 0;
    font-size: 1rem;
    width: auto;
}
.training-dashboard-filter .module-filter legend .material-icons,
.training-dashboard-filter .course-filter legend .material-icons {
    position: relative;
    top: 0.375rem;
}
.training-dashboard-filter .course-filter .course-scroll .course-title {
    background-color: #d6e0ed;
    padding: 0.8rem;
    border-top-right-radius: 0.625rem;
    border-top-left-radius: 0.625rem;
}
.training-dashboard-filter .course-filter .course-scroll .course-title label {
    font-size: 1rem !important;
    margin-bottom: 0;
}
.training-dashboard-filter .course-filter .course-scroll .course-title .styled-checkbox+label:before {
    border: 0.0625rem solid #e8e7e7;
}
.training-dashboard-filter .course-filter .course-scroll .course-module-list {
    padding: 1rem;
    border: 0.0625rem solid #e8e7e7;
    min-height: 7.5rem;
}
.training-dashboard-filter .course-filter .course-scroll .course-module-list .modules-list {
    display: flex;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    align-content: center;
}
.training-dashboard-filter .course-filter .course-scroll .course-module-list .module-list label {
    font-size: 1rem !important;
    margin-bottom: 0;
}
.training-dashboard-filter .course-filter .course-scroll .course-module-list .modules-list .styled-checkbox+label:before {
    border: 0.0625rem solid #e8e7e7;
}
.training-dashboard-filter .course-filter .course-scroll .course-module-list .modules-list p {
    margin-right: 1.2rem;
}
.training-dashboard-filter .course-carousel .col-md-4 {
    max-width: 100%;
}
.training-dashboard-filter .card .card-header {
    background-color: rgba(var(--fourthColor));
}
.training-dashboard-filter .card-header legend {
    font-size: 1.1rem;
    font-weight: 500;
}
.training-dashboard-filter .card-header legend span {
    color: rgba(var(--secondaryColor));
}
.training-dashboard-card {
    border-radius: 0.625rem;
}
.training-dashboard-card .card-header {
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    left: 48%;
    top: 95%;
    background-color: rgba(var(--primaryColor)) !important;
    display: block;
    padding: 0 0.3em !important;
    font-size: 1.4rem !important;
    margin: 0;
    cursor: pointer;
    color: rgba(var(--white)) !important;
    transform: translate(-50%, -50%);
    width: 1.5625rem;
    border-radius: 0.3125rem;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot.owl-nav {
    position: absolute;
    right: 48%;
    top: 95%;
    background-color: rgba(var(--primaryColor)) !important;
    display: block;
    padding: 0 0.3em !important;
    font-size: 1.4rem !important;
    margin: 0;
    cursor: pointer;
    color: rgba(var(--white)) !important;
    transform: translate(-50%, -50%);
    width: 1.5625rem;
    border-radius: 0.3125rem;
}
.training-dashboard-graph .graph-content {
    background-color: rgba(var(--white));
    padding: 1rem;
    padding-left: 1.4rem;
    padding-right: 1.4rem;
}
.training-dashboard-graph .sub-graph {
    padding: 0.5rem;
    border-radius: 0.625rem;
    border: 0.0625rem solid #d6e0ed;
}
.training-dashboard-graph .sub-graph h5,
.training-dashboard-graph .graph-content h5 {
    color: rgba(var(--thirdColor));
    font-size: 1rem;
    font-weight: 600;
    margin-top: 1rem;
    margin-bottom: 0.9rem;
}
.training-dashboard-graph .sub-left {
    max-height: 30rem;
    overflow-y: auto;
    overflow-x: hidden;
}
.training-dashboard-graph .actioncard:hover {
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
    transform: scale(1.02);
    cursor: pointer;
}
.training-dashboard-graph .card-content {
    width: 15rem;
}
.training-dashboard-graph .blue-count {
    background-color: rgba(var(--thirdColor));
    color: rgba(var(--white));
}
.training-dashboard-graph .green-count {
    background-color: rgba(var(--secondaryColor));
    color: rgba(var(--white));
}
.training-dashboard-graph .count {
    height: 3.75rem;
    width: 4.375rem;
    border-radius: 15%;
    display: inline-block;
    text-align: center;
    line-height: 3.75rem;
    font-weight: 600;
}
.training-dashboard-graph .sub-graph h6 {
    line-height: 1.625rem;
}
.training-dashboard-graph .units-list {
    max-height: 12.5rem;
    overflow-y: scroll;
}
.training-dashboard-graph .graph-content .units-list .uls {
    border-radius: 0.25rem;
    padding: 0.8rem;
    align-items: center;
    font-weight: 500;
    font-size: 1rem;
    background-color: var(--lightGrey);
    color: rgba(var(--text));
    margin-bottom: 0.5rem;
    cursor: pointer;
    margin-right: 0.625rem;
}
.training-dashboard-graph .graph-content .units-list .uls:hover,
.training-dashboard-graph .graph-content .units-list .uls[aria-expanded="true"] {
    background-color: rgba(var(--secondaryColor)) !important;
    color: rgba(var(--white)) !important;
}
.module-scores-card .units-cards {
    background: rgba(var(--fourthColor), 0.1);
    padding: 1rem;
    border-radius: 0.375rem;
}
.filter-heading {
    text-decoration: underline;
    font-size: 1.4rem;
    color: rgba(var(--secondaryColor));
}
.card-footer {
    background: transparent !important;
    border-top: none !important;
}
.pre-btn {
    background-color: #d3e1ea;
    color: #403c3c;
    font-size: 0.6rem;
}
.pre-btn:hover {
    background-color: rgba(var(--white));
    border: 0.0625rem solid rgba(var(--thirdColor));
    color: #403c3c;
}
.view-report-tab .min-h-30rem {
    min-height: 30rem !important;
}
.assesment-tab-min-h .min-h-30rem {
    min-height: 30rem !important;
}
.survey-tab-h .min-h-30rem {
    min-height: 30rem !important;
}
.survey-tab-h .max-h-30rem {
    max-height: 5rem !important;
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice {
    min-height: 1.5625rem !important;
}
/*view questions css starts*/
.border_left-green {
    border-left: 0.3125rem solid rgba(var(--secondaryColor)) !important;
}
.border_left-thirdColor {
    border-left: 0.3125rem solid rgba(var(--thirdColor)) !important;
}
.question-box {
    background-color: #d6e0ed;
    border-radius: 0.4375rem;
}
.green_dot {
    width: 1.25rem;
    height: 1.25rem;
    background-color: rgba(var(--secondaryColor));
    border-radius: 100%;
}
.option_badge {
    background-color: #d6e0ed;
    font-weight: 440;
    color: var(--darkTxtColor);
    height: 2.9375rem;
}
.dotted-border {
    border-bottom: 0.0625rem dotted #a4abb2;
}
.score__badge {
    background-color: rgba(var(--thirdColor));
    font-weight: 600;
}
.max-w-145 {
    max-width: 9.063rem;
}
.third-clr-border {
    border: 0.125rem dotted rgba(var(--thirdColor));
}
.third-clr-text {
    color: rgba(var(--thirdColor));
}
.options_section p {
    font-size: 0.9rem;
    line-height: 1.0625rem;
}
.option-crt-btn {
    font-size: 0.75rem;
    padding: 0.625rem 0.4375rem;
    background: none;
    border-radius: 0.625rem;
    border: 0.0625rem solid #4ecb71;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-style: dashed;
    color: #4ecb71;
    width: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.medium-font-size {
    font-size: 0.94rem;
}
/*resume admin css starts*/
.resume-card {
    box-shadow: 0 0 1.875rem rgb(0 0 0 / 8%);
}
.btn-dark-blue {
    background-color: var(--primaryBlue);
    color: rgba(var(--white));
    border-radius: 0.6875rem;
}
.panel-Container {
    right: 0;
    height: calc(100vh - 4.625rem);
    background-color: rgba(var(--white));
    width: 30%;
    top: 4.5625rem;
    right: -30%;
    box-shadow: rgba(0, 0, 0, 0.24) 0 0.1875rem 0.5rem;
    transition: left 0.4s linear, right 0.8s ease;
    z-index: 100;
    padding: 2%;
    overflow-y: auto;
}
.slide_out {
    right: 0%;
}
.panel-header {
    background-color: #f8f9fd;
    height: 3.75rem;
}
.panel-header img {
    height: 2.8125rem;
}
.panel-header span {
    color: #587d9f;
}
.panel-Container .iconpicker-popover.popover {
    opacity: 1;
}
.accordion-resume-row {
    background-color: var(--primaryBlue);
    border-radius: 0.625rem;
}
.translate-arrow img {
    transform: rotate(180deg);
}
.resume-add-card .card-header {
    background-color: #f1f1f1;
    border-radius: 0.25rem;
}
.resume-add-card .card-body {
    background-color: #f8f9fd;
}
.color-change .card-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.btn-create {
    background-color: rgba(var(--primaryColor));
    margin-right: 0.4rem;
}
.btn-delete {
    background-color: #e85f66;
}
.btn-drag {
    background-color: rgba(var(--secondaryColor));
}
.edit-section-field {
    background-color: rgba(var(--fourthColor)) !important;
    margin-right: 0.4rem;
}
.delete-section-field {
    margin-right: 0.4rem;
}
.section_fields textarea {
    min-height: 9.0625rem;
    resize: none;
}
.open-panel {
    right: 0;
}
.header-actions img {
    height: 1.5rem;
}
.section_actions img {
    height: 1.5rem;
}
.resume-template-card .card-header {
    background-color: #c9e265;
}
.icon i {
    font-size: 1.6rem;
    color: rgba(var(--secondaryColor)) !important;
}
.section-block-card {
    border: 0.0625rem solid #acacac;
    border-radius: 0.25rem;
}
.section-name {
    color: var(--darkTxtColor) !important;
}
.resume-add-card .icon {
    width: 2.5rem;
}
.notification-icon {
    animation: bell 2s infinite;
}
@keyframes bell {
    5% {
        transform: rotate(10deg);
    }
    10% {
        transform: rotate(-10deg);
    }
    15% {
        transform: rotate(10deg);
    }
    20% {
        transform: rotate(0deg);
    }
}
#scroll {
    display: none;
    position: fixed;
    bottom: 1.25rem;
    right: 2.5rem;
    z-index: 999;
    font-size: 1.125rem;
    border: none;
    outline: none;
    background-color: rgba(var(--secondaryColor));
    color: rgba(var(--white));
    cursor: pointer;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 100%;
    transition: all 0.3s ease-in;
}
#scroll .material-icons {
    font-size: 2rem;
}
#scroll:hover {
    background-color: rgba(var(--thirdColor));
    box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.08);
}
.install-btn {
    position: fixed;
    bottom: 1.25rem;
    right: 2.5rem;
    z-index: 999;
    font-size: 1.125rem;
    border: none;
    outline: none;
    background-color: rgba(var(--secondaryColor));
    color: rgba(var(--white));
    cursor: pointer;
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 100%;
    transition: all 0.3s ease-in;
}
.install-btn .material-icons {
    font-size: 2rem;
}
.install-btn:hover {
    background-color: rgba(var(--thirdColor));
    box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.08);
}
.card-icons img {
    width: auto !important;
    margin-right: unset !important;
}
.avg_time_taken {
    min-height: 7.625rem;
    height: 7.625rem;
    padding-top: 3.3rem !important;
}
/* FAQ sttyle starts */
.box-head {
    background-color: #f1f4f9;
    border-radius: 0.625rem 0.625rem 0 0;
}
.faq-innercard {
    border: 0.0625rem solid #eeeeee;
    border-radius: 0.625rem;
}
.custom-collapse-faq {
    border: 0.0625rem solid #eeeeee;
}
.head-role {
    color: rgba(var(--secondaryColor));
    font-weight: 600;
}
.head-action {
    cursor: pointer;
    transition: all 1s ease-in-out;
}
.head-action:hover {
    transform: scale(1.1);
}
/* FAQ sttyle end */
/* candidate FAQ style start */
.accordion-header {
    background-color: #f1f4f9 !important;
    border-bottom: none;
}
.questionans {
    border-bottom: 0.0625rem solid rgba(0, 0, 0, 0.125) !important;
    border-radius: 0 0 0.625rem 0.625rem !important;
}
.questionans .card-header {
    border-radius: 0.625rem 0.625rem 0 0 !important;
}
.head-ques {
    font-size: 0.9rem;
    width: 100%;
    color: rgba(var(--secondaryColor));
    font-weight: 600;
}
.answer {
    font-size: 0.8rem;
}
.faq-dropdown {
    width: 1.6rem;
    cursor: pointer;
    transition: all 200ms ease-in-out;
}
.accordion.show button .faq-dropdown {
    transform: rotate(180deg);
}
.filerows td {
    vertical-align: middle;
}
.img-zoom:hover {
    transition: all 0.4s linear;
    transform: scale(1.2);
}
.pre-screen-assmnt .min-h-30rem {
    min-height: 30rem;
}
.cropper-form .btn-danger:hover {
    background-color: transparent !important;
    color: var(--darkTxtColor) !important;
    border-color: rgba(var(--white)) !important;
}
.custom-error-align .tooltip-validate {
    top: 2.725rem !important;
    right: 1.225rem;
}
table tbody tr td .dropdown-menu {
    width: max-content;
}
.table-action {
    transform: rotate(90deg);
    width: 1.5rem !important;
}
.select2 .dropdown-wrapper {
    z-index: 9 !important;
}
/*new message screen for candidate panel css start*/
.message-panel-container-overlay {
    width: 100vw;
    height: calc(100vh - 4.5625rem);
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    left: 0;
    top: 4.5625rem;
    z-index: 999;
    overflow: hidden;
    margin-left: -100vw;
}
.overlay-in {
    margin-left: 0;
}
.message-panel-container-overlay .message-popup {
    max-width: 34vw;
    width: 100%;
    transition: all 0.4s linear;
    position: absolute;
    left: -30vw;
    z-index: 9999;
}
.message-panel-container-overlay .message-popup .message-popup-header {
    background-color: rgba(var(--fourthColor));
}
.message-panel-container-overlay .message-popup-content {
    min-height: calc(100vh - 7.125rem);
    max-height: calc(100vh - 6.5625rem);
}
.message-popup-show {
    transition: all 0.4s linear;
    left: 0 !important;
}
.detail-message-subject {
    position: absolute;
    background: #deedea;
    max-height: 9.375rem;
    width: 25rem;
    z-index: 9999;
    padding: 1rem;
    border-radius: 0.25rem;
    overflow-y: auto;
}
.close-msg-popup-btn {
    width: 1.5625rem;
    height: 1.6875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: auto !important;
}
.close-msg-screen-btn {
    width: 1.5625rem;
    height: 1.6875rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.message-popup-content .nav-tabs .nav-item .nav-link {
    font-size: 0.84rem;
}
.message-popup-content .nav-tabs .nav-item .nav-link span {
    padding: 0.25rem 0.625rem;
    border-radius: 0.3125rem;
    color: var(--darkTxtColor);
    font-weight: 400;
}
.message-popup-content .nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active span {
    color: rgba(var(--secondaryColor)) !important;
    font-weight: 700 !important;
}
.message-popup-content .nav-tabs .nav-item .nav-link {
    background: 0 !important;
}
.message-unrd-cnt {
    width: 1.25rem;
    height: 1.25rem;
    font-size: 0.8rem;
}
.messages-box {
    cursor: pointer;
    background: #f9f9f9;
}
.messages-box .card-header h6 {
    color: rgba(var(--secondaryColor));
    font-size: 0.9rem;
    font-weight: 600;
}
.messages-box .card-body p {
    font-size: 0.85rem;
    color: #625959;
}
.messages-box .card-body span {
    font-size: 0.8rem;
    color: rgba(var(--fourthColor));
}
.messages-box.active {
    background-color: rgba(var(--fourthColor), 0.2);
}
.messages-box.active .card-header .badge {
    font-weight: 500;
    background: #f5f9fd;
    color: #847f7f;
}
/*hover*/
.messages-box:hover .card-header .badge {
    background: #f5f9fd;
    color: #847f7f;
}
.messages-box:hover {
    transition: all 0.3s linear;
    background-color: #eff9f8;
}
.messages-box .card-header .badge {
    background: #deedea;
    color: var(--darkTxtColor);
    font-weight: 500;
}
.message-popup-content .tab-content {
    overflow-y: auto;
    max-height: calc(100vh - 11.5rem);
}
.chat-screen-container {
    transition: all 0.5s ease-in-out;
    position: absolute;
    left: 34vw;
    width: calc(100vw - 34vw);
    min-height: calc(100vh - 7.125rem);
    opacity: 0;
}
.chat-screen-container .card {
    width: calc(100vw - 34vw);
    min-height: calc(100vh - 4.5rem);
    max-height: calc(100vh - 4.5rem);
}
.chat-screen-container .card-header {
    background-color: var(--smokeWhite);
}
.chat-screen-container .card-header h5 {
    color: rgba(var(--thirdColor));
    font-size: 1rem;
}
.chat-screen-container .card-footer .send-btn {
    background-color: rgba(var(--secondaryColor));
}
.chat-screen-container .message-input {
    background-color: rgba(var(--white));
}
.chat-screen-container .message-input input[type="text"] {
    outline: none;
}
.chat-screen-container .chat-border {
    border-radius: 0.5rem;
}
.chat-screen-container .message-you {
    max-width: 65%;
    margin-left: auto;
    width: fit-content;
}
.message-c .message-text {
    line-height: 1rem;
}
.chat-screen-container .message-you .message-c {
    background-color: #f8f9fd;
    margin-bottom: 1.2rem;
    padding: 0.5rem 1rem;
}
.chat-screen-container .message-sender {
    max-width: 65%;
    width: fit-content;
}
.chat-h-w {
    width: 90%;
}
.chat-screen-container .message-sender .message-c {
    background-color: #eff9f8;
    margin-bottom: 1.2rem;
    padding: 0.5rem 1.4rem;
}
.chat-screen-container .message-you .message-c p,
.message-sender .message-c p {
    color: #6f6b6b;
    font-size: 0.85rem;
}
.chat-screen-container .message-you .message-c .time,
.message-sender .message-c .time {
    color: #847f7f;
    font-size: 0.75rem !important;
}
.chat-screen-container .message-c .dropdown .dropdown-menu ul {
    min-width: 15rem;
    font-size: 0.6rem;
}
.chat-screen-container .message-c .dropdown .dropdown-menu ul li dt,
.chat-screen-container .message-c .dropdown .dropdown-menu ul li dd {
    float: left;
    white-space: nowrap;
}
.chat-order-bottom {
    bottom: 0;
    left: 2%;
    right: 2%;
    max-height: calc(100vh - 13.5rem);
    min-height: calc(100vh - 13.5rem);
    overflow-y: auto;
    padding-left: 2%;
    padding-right: 2%;
}
.opacity-1 {
    transition: all 0.5s ease-in-out;
    opacity: 1;
    z-index: 9999;
}
.create-msgBtn {
    width: 2.625rem;
    height: 2.625rem;
    background-color: rgba(var(--secondaryColor));
    bottom: 1.875rem;
    right: 2.5rem;
    z-index: 9999;
    box-shadow: rgba(0, 0, 0, 0.24) 0 0.1875rem 0.5rem !important;
}
.create-msgBtn:hover {
    background-color: rgba(var(--thirdColor));
}
.company-group-card {
    background-color: var(--smokeWhite);
    cursor: pointer;
}
.company-group-card:hover {
    background-color: var(--lightGrey);
}
.company-group-card .card-header {
    background-color: rgba(var(--fourthColor), 0.2);
}
.company-group-card .card-header h6 {
    color: rgba(var(--thirdColor));
    font-size: 0.9rem;
    font-weight: 600;
}
.company-group-card .card-header p {
    font-size: 0.85rem;
    color: #625959;
}
.company-collapse .card-body {
    background-color: var(--smokeWhite);
}
.company-collapse .messages-box {
    background-color: var(--smokeWhite);
}
.message-panel-container-overlay .toggle-collapse .material-icons {
    color: rgba(var(--thirdColor)) !important;
}
.rotate-arrow .material-icons {
    transform: rotate(-180deg);
}
/*new message screen for candidate panel css start*/
.custom-align-error .tooltip-validate {
    position: absolute !important;
    right: -1.375rem !important;
}
.custom-tooltip-align .tooltip-validate {
    top: 1.0625rem !important;
}
/*candidate resume template start................................*/
.card-shadow {
    box-shadow: 0 0 1.875rem rgb(0 0 0 / 8%);
}
.basic-template-card .card-header {
    background: rgba(var(--fourthColor));
}
.template-thumbnail {
    border: 0.125rem solid #ffd066;
    border-radius: 1.875rem;
}
.basic-template-card .card-body {
    padding-left: 5%;
    padding-right: 5%;
}
.basic-template-card .resume-title h4 {
    color: rgba(var(--secondaryColor));
}
.basic-template-card .resume-title p {
    font-size: 0.9rem;
    width: 80%;
}
/*progress bar resume customization*/
.bar-containers {
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    height: 0.625rem;
    background: #cfd3d7;
}
.bars {
    float: left;
    background: rgba(var(--secondaryColor));
    height: 100%;
    -webkit-border-radius: 0.625rem 0 0 0.625rem;
    -moz-border-radius: 0.625rem 0 0 0.625rem;
    border-radius: 0.625rem 0 0 0.625rem;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    border-radius: 1.25rem;
    /* box-shadow: rgb(0 0 0 / 2%) 0 0.0625rem 0.1875rem 0,
        rgb(27 31 35 / 15%) 0 0 0 0.0625rem; */
}
.percnt-label-div {
    color: rgba(var(--secondaryColor));
}
.can-details-resume-card .nav-pills {
    top: -0.5625rem;
}
.can-details-resume-card .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: rgba(var(--secondaryColor));
    color: rgba(var(--white));
    border: none;
}
.can-details-resume-card .nav-pills .nav-link {
    border-radius: 0.25rem;
    background: rgba(var(--white));
    border: 0.0625rem solid #d6e0ed;
    color: #a9b4c3;
    margin-right: 0.6rem;
    font-weight: 400;
    padding-right: 2.3rem;
    padding-left: 2.3rem;
}
.experience-icon {
    transform: rotate(-51deg);
    margin-top: -0.8125rem;
}
.can-details-resume-card ul {
    padding-left: 3%;
}
.can-details-resume-card .card-body .tab-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-right: 2rem;
    padding-left: 2rem;
}
.can-details-resume-card .card-body {
    padding-left: 4%;
    padding-right: 4%;
}
.can-details-resume-card .card-body .card {
    border-radius: 0.8125rem;
    border: 0.0625rem solid #d6e0ed;
}
.backk-btn {
    background-color: #f8f9fd;
}
.backk-btn:hover {
    background: #a0c2d4;
}
.can-details-resume-card .card-footer {
    padding-left: 4%;
    padding-right: 2.8%;
}
.profile-upload-container {
    background-color: #f8f9fd;
    min-height: 19.063rem;
    border-radius: 0.375rem;
}
.upload-photo-div .close-upload {
    background-color: #ffd7d7;
    width: 3.375rem;
    height: 3.125rem;
    margin-left: auto;
    margin-right: 0.625rem;
    border-radius: 0.5rem;
}
.upload-photo-div:empty {
    display: none;
}
.close-upload .material-icons {
    color: #ff364e;
    margin-top: 50% !important;
    transform: translate(0, -0.875rem);
}
.cust-resume-tool .tooltip-validate {
    top: 2.8125rem;
}
/*.photo-div {
    height: 6.25rem;
    border-radius: 100%;
}
.photo-div .cropper-crop-box {
    transform: translateX(0) !important;
}
.photo-div .cropper-form {
    width: 80%;
    margin: 0 auto;
}*/
/*.photo-div img {
    width: 48%;
    display: flex;
    justify-content: center;
    margin-right: auto;
    margin-left: auto;
}*/
.photo-div .cropper-form p {
    font-size: 0.95rem !important;
    color: #646060 !important;
}
.dot-design {
    color: #827979;
}
.dot-design p:nth-child(1) {
    line-height: 1.3125rem;
    margin-top: 0.0625rem;
    height: 0.1875rem;
}
.dot-design p:nth-child(2) {
    line-height: 0;
}
.text-mute-clr {
    color: #a9b4c3;
}
/*stars rating css*/
#full-stars-example .rating-group {
    display: inline-flex;
}
#full-stars-example .rating__icon {
    pointer-events: none;
}
.pe-none{
    pointer-events: none;
}
#full-stars-example .rating__input {
    position: absolute !important;
    left: -624.9375rem !important;
}
#full-stars-example .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 1.7rem;
}
#full-stars-example .rating__icon--star {
    color: #ffd066;
}
#full-stars-example .rating__icon--none {
    color: #f49191;
}
#full-stars-example .rating__input--none:checked+.rating__label .rating__icon--none {
    color: red;
}
#full-stars-example .rating__input:checked~.rating__label .rating__icon--star {
    color: var(--lightGrey);
}
#full-stars-example .rating-group:hover .rating__label .rating__icon--star {
    color: rgba(var(--primaryColor));
}
#full-stars-example .rating__input:hover~.rating__label .rating__icon--star {
    color: var(--lightGrey);
}
#full-stars-example .rating-group:hover .rating__input--none:not(:hover)+.rating__label .rating__icon--none {
    color: var(--lightGrey);
}
#full-stars-example .rating__input--none:hover+.rating__label .rating__icon--none {
    color: red;
}
.rating-group .rating__label::before {
    display: none;
}
.rating-group .rating__label::after {
    display: none;
}
/*custom scrolling tabs*/
.nav-section-link {
    position: absolute !important;
    max-width: 1.25rem;
    padding-left: 0.4375rem !important;
    padding-right: 0.4375rem !important;
    min-height: 2.25rem;
    min-width: 2.4375rem !important;
    align-items: center;
    color: rgba(var(--white)) !important;
    justify-content: center;
    background: rgba(var(--secondaryColor)) !important;
    border: none !important;
}
.nav-paginator-next {
    right: 0;
}
.nav-paginator-prev {
    left: -1.875rem;
}
.nav-paginator-next svg {
    position: absolute;
    left: 0.75rem;
    top: 0.5625rem;
}
.nav-paginator-prev svg {
    position: absolute;
    left: 0.75rem;
    top: 0.5625rem;
}
/*stars rating css end*/
.resume-preview-modal .modal-header {
    background-color: rgba(var(--secondaryColor));
    color: rgba(var(--white));
}
.resume-preview-modal .modal-header h5 {
    font-weight: bold !important;
}
.resume-preview-modal .modal-header .close {
    margin-top: -0.5625rem;
    color: rgba(var(--white));
    opacity: 1;
}
/*candidate resume template End*/
/* Mark as completed popup code */
.save-proceed-btn {
    background-color: rgba(var(--secondaryColor));
    border-radius: 0.3125rem;
    color: rgba(var(--white));
    min-width: 10rem;
}
.save-proceed-btn:hover {
    background-color: rgba(var(--primaryColor));
}
.star-rating {
    direction: rtl;
    display: inline-block;
    padding: 1.25rem;
    cursor: default;
}
.star-rating input[type="radio"] {
    display: none !important;
}
.star-rating label {
    color: #bbb;
    font-size: 1.563rem;
    padding: 0;
    cursor: pointer;
    padding-left: 0.3125rem !important;
    padding-right: 0.625rem !important;
    transition: all 0.3s ease-in-out;
}
.custom-star-rating label {
    color: rgba(var(--fourthColor)) !important;
}
.star-rating label:hover,
.star-rating label:hover~label,
.star-rating input[type="radio"]:checked~label {
    color: rgba(var(--primaryColor)) !important;
}
.star-custom[type="radio"]:checked+label:before,
.star-custom[type="radio"]:not(:checked)+label:before {
    display: none !important;
}
.star-custom[type="radio"]:checked+label:after,
.star-custom[type="radio"]:not(:checked)+label:after {
    display: none !important;
}
/* candidate Survey response style start */
.border-top {
    border-top: 0.625rem solid rgba(var(--secondaryColor)) !important;
    border-radius: 0.625rem;
}
.survey-tab .nav-link.active,
.survey-tab .show>.nav-link {
    background-color: rgba(var(--primaryColor)) !important;
    box-shadow: none;
}
.survey-tab .nav-link {
    border-radius: 0;
    background-color: rgba(var(--white)) !important;
    box-shadow: 0 0 1.875rem rgb(0 0 0 / 8%);
}
.question-response .nav-link.active,
.question-response .show>.nav-link {
    background: none;
    box-shadow: none;
    border-bottom: 0.1875rem solid rgba(var(--secondaryColor));
    border-radius: 0;
}
.question-response .nav-link {
    border-radius: 0;
    background: none !important;
}
.actioncard {
    padding: 0.6rem;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: 0.5s ease-in-out all;
}
.zipcodeFilter {
    border: 0.0625rem solid rgba(var(--fourthColor));
    border-radius: 0.5rem;
    padding: 1rem;
}
.actioncard:hover {
    transform: scale(1.1);
    cursor: pointer;
}
.actioncard .col-form-label {
    font-weight: 500;
}
.bg-survey {
    background-color: rgba(var(--fourthColor), 0.2);
    position: relative;
}
.survey-title {
    background-color: rgba(var(--secondaryColor));
    font-size: 1.125rem;
    font-weight: 600;
    padding: 0.625rem;
}
.survey-inline-title {
    background-color: rgba(var(--secondaryColor));
    font-size: 0.875rem;
    font-weight: 600;
    padding: 0.625rem;
    border-top-left-radius: 0.625rem;
    border-top-right-radius: 0.625rem;
}
.section-survey-bg {
    border-radius: 0.625rem;
}
.survey-section-p5 {
    padding-left: 6%;
    padding-right: 6%;
    background-color: rgba(var(--fourthColor), 0.2);
}
.survey-bg-card {
    background-color: rgba(var(--fourthColor), 0.2);
}
.p-fullwidth p {
    width: 100%;
}
.borderless-input {
    border: none !important;
    border-bottom: 0.0625rem solid !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.placeholder-f-s-16::placeholder {
    font-size: 1rem;
    color: var(--textLight) !important;
    padding-left: -6.25rem;
}
.placeholder-f-s-13::placeholder {
    font-size: 0.813rem;
    color: var(--textLight) !important;
}
.border-left-set {
    border-left: 0.625rem solid rgba(var(--secondaryColor));
}
.section-survey-bg [type="radio"] {
    display: none !important;
}
.section-survey-bg [type="radio"]:checked+label:before,
.section-survey-bg [type="radio"]:not(:checked)+label:before {
    width: 1.125rem;
    height: 1.125rem;
    border: 0.125rem solid rgba(var(--thirdColor)) !important;
}
.survey-radio-btn {
    padding-left: 2rem !important;
    display: flex !important;
}
.survey-bg-card .dt-section-row-edit:hover {
    transition: all 0.4s ease-in-out;
    transform: scale(1.1);
}
.survey-bg-card .btn_section_delete:hover {
    transition: all 0.4s ease-in-out;
    transform: scale(1.1);
}
.survey-bg-card .dt-question-create-btn:hover {
    transition: all 0.4s ease-in-out;
    transform: scale(1.1);
}
.field-type-select .dt-section-row-edit:hover {
    transition: all 0.4s ease-in-out;
    transform: scale(1.1);
}
.field-type-select .btn_question_delete:hover {
    transition: all 0.4s ease-in-out;
    transform: scale(1.1);
}
.survey-section-p5 .btn-edit:hover {
    transition: all 0.4s ease-in-out;
    transform: scale(1.1);
}
.survey-section-p5 .btn_question_delete:hover {
    transition: all 0.4s ease-in-out;
    transform: scale(1.1);
}
.field-type-select select {
    margin-bottom: 1.2rem;
}
.section-survey-bg [type="radio"]:checked+label:after {
    width: 1.125rem;
    height: 1.125rem;
    background: rgba(var(--thirdColor)) !important;
    top: 0;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.radio-input-custom {
    margin-top: -0.9375rem;
}
.switch1 {
    position: relative;
    display: inline-block;
    width: 2.5rem;
    height: 0.9375rem;
}
.switch1 input {
    opacity: 0;
    width: 0;
    height: 0;
}
.slider1 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    width: 2.5rem;
}
.slider1:before {
    position: absolute;
    content: "";
    height: 1.25rem;
    width: 1.25rem;
    left: -0.0625rem;
    bottom: -0.125rem;
    background-color: rgba(var(--secondaryColor));
    -webkit-transition: 0.4s;
    transition: 0.4s;
}
input:checked+.slider1 {
    background-color: #0f857d8f;
}
input:focus+.slider1 {
    box-shadow: 0 0 0.0625rem #2196f3;
}
input:checked+.slider1:before {
    -webkit-transform: translateX(1.625rem);
    -ms-transform: translateX(1.625rem);
    transform: translateX(1.625rem);
}
.slider1.round1 {
    border-radius: 2.125rem;
}
.slider1.round1:before {
    border-radius: 50%;
}
.save-proceed-btn {
    background-color: rgba(var(--primaryColor));
    border-radius: 0.3125rem;
    color: rgba(var(--white));
}
.add-edit-sidepanel {
    position: absolute;
    top: 0.9375rem;
    right: 0.625rem;
}
.dropbtn {
    background-color: rgba(var(--secondaryColor));
    color: rgba(var(--white));
    padding: 1rem;
    font-size: 1rem;
    border: none;
}
.dropdown {
    position: relative;
    display: inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(var(--white));
    color: var(--darkTxtColor);
    min-width: 6.25rem;
    z-index: 1;
    text-align: center;
    left: -6.25rem;
    top: 0;
}
.dropdown-content a {
    color: rgba(var(--white));
    background-color: var(--textLight);
    padding: 0.375rem 0.625rem;
    text-decoration: none;
    display: block;
    border-radius: 0.4375rem;
    font-size: 0.75rem;
}
.dropdown-content a:hover {
    background-color: #5a5959;
}
.dropdown:hover .dropdown-content {
    display: block;
}
.dropdown:hover .dropbtn {
    background-color: rgba(var(--secondaryColor));
}
.actioncircle-green {
    background-color: rgba(var(--secondaryColor));
}
.actioncircle-yellow {
    background-color: #ffd066;
}
.action-red {
    background-color: #f16167 !important;
}
.action-yellow {
    background-color: rgba(var(--primaryColor)) !important;
}
.dashboard-certi {
    background-color: rgba(var(--fourthColor), 0.3);
}
.certi-img {
    width: 100%;
    padding: 1.5rem;
}
.survey-ques {
    background: rgba(var(--fourthColor), 0.1);
    padding: 2rem 3rem;
}
.highcharts-figure,
.highcharts-data-table table {
    min-width: 20rem;
    max-width: 50rem;
    margin: 1em auto;
}
.highcharts-data-table table {
    font-family: var(----fontFamily);
    border-collapse: collapse;
    border: 0.0625rem solid var(--lightGrey);
    margin: 0.625rem auto;
    text-align: center;
    width: 100%;
    max-width: 31.25rem;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: var(--textLight);
}
.highcharts-data-table th {
    font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td,
.highcharts-data-table th,
.highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr,
.highcharts-data-table tr:nth-child(even) {
    background: var(--textLight);
}
.highcharts-data-table tr:hover {
    background: rgba(var(--fourthColor), 0.2);
}
input[type="number"] {
    min-width: 3.125rem;
}
.p-2per {
    padding: 2%;
}
/* candidate Survey response style end */
/*popover*/
.popover__content {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    right: 50%;
    transform: translate(0, -50%);
    -moz-transform: translate(50%, -50%) !important;
    -webkit-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    background-color: rgba(var(--white));
    padding: 1rem;
    box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.26);
    width: auto;
}
.popover__content:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 0.625rem);
    top: -0.5rem;
    border-style: solid;
    border-width: 0 0.625rem 0.625rem 0.625rem;
    border-color: transparent transparent rgba(var(--white)) transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}
.popover__wrapper:hover .popover__content {
    z-index: 10;
    opacity: 1;
    visibility: visible;
    transform: translate(0, -1.25rem);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
}
.popover__message {
    text-align: center;
}
.feedback-modal .modal-content {
    border-radius: 0.3125rem;
}
.feedback-modal .modal-header {
    background-color: rgba(var(--secondaryColor)) !important;
    color: rgba(var(--white)) !important;
    border-radius: 0.3125rem 0.3125rem 0 0 !important;
}
/* candidate_survey_screen code */
.green-border {
    border-top: 0.4375rem solid rgba(var(--secondaryColor));
}
.survey-title-p {
    font-weight: 600;
    font-size: 1.5rem;
}
.survey-sub-section {
    color: #575757;
    font-size: 0.875rem;
}
.terms-header {
    background-color: rgba(var(--secondaryColor));
    justify-content: center;
}
.terms-error {
    font-size: 0.875rem;
}
.popup-link {
    color: rgba(var(--thirdColor));
    text-decoration: underline !important;
    font-weight: 500;
}
/*join us view css starts*/
.view-card .card-header {
    background-color: rgba(var(--secondaryColor));
    color: rgba(var(--white));
}
.view-card .sno-badge {
    background-color: rgba(var(--thirdColor));
    width: 1.875rem;
    height: 1.875rem;
}
.view-card .card-body span {
    color: var(--textDefaultColor);
}
.view-card .card-body label {
    color: rgba(var(--secondaryColor));
    font-size: 0.95rem;
    font-weight: 440;
}
.view-card .card-header label,
.view-card .card-header span {
    font-size: 1rem;
    padding-left: 0.625rem;
}
.view-card .card-header span {
    color: rgba(var(--primaryColor));
    font-weight: 540;
}
.view-resume-btn {
    background-color: rgba(var(--secondaryColor));
    display: inline-flex;
    align-items: center;
    margin-left: 1rem;
}
.view-resume-btn:hover {
    background-color: rgba(var(--primaryColor));
    color: rgba(var(--white));
}
.view-resume-btn img {
    width: 1.375rem;
}
.day-select2 .select2-selection__choice__remove:hover {
    color: var(--darkTxtColor) !important;
}
.icon-field .tooltip-validate {
    top: 1.5rem !important;
    right: 2.3125rem;
}
.date-icon-tooltip .tooltip-validate {
    right: 0 !important;
}
.ck.ck-editor {
    z-index: 1 !important;
}
/* help page code */
.modal-lg_custom {
    max-width: 85% !important;
}
.f-s-18px {
    font-size: 1rem;
    color: rgba(var(--white));
    font-weight: 400;
}
.skip-btn {
    background-color: rgba(var(--primaryColor)) !important;
    padding: 0.25rem 1.5625rem;
    border-radius: 0.3125rem;
}
.skip-btn:hover {
    background-color: rgba(var(--thirdColor)) !important;
    padding: 0.25rem 1.5625rem;
    border-radius: 0.3125rem;
}
.opacity-1-custom {
    opacity: 1 !important;
}
.modal-head-cus {
    background-color: rgba(var(--fourthColor), 0.3);
}
.carousel-custom {
    bottom: -3.75rem;
}
.carousel-custom li {
    width: 0.625rem;
    height: 0.625rem;
    border-radius: 100%;
    background-color: var(--lightMidGrey);
}
.carousel-custom .active {
    background-color: rgba(var(--secondaryColor));
}
/*.carousel-inner-custum1 {
    height: calc(100vh - 8.0625rem);
}*/
.carousel-inner-custum {
    height: calc(100vh - 13rem);
    overflow-y: auto;
}
.carousel-next-custom {
    top: unset;
    background-color: rgba(var(--secondaryColor));
    opacity: 1;
    font-size: 1rem;
    padding: 0.25rem 1.5625rem;
    border-radius: 0.3125rem;
    width: unset;
    right: 3%;
    bottom: 0.625rem;
    color: rgba(var(--white));
}
.footer-custum .carousel-next-custom:hover {
    top: unset;
    background-color: rgba(var(--primaryColor));
    opacity: 1;
    font-size: 1rem;
    padding: 0.25rem 1.5625rem;
    border-radius: 0.3125rem;
    right: 3%;
    width: unset;
    color: rgba(var(--white));
    bottom: 0.625rem;
}
.footer-custum .padding-next {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
}
.carousel-first .carousel-next-custom-1 {
    top: unset;
    background-color: rgba(var(--secondaryColor));
    opacity: 1;
    font-size: 1.063rem;
    padding: 0.625rem 0.625rem;
    border-radius: 0.3125rem;
    width: 12.5rem;
    left: 40%;
    color: rgba(var(--white));
    bottom: 4%;
}
.carousel-first .carousel-next-custom-1:hover {
    top: unset;
    background-color: rgba(var(--primaryColor));
    opacity: 1;
    font-size: 1.063rem;
    padding: 0.625rem 0.625rem;
    border-radius: 0.3125rem;
    width: 12.5rem;
    left: 40%;
    color: rgba(var(--white));
    bottom: 4%;
}
.help-text-p {
    font-size: 0.875rem;
}
.help-courses {
    color: rgba(var(--thirdColor));
    font-weight: bold;
}
.border-course-img {
    border-radius: 0.3125rem;
    border: 0.0625rem solid var(--lightGrey);
    padding: 0.625rem;
}
.border-course-announce {
    border-radius: 0.3125rem;
    border: 0.0625rem solid var(--lightGrey);
    padding: 0.625rem;
}
.view-help {
    background-color: rgba(var(--primaryColor));
    font-size: 0.875rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.3125rem;
    color: rgba(var(--white));
    border: none;
    margin-bottom: 0.625rem;
}
.view-help:hover {
    background-color: rgba(var(--thirdColor));
    font-size: 0.875rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.3125rem;
    color: rgba(var(--white));
    border: none;
    margin-bottom: 0.625rem;
}
.back-help {
    background-color: #f8f9fd;
    font-size: 0.875rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.3125rem;
    color: var(--darkTxtColor);
    border: none;
    margin-bottom: 0.625rem;
    border: 0.0625rem solid #f8f9fd;
}
.back-help:hover {
    background-color: rgba(var(--white));
    font-size: 0.875rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.3125rem;
    color: var(--darkTxtColor);
    border: none;
    margin-bottom: 0.625rem;
    border: 0.0625rem solid var(--darkTxtColor);
}
.assessment-help {
    background-color: rgba(var(--white));
    font-size: 0.875rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.3125rem;
    color: var(--darkTxtColor);
    margin-bottom: 0.625rem;
    border: 0.0625rem solid rgba(var(--thirdColor));
}
.assessment-help:hover {
    background-color: #5ebc85;
    font-size: 0.875rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.3125rem;
    color: rgba(var(--white));
    border: none;
    margin-bottom: 0.625rem;
    border: 0.0625rem solid #5ebc85;
}
.Preview-help {
    background-color: rgba(var(--white));
    font-size: 0.875rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.3125rem;
    color: var(--darkTxtColor);
    margin-bottom: 0.625rem;
    border: 0.0625rem solid rgba(var(--primaryColor));
}
.Preview-help:hover {
    background-color: rgba(var(--primaryColor));
    font-size: 0.875rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.3125rem;
    color: rgba(var(--white));
    border: none;
    margin-bottom: 0.625rem;
    border: 0.0625rem solid rgba(var(--primaryColor));
}
.Syllabus-help {
    background-color: rgba(var(--white));
    font-size: 0.875rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.3125rem;
    color: rgba(var(--secondaryColor));
    margin-bottom: 0.625rem;
    border: 0.0625rem solid rgba(var(--secondaryColor));
}
.Syllabus-help:hover {
    background-color: #d6e0ed;
    font-size: 0.875rem;
    padding: 0.375rem 0.625rem;
    border-radius: 0.3125rem;
    color: var(--darkTxtColor);
    border: none;
    margin-bottom: 0.625rem;
    border: 0.0625rem solid #d6e0ed;
}
#carousel-next_id {
    display: none;
}
/* contactus */
.contact-card {
    background-color: rgba(var(--secondaryColor));
    color: rgba(var(--white));
    padding: 1.5rem;
}
.contact-form {
    background-color: rgba(var(--white));
    padding: 1.5rem;
}
.answer-div label {
    border: 0.125rem dotted rgba(var(--secondaryColor));
    padding: 0.25rem 0.625rem;
}
.transfer-btn {
    color: rgba(var(--white));
    background-color: rgba(var(--thirdColor));
    font-size: 0.9rem;
}
.transfer-btn:hover {
    background-color: rgba(var(--fourthColor));
    color: rgba(var(--white));
}
.message-select {
    color: #555859 !important;
    border: 0.0625rem solid #999393 !important;
    border-radius: 0.3125rem;
    background-color: transparent;
    padding-left: 0.3125rem;
}
.message-select option {
    background-color: rgba(var(--white)) !important;
}
.role-chooser-select {
    background-color: transparent !important;
    border-color: #999393 !important;
}
.role-chooser-select option {
    background-color: rgba(var(--white)) !important;
}

.logo-circle {
    border: 0.0625rem solid rgba(var(--secondaryColor));
}
.select2-container .select2-selection__choice__remove:hover {
    color: var(--darkTxtColor) !important;
}
.question-box img {
    height: 6.5rem;
    object-fit: contain;
}
.options_section img {
    object-fit: contain;
    max-width: 100%;
}
.highcharts-figure {
    min-width: unset !important;
}
/* employer profile code */
.bar-containers1 {
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    border-radius: 1.25rem;
    height: 1.5rem;
    background: #cfd3d7;
    width: 98%;
    margin-top: -3.625rem;
    overflow: hidden;
}
.bars1 {
    float: left;
    background: rgba(var(--secondaryColor));
    height: 100%;
    -webkit-border-radius: 0.625rem 0 0 0.625rem;
    -moz-border-radius: 0.625rem 0 0 0.625rem;
    border-radius: 0.625rem 0 0 0.625rem;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    border-radius: 1.25rem;
    box-shadow: rgb(0 0 0 / 2%) 0 0.0625rem 0.1875rem 0, rgb(27 31 35 / 15%) 0 0 0 0.0625rem;
}
.percnt-label-div1 {
    margin-top: 2rem;
    color: rgba(var(--secondaryColor));
}
.profile-heading {
    color: rgba(var(--thirdColor));
    font-weight: 600;
    font-size: 1rem;
}
.master-box-profile {
    box-shadow: 0 0 1.875rem rgb(0 0 0 / 8%);
    position: relative;
}
.bg-green-first {
    background-color: #5ebc85;
}
.change-btn {
    background-color: rgba(var(--primaryColor));
    color: rgba(var(--white));
    border: none;
    border-radius: 0.3125rem;
    padding: 0.375rem 1.25rem;
    width: 100%;
}
.change-btn:hover {
    background-color: rgba(var(--thirdColor));
    color: rgba(var(--white));
    border: none;
    border-radius: 0.3125rem;
    padding: 0.375rem 1.25rem;
    width: 100%;
}
.profile-img-first {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.add-list-custum {
    font-size: 0.75rem;
    color: #a9b4c3;
}
.mystyle {
    display: block;
}
/*employer profile end*/
.profile-img-center {
    margin: 27% auto 5%;
}
.profile-img-first .cropper-form .btn-info {
    background-color: rgba(var(--primaryColor)) !important;
    width: 100%;
    border: none;
    outline: none;
    box-shadow: none !important;
}
.profile-img-first .cropper-form .btn-info:hover {
    background-color: rgba(var(--thirdColor)) !important;
}
/* Recurring Partner start */
.partner-card {
    /* border-radius: 0.625rem; */
    cursor: pointer;
    background-color: var(--smokeWhite);
    transition: all 0.5s ease-in-out;
    box-shadow: 0 0.1875rem 0.375rem rgb(0 0 0 / 23%);
}
.partner-card:hover {
    transition: all 0.5s ease-in-out;
    /*box-shadow: 0 0.5rem 1.9375rem 0.125rem rgba(210, 210, 210, 0.2);*/
    background-color: #efefef;
}
.partner-title {
    color: rgba(var(--primaryColor));
}
.recruit-header {
    background-color: rgba(var(--secondaryColor));
    border-radius: 0.25rem;
}
.partner-logo {
    height: 9rem;
    object-fit: contain;
    width: 100%;
    border: 0.0625rem solid #f1f1f1;
    background: rgba(var(--white));
    /* border-radius: 0.625rem 0.625rem 0 0; */
}
.job-card {
    background-color: #f1f4f5;
    padding: 1rem;
    border-radius: 0.5rem;
    border-left: 0.5rem solid #40c876;
    cursor: pointer;
}
.job-card:hover {
    background-color: #f0f8ff;
}
.job-card-title {
    color: rgba(var(--thirdColor));
    font-weight: 600;
}
.posted-content {
    padding: 0.375rem;
    border-radius: 0.25rem;
    border: 0.0625rem dashed rgba(var(--thirdColor));
    cursor: pointer;
    font-weight: 500;
}
.scroll-sets {
    min-height: 19.6rem;
    max-height: 19rem;
    overflow-y: auto;
}
.border-left-Blue {
    border-left: 0.4375rem solid rgba(var(--thirdColor)) !important;
    border-top-left-radius: 0.3125rem;
    border-bottom-left-radius: 0.3125rem;
}
.upload-modal-header {
    background-color: rgba(var(--secondaryColor)) !important;
    color: rgba(var(--white));
}
.custom-domain-toltip .tooltip-validate {
    right: 0.625rem !important;
}
.domain-date-tol-tip .tooltip-validate {
    right: 0.625rem !important;
}
.ck.ck-editor {
    z-index: 10 !important;
}
.target-select .select2-selection__choice__display {
    position: relative;
    top: -1.25rem;
    line-height: 0;
}
.target-select .select2-selection__choice__display .bg-warning {
    padding: 0.19rem !important;
    font-size: 0.95rem;
}
.msg-form {
    width: calc(100vw - 37vw);
    position: absolute;
    bottom: 0;
}
#cmp_message-error {
    right: 6.25rem;
    top: 2.375rem;
}
.final-assemnt-btn {
    border: 0.125rem dashed rgba(var(--secondaryColor));
    color: rgba(var(--secondaryColor)) !important;
    transition: all 0.6s ease-in-out;
    border-radius: 0.375rem;
}
/*coins page */
.coins-table thead {
    background-color: #587d9f;
    color: rgba(var(--white));
}
.coins-table thead tr th {
    font-weight: 400 !important;
}
.coins-card .card-header {
    background-color: rgba(var(--secondaryColor));
    border-radius: 0.3125rem;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.bg-light-grey {
    background: #fbfbfb;
}
.coins-card label {
    color: #606060;
    font-weight: 500;
}
.coins-card .count-coins {
    color: rgba(var(--thirdColor));
}
.coins-instruction .bg-success {
    background-color: rgba(var(--secondaryColor)) !important;
}
.coins-card .card-body {
    transition: all 0.5s ease-in-out;
}
.coins-card .card-body:hover {
    transition: all 0.5s ease-in-out;
    background: #eff4fb;
    cursor: pointer;
}
.count-box {
    border-radius: 0.3125rem;
    background-color: rgba(var(--secondaryColor));
    padding: 0.5rem 0.75rem;
}
.modal {
    z-index: 1053 !important;
}
.message-Btn-employer {
    background: rgba(var(--secondaryColor));
}
.message-Btn-employer:hover {
    background: rgba(var(--fourthColor));
}
.msg-input {
    border-right: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.rec-p-card form {
    padding: 1.875rem 3.125rem !important;
}
.rec-p-card #dt-table_wrapper {
    background-color: rgba(var(--white));
    padding: 1.875rem 3.125rem;
}
.profile-field-set {
    top: -1rem;
    left: 2.75rem;
    background: rgba(var(--white));
    padding-left: 1rem;
    padding-right: 1rem;
    color: rgba(var(--thirdColor));
    font-size: 1.5rem;
}
.bg-light-first {
    background-color: rgba(var(--fourthColor), 0.2);
}
.input-tooltip-error .tooltip-validate {
    top: 1.5625rem;
    right: 4.5rem;
}
.training_plan_card .border-top {
    border-top: 0.0625rem solid rgba(var(--fourthColor), 0.4) !important;
    border-radius: inherit;
}
.training_plan_card b {
    font-weight: 600;
}
.cmp-msg-unread {
    background-color: rgba(var(--white));
    width: 1.875rem;
    height: 1.875rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
    border-radius: 50%;
    border: 0.0625rem solid rgba(var(--secondaryColor));
    background-color: rgba(var(--secondaryColor));
    color: rgba(var(--white)) !important;
    font-size: 0.875rem;
}
.highcharts-figure .highcharts-data-table table {
    margin: auto !important;
    max-width: 100% !important;
    white-space: nowrap;
}
.highcharts-figure .highcharts-data-table table thead tr {
    font-size: 0.9rem;
}
.highcharts-figure .highcharts-data-table table tbody tr {
    font-size: 0.9rem;
}
.highcharts-data-table {
    overflow-x: auto !important;
}
.h-40 {
    height: 2.5rem;
}
/*for mobile view table pagination*/
div.dt-paging span {
    display: none;
}
/*employer dashboard css starts*/
.orange-btnn {
    background-color: var(--buttonPrimary);
}
.orange-btnn:hover {
    background-color: rgba(var(--primaryColor));
    color: rgba(var(--white)) !important;
}
.light-blue-crd {
    background-color: #e5edf9;
    border-left: 0.4375rem solid #587d9f;
}
.light-green-crd {
    border-left: 0.4375rem solid rgba(var(--mildGreen));
    background-color: rgba(var(--mildGreen), 0.3);
}
.light-red-crd {
    background-color: 0.4375rem solid rgba(var(--primaryColor), 0.1);
    border-left: 0.4375rem solid rgba(var(--primaryColor));
}
.light-orange-crd {
    border-left: 0.4375rem solid rgba(var(--orangeYellow));
    background-color: rgba(var(--orangeYellow), 0.3);
}
.light-purple-crd {
    border-left: 0.4375rem solid rgba(var(--purple));
    background-color: rgba(var(--purple), 0.3);
}
.count-emp {
    width: 6.25rem;
    height: 6.25rem;
    border-radius: 100%;
    font-size: 1.5rem;
}
.emp-blue-bg {
    background-color: #587d9f;
}
.emp-green-bg {
    background-color: rgba(var(--mildGreen));
}
.emp-red-bg {
    background-color: rgba(var(--primaryColor));
}
.emp-orange-bg {
    background-color: rgba(var(--orangeYellow));
}
.emp-d-card .card {
    min-height: 8.5625rem;
    transition: all 0.5s ease-in-out;
}
.emp-purple-bg {
    background-color: rgba(var(--purple));
}
.emp-d-card .card:hover {
    transform: scale(1.1);
}
.emp-profile-view {
    background-color: rgba(var(--white));
    color: var(--textDarkColor) !important;
    border: 0.0625rem solid var(--lightMidGrey);
}
/*employer dashboard css ends*/
.view-certificate-btn {
    background: rgba(var(--secondaryColor));
    color: rgba(var(--white)) !important;
    border-radius: 0.25rem;
}
.view-certificate-btn:hover {
    background: rgba(var(--primaryColor));
}
/*add survey page */
.surveyreqcon {
    padding: 0.125rem 0.625rem;
    background: rgba(var(--thirdColor));
    border-radius: 0.25rem;
    color: rgba(var(--white));
}
.surveyrequiredgroup {
    padding: 0.25rem 0.75rem;
    border: 0.0625rem solid var(--textDefaultColor);
    border-radius: 0.25rem;
    border-style: dashed;
}
/*end survey page*/
.advanced_candidate_database_filtr {
    border: 0.0625rem solid rgba(var(--fourthColor), 0.3);
    padding: 0.625rem 0;
    border-radius: 0.375rem;
}

.btn-download,.btn-download:hover {
    background-color: rgba(var(--secondaryColor)) !important;
    color: rgba(var(--white)) !important;
}
.advertisement-text {
    color: var(--darkTxtColor);
    font-weight: bold;
    font-size: 1.5rem;
    animation: blinkingText 2s infinite;
}
@keyframes blinkingText {
    0% {
        color: #a1bed3;
    }
    50% {
        color: #0575b8;
    }
    75% {
        color: #6ab588;
    }
    100% {
        color: #e21b2a;
    }
}
.course-scorecard {
    background: rgba(var(--fourthColor), 0.1);
    border-radius: 0.375rem;
    border: 0.0625rem solid var(--lightMidGrey);
    margin-top: 1rem;
    width: 100%;
    border-style: dashed;
}
.col-form-p p {
    padding-top: calc(0.375rem + 0.0625rem);
    padding-bottom: calc(0.375rem + 0.0625rem);
}
/*custom loader css*/
#preloader .spinner {
    width: 6.25rem;
    height: 6.25rem;
    display: grid;
    border: 0.25rem solid transparent;
    border-radius: 50%;
    border-right-color: rgba(var(--primaryColor));
    animation: spinner-a4dj62 1s infinite linear;
}
#preloader .spinner::before,
#preloader .spinner::after {
    content: "";
    grid-area: 1/1;
    margin: 0.125rem;
    border: inherit;
    border-radius: 50%;
    animation: spinner-a4dj62 2s infinite;
}
#preloader .spinner::after {
    margin: 0.5rem;
    animation-duration: 3s;
}
@keyframes spinner-a4dj62 {
    100% {
        transform: rotate(1turn);
    }
}
/*loader ends*/
.secondary-txt {
    color: rgba(var(--thirdColor)) !important;
}
.primary-txt {
    color: rgba(var(--primaryColor));
}
.remove_option:hover,
.remove_subquestion:hover,
.remove_suboption:hover {
    background: #ef545f;
}
.swal2-icon-warning .swal2-timer-progress-bar {
    background: var(--primaryColorColor) !important;
}
.pro-linear-options {
    background: rgba(var(--fourthColor), 0.2);
    border: 0.0625rem solid rgba(var(--thirdColor));
    padding-bottom: 1rem;
    border-radius: 0.25rem;
    padding-right: 1rem;
    padding-left: 1rem;
}
.pro-linear-options input {
    background: rgba(var(--white)) !important;
    border-color: var(--lightMidGrey) !important;
}
.pro-linear-options legend {
    width: auto !important;
    margin-left: 1rem;
    color: var(--darkTxtColor);
    font-size: 1.2rem;
    padding: 0 0.25rem;
}
#add_linear_inputs {
    width: 7.125rem;
}
table .dropdown-menu ul {
    margin-bottom: 0;
    padding-top: 0 !important;
    padding-bottom: 0;
}
table .dropdown-menu ul .dropdown-item {
    padding: 0 0.6rem !important;
    font-size: 0.9rem;
}
.breadcrumb-item {
    display: flex;
}
.breadcrumb-item a {
    margin-bottom: -0.5rem;
}
#circle {
    display: none;
}
.h-37 {
    height: 2.3125rem;
}
.question-border-line {
    border-left: 0.0625rem solid var(--darkTxtColor);
}
.question-type-fieldset {
    background: rgba(var(--fourthColor), 0.2);
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
}
.question-border-line-div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.9375rem !important;
}
.question-border-line {
    height: 3rem;
    position: absolute;
    top: 59%;
    transform: translate(0, -50%);
}
.remove-btn-div {
    position: relative;
    right: 0;
    top: -0.5rem;
}
.remove-btn-div button {
    position: absolute;
    height: 6.875rem;
    border-top-right-radius: 0.5rem;
    background: rgba(var(--fourthColor));
    right: 0;
    border-bottom-right-radius: 0.5rem !important;
}
.remove-btn-div button img {
    height: 2.6875rem;
}
/*start gamification*/
.game-options {
    border: 0.0625rem solid #5cbb87;
    border-radius: 0.375rem;
    margin-bottom: 2rem;
}
.remove_option,
.remove_subquestion,
.remove_suboption {
    background: #d92531;
    margin-bottom: 1rem;
    color: rgba(var(--white));
}
.remove_option:hover,
.remove_subquestion:hover,
.remove_suboption:hover {
    color: rgba(var(--white));
    text-decoration: none;
}
/*end gamification*/
/*candidate profile */
.scroll-row {
    height: calc(100vh - 10.4375rem);
    overflow-y: auto;
}
.setting-menu nav .nav-link {
    width: 100%;
    text-align: left;
    background: none;
    padding-left: 0;
    color: var(--textLight);
    font-size: 0.95rem;
    font-weight: 500;
}
.setting-menu nav .nav-link.active {
    background: transparent;
    color: rgba(var(--primaryColor));
}
.setting-content .page-card .card-body {
    box-shadow: 0 0 0.875rem rgba(0, 0, 0, 0.1) !important;
}
.setting-content .profile-image-div {
    width: auto;
    min-height: auto;
}
.setting-content .form-control-plaintext {
    font-size: 0.94rem;
}
.scrollspy-overflow {
    overflow-y: auto;
    scroll-behavior: smooth;
}
.setting-content .form-check-label {
    font-size: 0.94rem;
    font-weight: 400;
    color: var(--textDefaultColor);
}
/*candidate profile ends*/
/*course candidate*/
.course-layout .card-header.course-banner {
    background-image: url("../images/course-banner.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.course-layout header.card-header {
    min-height: calc(100vh - 30.25rem);
}
.course-layout header.card-header h1 {
    text-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
}
.course-layout header.card-header p {
    max-width: 50%;
    margin: 0 auto;
    text-align: center;
    color: var(--darkTxtColor);
    font-size: 1.1rem;
    font-weight: 500;
}
.course-layout header.card-header img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.course-tab-list {
    width: 70%;
}
.course-tab-list-border {
    border-color: var(--darkTxtColor);
    margin-top: 0 !important;
}
.course-tab-list .nav-item .nav-link {
    background: transparent !important;
    font-size: 1rem !important;
}
.course-tab-list .nav-link.active {
    color: rgba(var(--thirdColor)) !important;
    background-color: transparent !important;
    border-bottom: 0.125rem solid rgba(var(--thirdColor)) !important;
    border-radius: 0;
}
.course-tab-list li:hover a {
    color: rgba(var(--secondaryColor));
}
.course-tab-content .section-1 h4,
.section-2 h4 {
    color: rgba(var(--thirdColor));
    font-size: 1.3rem;
}
.course-tab-content .section-1 .card h4 {
    color: var(--darkTxtColor);
}
.course-tab-content .section-1 .card {
    border: none;
    box-shadow: 0 0 0.875rem rgb(0 0 0 / 8%);
}
.course-tab-content .section-1 .card .card-body {
    border-radius: 0.625rem;
}
.card-procced-btn {
    background-color: rgba(var(--primaryColor));
}
.course-detail-content label {
    font-size: 0.9rem;
}
.limited-txt {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
}
.limited-txt.clamp-1 {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
}
/* .course-tab-content .section-2 .card{
    min-height: 12rem;
} */
.course-expire-time {
    position: absolute;
    bottom: 0.0625rem;
    width: 100%;
}
.course-expire-time label {
    color: var(--textLight);
    font-weight: 600;
}
.course-expire-time p {
    color: var(--textLight);
    font-weight: 500;
}
.course-tab-content .progress {
    background-color: var(--lightGrey);
    border-radius: 1.25rem;
    position: relative;
    margin: 0;
    height: 0.3125rem;
    /* width: calc(100% - 1.8125rem); */
}
.course-tab-content .progress-done {
    background: rgba(var(--secondaryColor));
    box-shadow: 0 0.1875rem 0.1875rem -0.3125rem rgba(var(--thirdColor)), 0 0.125rem 0.3125rem rgba(var(--thirdColor), 0.2);
    border-radius: 1.25rem;
    color: rgba(var(--white));
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 0;
    opacity: 0;
    transition: 1s ease 0.3s;
}
/* .own-track {
    background: var(--smokeWhite);
} */
.own-track .card-footer {
    background-color: rgba(var(--white)) !important;
}
.own-track .card-header img {
    /* height: 7.0625rem; */
    object-fit: cover;
    width: 100%;
    aspect-ratio: 21/9;
}
.own-track .star-rating {
    direction: rtl;
    display: inline-block;
    padding: 0.625rem;
    padding-bottom: 0 !important;
    cursor: default;
}
.own-track .star-rating input[type="radio"] {
    display: none;
}
.own-track .star-rating label {
    color: var(--lightGrey) !important;
    font-size: 0.7rem;
    padding: 0;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}
.own-track .star-rating label:hover,
.own-track .star-rating label:hover~label,
.own-track .star-rating input[type="radio"]:checked~label {
    color: rgba(var(--primaryColor));
}
.own-track span {
    color: rgba(var(--secondaryColor));
    font-size: 0.9rem;
    font-weight: 500;
}
.title-owntrack {
    color: var(--darkTxtColor);
    font-weight: 600;
}
.own-track a {
    color: rgba(var(--secondaryColor));
    font-weight: 700;
}
.own-track span:nth-child(1) {
    text-decoration: underline !important;
}
.own-track .card-body,
.own-track .card-header {
    padding-left: 0.875rem !important;
    padding-right: 0.875rem !important;
}
.own-track .time-duration {
    color: var(--textLight);
    font-size: 0.95rem;
}
.own-track .right-arrow {
    font-size: 1.1rem;
}
.own-track .card-body {
    /* box-shadow: 0 0 1.875rem rgba(175, 174, 174, 0.08); */
    box-shadow: none !important;
    border-radius: 0.25rem;
    min-height: 10.375rem;
}
.own-track .card {
    border: none;
    /* min-height: 21.875rem; */
}
.skill-card.learning-path .card-body {
    min-height: 10.0625rem;
}
.own-track .card .card-footer {
    background: rgba(var(--white)) !important;
    padding-top: 0;
}
.course-tab-content h3 {
    color: rgba(var(--secondaryColor));
}
.course-tab-content .green-txt {
    color: rgba(var(--secondaryColor));
    font-size: 1.3rem;
}
.course-tab-content .section-2 .card {
    border: none;
    box-shadow: rgb(0 0 0 / 8%) 0 0 0.875rem;
}
.course-tab-content .section-2 .card-body {
    border-radius: 0.25rem;
}
.course-tab-content .section-2 .course-img {
    height: 8.4375rem;
    width: 100%;
    object-fit: contain;
}
.course-layout .nav-paginator-prev {
    left: 0 !important;
    background: rgba(var(--secondaryColor)) !important;
}
.course-layout .nav-paginator-next {
    background: rgba(var(--secondaryColor)) !important;
}
/*course candidate ends*/
/*skill diagnostic report*/
.border-w {
    width: 45%;
}
.light-Grey {
    background-color: var(--smokeWhite);
}
.details-section-title div {
    border-left: 0.25rem solid rgba(var(--primaryColor));
    border-radius: 0.4375rem;
}
.details-section-title.primary div {
    border-color: rgba(var(--primaryColor)) !important;
}
.details-section-title.third div {
    border-color: rgba(var(--thirdColor)) !important;
}
.details-section-title.four div {
    border-color: rgba(var(--primaryColor)) !important;
}
.diagnostic-report table {
    border-collapse: collapse;
}
.diagnostic-report td,
th {
    padding: 0.5em 1em;
}
.diagnostic-report thead:after {
    line-height: 1em;
    content: ".";
    display: block;
    color: transparent;
}
.diagnostic-report thead th,
.diagnostic-report tbody td {
    border: none !important;
}
.diagnostic-report tbody {
    background-color: var(--smokeWhite);
    border: 0.0625rem solid var(--lightGrey);
}
.diagnostic-report thead th:nth-child(1) {
    border-top-left-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}
.diagnostic-report thead th:last-child {
    border-top-right-radius: 0.375rem;
    border-bottom-right-radius: 0.375rem;
}
.diagnostic-report thead th {
    background-color: var(--lightMidGrey) !important;
}
.diagnostic-report thead th:last-child {
    text-align: end;
}
.diagnostic-report tbody tr:nth-child(1) td:last-child {
    vertical-align: middle !important;
    text-align: end;
    padding-right: 3rem;
}
.fwt-700 {
    font-weight: 700;
}
.diagnostic-report {
    border: none;
}
.diagnostic-report .card-body {
    box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.08);
}
.criteria-badge {
    background-color: rgba(var(--secondaryColor));
    padding: 0.9375rem;
    border-radius: 0.3125rem;
    display: inline-flex;
}
/*skill diagnostic report ends*/
.slider-horizontal .tooltip.bs-tooltip-top {
    top: 1.6875rem !important;
    margin-top: auto !important;
    height: 1.25rem;
}
.slider-horizontal .bs-tooltip-auto[x-placement^="top"] .arrow,
.bs-tooltip-top .arrow {
    top: 0 !important;
    transform: rotate(180deg);
}
.form-control-sm {
    border: 0.0625rem solid rgba(var(--fourthColor), 0.3);
}

.module-legends .mlc,
.mlcu,
.mlp {
    display: inline-flex;
    padding: unset !important;
    height: 1.125rem;
    width: 1.125rem;
}
.no-record-img {
    height: 33.125rem;
}
.no-record-img img {
    height: 85%;
}
summary.card-head p {
    margin-bottom: 0.4375rem;
}
.module-accordion details.card .card-body {
    padding-top: 0;
}


/* wishlist checkbox starts  */
.whislist-check input[type="checkbox"] {
    display: none;
}
.whislist-check input[type="checkbox"]+label {
    position: relative;
    padding-left: 1.75rem;
    display: inline-block;
    font-size: 1rem;
    cursor: pointer;
}
.whislist-check input[type="checkbox"]+label:before {
    content: url(../images/whislist.png);
    top: -0.6875rem;
    left: -0.5rem;
    border: 0.0625rem solid transparent;
    padding: 0.625rem;
    border-radius: 0.1875rem;
    display: block;
    position: absolute;
    transition: 0.5s ease;
}
.whislist-check input[type="checkbox"]:checked+label:before {
    border: 0.0625rem solid transparent;
    background-color: transparent;
}
.whislist-check input[type="checkbox"]:checked+label:after {
    content: url(../images/filled-wishlist.png);
    font-size: 1.125rem;
    position: absolute;
    top: 0;
    left: 0.1875rem;
    transition: 0.5s ease;
}
.whislist-check {
    right: 0.5625rem;
}
/* wishlist checkbox ends  */
.see-more-btn:hover {
    background: rgba(var(--secondaryColor));
    color: rgba(var(--white));
    border-radius: 0.1875rem;
    transition: all 0.2s ease-in-out;
}
.rating-box h3 {
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 1.25rem;
}
.rating-box .stars {
    display: flex;
    align-items: center;
    gap: 1.5625rem;
}
.stars i {
    font-size: 0.9rem;
    color: var(--lightMidGrey);
    transition: all 0.2s;
    /* cursor: pointer; */
    padding-right: 0.3125rem;
}
.stars i.active {
    color: rgba(var(--primaryColor));
    transform: scale(1);
}
.side-nav-learnpath .side-nav-border {
    border: 0.1875rem solid var(--lightGrey);
    height: 100%;
    border-radius: 1rem;
    position: absolute;
    left: -0.875rem;
}
.nav-circle {
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    top: 1rem;
    left: -1.8125rem;
    border-radius: 3.125rem;
    border: 0.0625rem solid rgba(var(--secondaryColor));
    background: var(--smokeWhite);
}
.nav-circle.active {
    background: rgba(var(--secondaryColor));
}
.nav-circle.active~div {
    background-color: rgba(var(--white));
    padding: 0.4375rem 0.625rem;
    border-radius: 0.25rem;
}
.side-nav-learnpath li {
    padding-top: 0.8rem;
}
.input-group .toggle-password~.tooltip-validate {
    right: 1.9375rem;
}
.choice-sec input[type="radio"] {
    accent-color: rgba(var(--secondaryColor));
    width: 1.25rem;
    height: 1.0625rem;
}
.page_banner {
    background-color: rgba(var(--fourthColor), 0.3);
}
/*learn-path candidate styles starts*/
.learnPath-flowPipe .start-flow {
    top: -2.25rem;
    left: 0;
}
.rombus {
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
.learnPath-flowPipe .start {
    background-color: var(--lightGrey);
    width: 3.75rem;
    height: 3.75rem;
    margin-left: -0.25rem;
}
.learnPath-flowPipe .start .inner-rombus {
    background-color: var(--lightGrey);
    width: 2.1875rem;
    height: 2.1875rem;
}
.text-131313 {
    color: var(--darkTxtColor) !important;
}
.pipe-line {
    border-top: 0.625rem solid var(--lightGrey);
    width: 100%;
}
.learnPath-flowPipe .level-block {
    top: -4.0625rem;
    min-width: 80%;
}
.learnPath-flowPipe .level-block .circle {
    width: 1.875rem;
    height: 1.875rem;
    display: block;
    background-color: var(--lightGrey);
    border: 0.0625rem solid rgba(var(--secondaryColor));
}
.learnPath-flowPipe .level-block.active .circle {
    background-color: rgba(var(--primaryColor));
    border-color: rgba(var(--primaryColor));
}
.learnPath-flowPipe .level-block.active .block-details {
    background-color: rgba(var(--secondaryColor));
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.06);
    border-radius: 0.375rem;
}
.learnPath-flowPipe .pipe-line {
    border-right: 0.625rem solid var(--lightGrey);
    height: 12.5rem;
}
.learnPath-flowPipe .pipe-line.even-bend {
    border-right: 0;
    border-left: 0.625rem solid var(--lightGrey);
    border-bottom: 0.625rem solid var(--lightGrey);
    flex-direction: row-reverse;
}
.learnPath-flowPipe .pipe-line.odd {
    border-top: 0;
    /*justify-content: end;*/
}
.learnPath-flowPipe .pipe-line.odd:first-child {
    border-top: 0.625rem solid var(--lightGrey);
}
.learnPath-flowPipe .complete-section .pipe-line {
    border-bottom: 0.625rem solid var(--lightGrey);
}
.learnPath-flowPipe .complete-section .pipe-line a,
.complete-section .pipe-line button {
    margin-top: 10.875rem;
    left: calc(50% - 0.5rem);
}
.learnPath-flowPipe .complete-section .level-block img {
    left: calc(50% - 0.5rem);
    z-index: 1;
}
.complete-section .vertical-pipe-line {
    border: 0.625rem solid var(--lightGrey);
    height: 5.9375rem;
    top: 4.9375rem;
    left: calc(50% - -3.625rem);
}
.block-details p {
    color: var(--textLight);
    font-size: 0.9rem;
}
.level-block label {
    color: var(--darkTxtColor);
    font-weight: 600;
}
.fav-btn:hover {
    border-color: rgba(var(--primaryColor)) !important;
}
.course-description p {
    margin: 0;
}
.level-block.active .block-details {
    position: relative;
}
.level-block.active .block-details::before {
    content: "";
    width: 0;
    position: absolute;
    height: 0;
    border-left: 0.625rem solid transparent;
    border-right: 0.625rem solid transparent;
    border-bottom: 1.1875rem solid rgba(var(--secondaryColor));
    top: -0.875rem;
    left: 0.375rem;
}
.level-block.active .block-details h6,
.level-block.active .block-details p {
    color: rgba(var(--white));
}
/*learn-path candidate styles ends*/
.profile-content:not(.profile-content:nth-child(1)) {
    border-top: 0.0625rem solid var(--lightGrey);
}
.profile-image:not(.profile-image:nth-child(1)) {
    border-top: 0.0625rem solid var(--lightGrey);
}
/*custom file picker*/
.bulk-upload input[type="file"] {
    z-index: -1;
    opacity: 0;
}
.bulk-upload input+label {
    border-radius: 0.25rem;
}
/*custom file picker ends*/
.course-status {
    right: 0.875rem;
    bottom: 0.75rem;
    padding: 0.1875rem 0.6875rem;
    border-radius: 0.25rem 0.25rem 0 0.25rem;
    font-weight: 400;
}
.course-status.processing {
    background: rgba(237, 159, 1, 0.88);
}
.course-status.completed {
    background: rgba(var(--mildGreen));
}
.course-status.pending {
    background: rgba(19, 19, 19, 0.88);
}
.course-progress {
    background-color: var(--smokeWhite);
    border-radius: 1.25rem;
    position: absolute;
    margin: 0.9375rem 0;
    height: 0.25rem !important;
    margin-bottom: 0;
    bottom: 0;
    width: calc(100% - 1.9375rem);
}
.course-progress.processing .progress-done {
    background-color: rgba(var(--primaryColor));
}
.course-progress.completed .progress-done {
    background-color: rgba(var(--secondaryColor));
}
/* .course-progress.pending .progress-done{
    background-color: rgba(var(--primaryColor));
 } */
.course-progress .progress-done {
    box-shadow: 0 0.1875rem 0.1875rem -0.3125rem #f2709c, 0 0.125rem 0.3125rem #f2709c;
    border-radius: 1.25rem;
    color: rgba(var(--white));
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 0;
    opacity: 0;
    transition: 1s ease 0.3s;
}
.course-status.orange {
    background: rgba(var(--primaryColor), 0.8);
}
.course-status.green {
    background: rgba(var(--secondaryColor), 0.8);
}

.select2-container--bootstrap-5 .select2-selection--multiple .select2-selection__choice__display {
    color: rgba(var(--white));
}
.modal-body video {
    height: 100%;
    object-fit: fill;
}
.multi-slct-tooltip .tooltip-validate {
    top: 2.75rem;
}
.border-btm {
    border-bottom: 0.0625rem solid #ada1a1;
}
#subquestions-list fieldset:nth-child(1) legend {
    padding-top: 0 !important;
}
.pro-subquestions .ck-content {
    height: 12.5rem !important;
}
.dt-scroll-headInner {
    width: 100% !important;
}
.import-nav button {
    border: none;
}
.columnn-tab .card-body {
    box-shadow: none !important;
    border-bottom: 0.0625rem solid var(--lightMidGrey);
    padding: 0 !important;
    padding-bottom: 1rem !important;
}
#set-column-row td {
    padding-top: 0.625rem !important;
    padding-bottom: 0.625rem !important;
}
.customized-mobile-append .btn-download {
    border-radius: 0.25rem !important;
}
#cmp_subject-error {
    top: 2.875rem;
}
.ps-20px {
    padding-left: 1.25rem;
}
.cdk-customization .ck.ck-dropdown .ck-dropdown__panel.ck-dropdown__panel_sw {
    max-width: 24.25rem !important;
}
.diagnostic-report .domain table tr td {
    vertical-align: revert;
}
#tickets ul {
    padding-left: 0;
}
#professional-tickets ul {
    padding-left: 0;
}
.members-block {
    background: var(--smokeWhite);
    box-shadow: rgba(99, 99, 99, 0.2) 0 0.125rem 0.5rem 0;
    height: 100%;
    padding: 0.75rem;
}
.members-block ul {
    max-height: calc(100vh - 15rem);
    overflow-y: auto;
    overflow-x: hidden;
}
.on-line {
    width: 0.625rem;
    background: rgba(var(--secondaryColor));
    height: 0.625rem;
}
.bg-course-details {
    background: rgba(var(--fourthColor));
    border-radius: 0.3125rem;
}
.course-d-card {
    background: rgba(var(--thirdColor));
    padding: 1rem;
    border-radius: 0.25rem;
}
#ticket-transfer-modal .modal-content .select2-container .selection .select2-selection .select2-selection__rendered div {
    padding: 0 !important;
}
figure.table,
figure table tr {
    border: 0.0625rem solid var(--lightGrey);
}
figure.table tr:first-child,
figure.table tr:last-child {
    border: 0;
}
.short-lngth-txt-line-1 {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 1 !important;
    -webkit-box-orient: vertical !important;
    max-width: 95%;
}
.left-details-width {
    max-width: 64%;
}
.pop-up-hover {
    display: none;
    background-color: rgba(var(--white));
    padding: 0.7rem;
    font-size: 0.85rem;
    z-index: 99;
    border: 0.0625rem solid var(--lightGrey);
    position: absolute;
    max-width: 33%;
    border-radius: 0.25rem;
    color: var(--textLight);
    margin-left: 1.8125rem;
    top: 2.875rem;
}
.desc-info-btn:hover .pop-up-hover {
    display: block;
}
.tool-er .tooltip-validate {
    top: 2.75rem;
}
.topic-content table {
    border: 0.0625rem solid var(--lightMidGrey) !important;
}
.topic-content tr {
    border: 0.0625rem solid var(--lightMidGrey) !important;
}
.topic-content td {
    border: 0.0625rem solid var(--lightMidGrey) !important;
    width: 33% !important;
}
.topic-detail-card {
    background: rgba(var(--fourthColor));
    border: none;
    color: rgba(var(--white));
    padding: 1rem;
    /* filter: brightness(1.2); */
}
.topic-detail-card .status-card {
    background-color: rgba(var(--thirdColor));
    border-radius: 0.25rem;
    padding: 0.8rem;
}
.status-card p {
    margin: auto;
    text-align: center;
}
.candidate-green-card .card-body {
    border-left: 0.3125rem solid rgba(var(--secondaryColor));
    background-color: rgba(var(--secondaryColor), 0.3);
}
.candidate-green-card .badge-candidate {
    width: fit-content;
    background-color: rgba(var(--secondaryColor));
}
.candidate-orange-card .card-body {
    border-left: 0.3125rem solid rgba(var(--primaryColor));
    background-color: rgba(var(--primaryColor), 0.3);
}
.candidate-blue-card .card-body {
    border-left: 0.3125rem solid rgba(var(--thirdColor));
    background-color: rgba(var(--thirdColor), 0.3);
}
.coin_img.customize_coin_img {
    width: 5.4rem;
    padding: revert;
    margin-bottom: revert;
}
.candidate-orange-card img,
.candidate-blue-card img {
    width: 3rem;
}
.candidate-orange-card .badge-candidate {
    width: fit-content;
    background-color: rgba(var(--primaryColor));
}
.candidate-blue-card .badge-candidate {
    width: fit-content;
    background-color: rgba(var(--thirdColor));
}
.candidate-orange-card .card-body,
.candidate-green-card .card-body,
.candidate-blue-card .card-body {
    box-shadow: none;
    border-radius: 0.3125rem;
}
.mt--txt {
    margin-top: -0.6875rem;
}
.candidate-green-card,
.candidate-blue-card,
.candidate-orange-card {
    transition: width 0.5s, height 0.5s, transform 1s;
    min-height: 7.0625rem;
}
.candidate-green-card:hover,
.candidate-blue-card:hover,
.candidate-orange-card:hover {
    transform: scale(1.1);
}
.topic-content h1,
.topic-content h2,
.topic-content h3,
.topic-content h4,
.topic-content h5,
.topic-content h6,
.topic-content p,
.topic-content span,
.topic-content label {
    font-size: 0.9rem;
}
.topic-content strong {
    color: var(--textDefaultColor);
    font-weight: 500;
}
.topic-short-content strong {
    font-weight: 600;
}
.topic-content,
.topic-short-content {
    font-size: 0.9rem;
}
.topic-content .alert-info {
    color: #0c5460;
    background-color: #f1d1d1;
    border-color: #e29393;
}
.page_banner .card-header p:empty {
    display: none;
}
.page_banner .card-header p {
    font-size: 0.95rem;
}
.page_banner .card-header strong {
    font-weight: 600;
}
.page_banner .card-header span {
    background-color: unset !important;
}
.limited-ch {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.limited-ch.ch-13 {
    max-width: 13ch;
}
.fwt-400 {
    font-weight: 400;
}
.fwt-500 {
    font-weight: 500;
}
.fwt-600 {
    font-weight: 600;
}
.course-layout .nav-link {
    font-weight: 400;
}
.highcharts-title {
    font-weight: 500 !important;
}
.likert label {
    text-align: center;
}
.mix-blend-mode {
    mix-blend-mode: multiply;
}
.max-wi-img img {
    max-width: 72%;
}
.load-row.message-loader span {
    display: inline-block;
    width: 1.125rem;
    height: 1.125rem;
    background: rgba(var(--secondaryColor));
    border-radius: 3.125rem;
    animation: up-down 0.5s ease-in infinite alternate;
    margin-right: 0.625rem;
}
.load-row.message-loader span:nth-child(2) {
    background: rgba(var(--primaryColor));
    animation-delay: 0.16s;
}
.load-row.message-loader span:nth-child(3) {
    background: rgba(var(--secondaryColor));
    animation-delay: 0.32s;
}
.load-row.message-loader span:nth-child(4) {
    background: rgba(var(--primaryColor));
    animation-delay: 0.48s;
    margin-right: 0;
}
.message-loader-container {
    height: calc(100vh - 16.125rem);
}
@keyframes up-down {
    0% {
        transform: translateY(-0.625rem);
    }
    100% {
        transform: translateY(0.625rem);
    }
}
.job-descrip-block p {
    padding-left: 1rem;
}
.training-view-card {
    border-bottom: 0.1875rem solid rgba(var(--primaryColor)) !important;
    border-radius: 0;
    box-shadow: 0 0 1.875rem rgba(0, 0, 0, 0.08);
    transition: 0.5s ease-in-out all;
}
.training-view-card:hover {
    transform: translate(0, -0.625rem);
    cursor: pointer;
}
.training-view-card h5 {
    font-size: 1.1rem;
}
.font-0-95 {
    font-size: 0.95rem;
}
ul.nav-app-basic-tab {
    border-bottom: 0.0625rem solid var(--lightGrey);
}
ul.nav-app-basic-tab li button,
.nav-app-basic-tab li a {
    background: none;
    border: 0;
    border-radius: 0 !important;
    transition: all 0.3s ease-in-out;
}
ul.nav-app-basic-tab li button:hover,
.nav-app-basic-tab li a:hover {
    color: rgba(var(--secondaryColor));
}
ul.nav-app-basic-tab .nav-link.active {
    color: rgba(var(--thirdColor));
    background-color: transparent !important;
    border-bottom: 0.125rem solid rgba(var(--thirdColor));
}
.col-lg-3.cus-col-lg-3 {
    max-width: 21%;
    flex: 0 0 21% !important;
}
.col-lg-9.cus-col-lg-9 {
    max-width: 79%;
    flex: 0 0 79%;
}
.bg-primary {
    background-color: rgba(var(--primaryColor)) !important;
}
.secondary-checkbox {
    width: 1.25rem;
    height: 1.125rem;
    margin-left: 0.25rem;
    accent-color: rgba(var(--secondaryColor));
}
.color-badge {
    display: block !important;
    width: 1.9375rem;
    height: 1.9375rem;
    background-color: rgba(var(--secondaryColor));
}
/*toggle switch*/
.toggle-switch {
    position: relative;
    display: inline-block;
    min-width: 7.5rem;
    height: 2.125rem;
}
.toggle-switch input {
    display: none;
}
.toggle-switch .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(var(--white));
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 2.125rem;
    border: 0.0625rem solid var(--lightGrey);
}
.toggle-switch .slider:before {
    position: absolute;
    content: "";
    height: 1.625rem;
    width: 1.625rem;
    top: 0.1875rem;
    left: 0.25rem;
    bottom: 0.25rem;
    background-color: var(--lightGrey);
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: 50%;
}
.toggle-switch input:checked+.slider {
    background-color: rgba(var(--white));
    border: 0.0625rem solid rgba(var(--primaryColor));
}
.toggle-switch input:checked+.slider:before {
    background-color: rgba(var(--primaryColor));
}
.toggle-switch input:focus+.slider {
    box-shadow: 0 0 0.0625rem rgba(var(--secondaryColor));
}
.toggle-switch input:checked+.slider:before {
    -webkit-transform: translateX(1.625rem);
    -ms-transform: translateX(1.625rem);
    transform: translateX(5.3125rem);
}
/*------ ADDED CSS ---------*/
.toggle-switch .slider:after {
    content: "Inactive";
    color: var(--lightMidGrey);
    display: block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 49%;
    left: 59%;
    font-size: 0.95rem;
    white-space: nowrap;
}
.toggle-switch input:checked+.slider:after {
    content: "Active";
    left: 44%;
    color: rgba(var(--primaryColor));
}
/*--------- END --------*/
div.dt-container div.dt-info {
    font-size: 0.8rem;
}
div.dt-container div.dt-paging ul.pagination {
    font-size: 0.9rem;
}
.d-flx {
    display: flex;
}
.profile-avatar {
    width: 5rem;
}
.certificate-template-radio-btn-card.profile-avatar-card .tick_container {
    background-color: var(--lightGrey);
    top: 0.3125rem;
    right: 0.0625rem;
    height: 1.5rem;
    width: 1.5rem;
}
.certificate-template-radio-btn-card.profile-avatar-card .tick_container .tick {
    font-size: 0.5625rem;
}
.certificate-template-radio-btn-card input[type="radio"]:checked+label {
    border: 0.0625rem solid rgba(var(--primaryColor));
}
.certificate-template-radio-btn-card .tick_container {
    background-color: var(--lightGrey);
    top: 0.8125rem;
    right: 0.75rem;
    height: 1.875rem;
    width: 1.875rem;
}
.certificate-template-radio-btn-card input[type="radio"]:checked+label .tick_container {
    background-color: rgba(var(--primaryColor));
}
#signatures .signature:last-child,
.parameter:last-child {
    margin-bottom: 1rem;
}

.select-country-phone-num-div .select2-container--bootstrap-5 .select2-selection--single {
    border-radius: 0.25rem 0 0 0.25rem;
    border-right: 0;
}
.select-country-phone-num-div {
    width: 45%;
}
.select-country-phone-num-div .select2-container {
    width: 100% !important;
}

.select-country-phone-num-div .select2-container--bootstrap-5 .select2-selection--single .select2-selection__placeholder {
    color: rgba(var(--fourthColor), 0.2);
    font-size: 0.95rem;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__placeholder {
    color: var(--inputPlaceholder) !important;
    font-size: 0.9rem !important;
}
.md-circle {
    width: 4.6875rem;
    height: 4.6875rem;
}
.third-color-crd {
    border-left: 0.4375rem solid rgba(var(--thirdColor));
    background-color: rgba(var(--thirdColor), 0.3);
}
.third-color-circle {
    background-color: rgba(var(--thirdColor));
}
.whiteSpace {
    white-space: nowrap;
}
.color-circle {
    width: 2.1875rem;
    height: 2.1875rem;
}
.choose-clr-row .form-control.is-valid {
    padding-right: 0 !important;
}
.choose-clr-row input[type="color"] {
    width: 3.75rem;
    height: 3.75rem;
    border-radius: 50%;
    overflow: hidden;
    padding: 0 !important;
    cursor: pointer;
    border: 0 !important;
}
.choose-clr-row input[type="color"]::-webkit-color-swatch {
    border: none;
    border-radius: 50%;
    padding: 0 !important;
}
.choose-clr-row input[type="color"]::-webkit-color-swatch-wrapper {
    border: none;
    border-radius: 50%;
    padding: 0 !important;
}
input.imgbgchk {
    width: 0;
    height: 0;
    opacity: 0;
}
.certificate_popup_data {
    z-index: 1;
}
.fc-scrollgrid-sync-inner a {
    color: var(--darkTxtColor);
}
/****** Style Star Rating Widget *****/
.rating-review {
    background-color: rgba(var(--fourthColor), 0.4);
}
.rating-review .rating-star {
    font-size: 1rem;
    height: 1rem;
    padding: 0 2rem;
    position: relative;
    float: left;
    padding-right: 0.25rem;
    padding-left: 0.8125rem;
}
.rating-review.rating-large-size .rating-star {
    font-size: 3.2rem;
    padding-right: 2rem;
    top: -1.125rem;
}
.rating-review .full-star:before {
    color: #e6a215;
    content: "\2605";
    position: absolute;
    left: 0;
    overflow: hidden;
}
.rating-review .empty-star:before {
    content: "\2605";
    position: absolute;
    left: 0;
    overflow: hidden;
}
.rating-review .half-star:before {
    color: #e6a215;
    content: "\2605";
    width: 50%;
    position: absolute;
    left: 0;
    overflow: hidden;
}
.rating-review .half-star:after {
    content: "\2605";
    position: absolute;
    left: 1.5rem;
    width: 50%;
    text-indent: -1.5rem;
    overflow: hidden;
}
.rating-review .bars {
    background-color: rgba(var(--primaryColor));
    border-radius: 0;
}
.rating-review .bar-containers {
    background: var(--lightMidGrey);
    border-radius: 0;
}
.star-rating-progress .rating-review .rating-star {
    font-size: 1.3rem;
}
.star-rating-progress .full-star:before {
    top: -0.1875rem;
}
.nav-t {
    background-color: rgba(var(--fourthColor), 0.4);
    margin-left: -3.125rem;
    margin-right: -3.125rem;
    margin-top: -1.875rem;
}
.cke_dialog_ui_hbox_last a {
    margin-top: 1.1875rem !important;
}
.cke_dialog_footer .cke_dialog_ui_hbox_last a {
    margin-top: 0 !important;
}
.ckeditor~.tooltip-validate {
    top: 3.125rem;
}
.topics-tab .nav-link {
    color: var(--darkTxtColor) !important;
    border: 0;
    background: transparent !important;
}
.topics-tab .nav-link.active {
    color: rgba(var(--white), 1) !important;
    background-color: rgba(var(--thirdColor), 1) !important;
    border-bottom: none;
}
.owl-carousel .item-video video {
    width: 100% !important;
    height: 18.75rem;
    object-fit: cover;
}
.profile-image .cropper-form .tooltip-validate {
    position: static !important;
}
.skill-scorecard {
    background-color: rgba(var(--fourthColor));
    border-radius: 0.25rem;
}
.skill-scorecard .l-btn {
    width: 6.5rem;
}
.swal2-container {
    z-index: 1070 !important;
}
.cursor-move {
    cursor: move;
}
.total-questions-bg,
.score-bg,
.percentage-bg {
    height: 100%;
}
.swal2-container {
    z-index: 1080 !important;
}
.text-success-option {
    border: 0.0625rem solid #28a745;
    padding: 0.625rem;
    border-radius: 0.375rem;
    background-color: rgba(var(--secondaryColor), 0.1);
}
span#department_code_validation_type-error,
span#branch_code_validation_type-error {
    right: 8.375rem;
}
span#department_code_validation_prefix-error,
span#branch_code_validation_prefix-error,
span#employee_code_validation_prefix-error {
    left: 6.25rem;
}
input.remove-invalid+span {
    right: 5.75rem !important;
}
.error-card span,
.survey-inline-title span {
    top: 1.0625rem;
}
.feedbackreportbg {
    background: rgba(var(--fourthColor), 0.2);
    padding: 1rem;
    border-radius: 0.375rem;
}
.feedbackreportbg .options {
    background: rgba(var(--fourthColor), 0.4);
    padding: 0.375rem;
    align-items: center;
    border-radius: 0.25rem;
}
.feeback-count {
    background: rgba(var(--secondaryColor));
    padding: 0.625rem 0;
    border-radius: 0.25rem;
}
ul#select2-ticket_to_role-results {
    max-height: 8.75rem;
}
.tag-label {
    background: rgba(var(--secondaryColor));
    padding: 0.25rem 0.625rem;
    border-radius: 2.1875rem;
    white-space: nowrap;
    margin-right: 0.625rem;
    font-size: 0.875rem;
    color: #fff;
}
.tag-skill-status {
    width: 13.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1rem;
}
.training_img {
    width: 100%;
    height: 22.5rem;
    object-fit: contain;
}
/*---carosal----*/
.promotions {
    border-radius: 0.3125rem;
    padding: 0 0.9375rem;
    background-color: #fff;
    position: relative;
    margin: 1.25rem 1.25rem;
}
.slider-label {
    position: absolute;
    right: 1.25rem;
    top: 0.5rem;
    color: #aaa;
    font-size: 0.875rem;
    font-weight: 600
}
.PromotionsList {
    position: relative;
}
.PromotionsList:before,
.PromotionsList:after {
    content: '';
    position: absolute;
    width: 18.75rem;
    height: 3.4375rem;
    z-index: 2;
}
.PromotionsList:before {
    top: -1.5625rem;
    border-radius: 0 0 0.5rem 0.5rem;
    background: rgb(243, 243, 243);
}
.PromotionsList:after {
    bottom: -1.5625rem;
    border-radius: 0.5rem 0.5rem 0 0;
    background: rgb(243, 243, 243);
}
.PromotionsList {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    height: 20.625rem;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 3;
}
.PromotionsList li {
    display: flex;
    align-items: center;
    position: relative;
    position: absolute;
    top: 2.5rem;
    width: 100%;
    z-index: 1;
}
.PromotionsList li.active {
    z-index: 2;
}
.PromotionsList li .app-icon {
    border: 0.0625rem solid #e4e4e4;
    border-radius: 0.5rem;
    background-color: #fff;
    position: relative;
    top: 16.25rem;
    height: 15.625rem;
    width: 18.75rem;
    align-items: center;
    text-align: center;
    line-height: 5.3125rem;
    transition: all .3s ease-out;
    box-sizing: border-box;
    padding: 3.125rem;
    opacity: 0;
}
.PromotionsList li.transform .app-icon {
    /*transform: translateY(-6.25rem);*/
    top: 0;
    opacity: 0;
}
.PromotionsList li .app-icon img {
    vertical-align: middle;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.PromotionsList li.active .app-icon {
    top: 0;
    opacity: 1;
    z-index: 3;
}
.PromotionsList li .app-short-desc {
    margin-left: 2.1875rem;
    opacity: 0;
    transition: all .3s ease-out;
}
.PromotionsList li.active .app-short-desc {
    opacity: 1.0;
}
.PromotionsList li .app-short-desc span.app-title,
.PromotionsList li .app-short-desc span.app-desc {
    display: block;
    margin: 0.5rem 0;
}
.PromotionsList li .app-short-desc span.app-title {
    font-size: 1.75rem;
    font-weight: 600;
}
.PromotionsList li .app-short-desc span.app-desc {
    font-size: 1rem;
    font-weight: 400;
    max-width: 43.75rem;
}
.PromotionsList li .app-short-desc .learn-button {
    display: block;
}
.PromotionsList li .app-short-desc .learn-button button {
    padding: 0.625rem 1.5625rem;
    border: 0.0625rem solid blue;
    border-radius: 0.3125rem;
    background: #fff;
    font-size: 1rem;
    color: blue;
    cursor: pointer;
}
.PromotionsList li .app-short-desc span.app-title .learn-button button:hover {
    background-color: blue;
    color: #fff;
}
.controls {
    position: absolute;
    right: 1.875rem;
    text-align: right;
    bottom: 0.625rem;
    z-index: 3;
}
.controls span.dot {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #ccc;
    border-radius: 50%;
    display: inline-block;
}
.controls span.dot {
    width: 0.625rem;
    height: 0.625rem;
    background-color: #eee;
    border-radius: 50%;
    display: inline-block;
    cursor: pointer;
}
.controls span.dot.active {
    background-color: #ccc;
}
#owl-demo .item {
    margin: 0.1875rem;
}
#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}
.feedback-tcard {
    min-height: 8.125rem;
    border: 0.125rem solid rgba(var(--thirdColor)) !important;
    border-radius: 0.625rem;
    height: 100%;
}
.feedback-card ol,
.feedback-card ul {
    text-align: left !important;
}
.popover {
    z-index: 2000 !important;
}
.popover-header {
    background-color: #5ebc85 !important;
    color: #fff !important;
}
.text-third {
    color: rgb(var(--thirdColor));
}
.dropdown-menu.mega-drop .row:first-child {
    min-height: 6.75rem;
}
.modal-certificate-section {
    height: calc(100vh - 30vh);
}
.role_ID .select2-container .select2-selection__clear {
    margin-right: 1.875rem !important;
}
.action_ID .select2-container .select2-selection__clear {
    margin-right: 1.875rem !important;
    height: 2.25rem !important;
    margin-right: 1.6875rem !important;
}
.file-share-btn {
    background: #8dbadb;
    color: #252525;
    padding: 0.5rem;
    border-radius: 0.3125rem;
}
.outlined-card {
    border: 0.0625rem solid #CCCCCC;
}
.update-card label.status {
    border-radius: 0.4375rem;
    text-align: center;
    font-size: 0.9rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    width: 100%;
    font-weight: 600;
}
.update-card label.expired {
    background: #FFD1D3;
    border: 0.0625rem solid #DB1F27;
    color: #DB1F27 !important;
}
.update-card label.pending {
    background: #D8EFFF;
    border: 0.0625rem solid #0673BA;
    color: #0673BA !important;
}
.update-card label.success {
    background: #DCFFE6;
    border: 0.0625rem solid #4ECB71;
    color: #4ECB71 !important;
}
.modal-custom .modal-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--textDefaultColor);
}
.select-btn-role {
    display: flex;
    gap: 0.625rem;
    margin: 0.5rem 0.625rem;
}
.professional-learning-btn {
    background: #f9f9f9;
    border: 0.125rem solid #dddddd;
    color: #03395d;
    font-size: 1rem;
    text-align: center;
    margin: auto;
    width: 100%;
    padding: 1.875rem 1.25rem;
    border-radius: 0.3125rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-weight: 600;
}
.personlized-learning-btn {
    background: #f9f9f9;
    border: 0.125rem solid #dddddd;
    color: #6d0f13;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    margin: auto;
    width: 100%;
    padding: 1.875rem 1.25rem;
    border-radius: 0.3125rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.professionl-icon {
    width: 2.8125rem;
    margin-bottom: 0.625rem;
}
.assignment-details-card {
    padding: 0.625rem 1.875rem;
    border-radius: 0.3125rem;
    background: var(--bodyBackground);
    margin-bottom: 1.25rem;
}
.swal2-checkbox input,
.swal2-radio input {
    flex-shrink: 0;
    margin: 0.25rem .4em !important;
}
.swal2-checkbox,
.swal2-radio {
    align-items: start !important;
}
.swal2-checkbox,
.swal2-file,
.swal2-input,
.swal2-radio,
.swal2-select,
.swal2-textarea {
    margin: 1em 0.5em 0 !Important;
}
.navlinkcandidate {
    border: 0.125rem solid #78c39c !important;
    padding: 0.3125rem !important;
    justify-content: center;
    background: #ffffff !important;
    width: fit-content;
    margin: auto;
    margin-top: 1.25rem;
}
.navlinkcandidate li{
background: #ffffff;
    margin: 0.3125rem;
    border-radius: 0.3125rem;
} 
.activetab-candidate{
background: #e1e1e1 !important;
}
.dropdown-content-a{
    color: #252525 !important;
    text-align:left !important;
}
.ck.ck-editor__editable_inline {
    padding: 0 1.875rem !important;
}
.btntopic{
    border: 0.125rem solid #cccccc;
    height: 2.5rem;
    min-width:6.25rem !important;
    margin-left: 0.3125rem !important;
    margin-right: 0.3125rem !important;
    background-color: white !important;
}
.btntopic:hover{
   background: #e1e1e1 !important;
}
.btntopic-content{
    border: 0.125rem solid #cccccc;
    height: 2.5rem;
    min-width:2.5rem !important;
    padding:0 !important;
    margin: 0.3125rem !important;
    background-color: white !important;
}
.btntopic-content:hover{
   background: #e1e1e1 !important;
}
.modulecustom .active {
    border: 0.125rem solid var(--primaryBlue);
}
.btntopic-content.active {
    border: 0.125rem solid var(--primaryBlue);
}
.btntopicside{
    border: none !important;
    background: #ffffff !important;
}
.btntopicside:hover{
   background: #e1e1e1 !important;
}
.cardgray-custom{
background: #f6f6f6;
  border: 0.125rem solid #ddd;
}
.cardbackdetails{
    background: #eae8e8 !important;
    padding: 1.25rem;
    margin: 0;
  border: 0.0625rem solid #ddd;
  border-radius: 0.625rem;
}
.grid-layout .dt-scroll-head,.grid-layout .dt-scroll-body,.grid-layout .dt-info{
    display: none;
}