@font-face {
     font-family: 'SST Bold';
     src: url('SST-Bold.eot');
     src: local('SST Bold'), local('SST-Bold'),
         url('SST-Bold.eot?#iefix') format('embedded-opentype'),
         url('SST-Bold.woff2') format('woff2'),
         url('SST-Bold.woff') format('woff'),
         url('/SST-Bold.ttf') format('truetype');
     font-weight: bold;
     font-style: normal;
 }

 @font-face {
     font-family: 'SST Medium';
     src: url('SST-Medium.eot');
     src: local('SST Medium'), local('SST-Medium'),
         url('SST-Medium.eot?#iefix') format('embedded-opentype'),
         url('SST-Medium.woff2') format('woff2'),
         url('SST-Medium.woff') format('woff'),
         url('/SST-Medium.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'SST Roman';
     src: url('SST-Roman.eot');
     src: local('SST Roman'), local('SST-Roman'),
         url('SST-Roman.eot?#iefix') format('embedded-opentype'),
         url('SST-Roman.woff2') format('woff2'),
         url('SST-Roman.woff') format('woff'),
         url('/SST-Roman.ttf') format('truetype');
     font-weight: normal;
     font-style: normal;
 }

 @font-face {
     font-family: 'SST Light';
     src: url('SST-Light.eot');
     src: local('SST Light'), local('SST-Light'),
         url('SST-Light.eot?#iefix') format('embedded-opentype'),
         url('SST-Light.woff2') format('woff2'),
         url('SST-Light.woff') format('woff'),
         url('/SST-Light.ttf') format('truetype');
     font-weight: 300;
     font-style: normal;
 }

 :root {
     /* fonts */
     --var-font-regular: 'SST Roman';
     --var-font-medium: 'SST Medium';
     --var-font-bold: 'SST Bold';
     --var-font-light: 'SST Light';
     /* colors */
     --primary: #30004F;
     --secondary: #6E5F49;
     --grey-light: #f3f3f3;
     --text-black: #532380;
     --gray-medium: #999999;
     --third: #f15b5d;
     --btn-primary: #30004F;
     --bg-white: #fff;
     --body-color: #ecf0fa;
     --table-row: #dde2ef;
     --gray-dark: #5b6e88;
     --logo-right: #eae8f1;

     --light-grey-300: #F1EFEF;
     --shade-purple-color: #572077;
     --very-dark-color: #272525;
     --megneta-color: #DC0290;
     --black-color: #000000;
     --text-megenta-color: #ad0080;

 }

 * {
     margin: 0;
     padding: 0;
     font-family: var(--var-font-regular);
     box-sizing: border-box;
     font-size: 14px;
 }

 body {
     background-color: var(--light-grey-300);
 }

 .purple_task {
     color: var(--primary);
 }

 .text_white {
     color: var(--bg-white);
 }

 .text_purple {
     color: var(--text-black);
 }

 /* .page-copy {
    background: var(--bg-white) !important;
} */

 /* loader css */
 .wrapper.custom-loader {
     width: 100%;
     height: 100%;
     margin: 0 auto;
     text-align: center;
     -moz-transition: width 0.3s ease-out;
     -o-transition: width 0.3s ease-out;
     -webkit-transition: width 0.3s ease-out;
     transition: width 0.3s ease-out;
     z-index: 12345;
     display: flex;
     align-items: center;
     justify-content: center;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     position: fixed;
     -webkit-backdrop-filter: blur(3px);
     backdrop-filter: blur(3px);
 }

 @keyframes wave {
     0% {
         transform: scale(0);
         opacity: 1;
     }

     100% {
         transform: scale(1);
         opacity: 0;
     }
 }

 @keyframes jump {
     0% {
         transform: scale(1);
     }

     50% {
         transform: scale(1.4);
     }

     100% {
         transform: scale(1);

     }
 }

 .round {
     position: absolute;
     margin: auto;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     height: 100px;
     width: 100px;
     border-radius: 100%;
     background-color: #562075;
     animation-duration: 1.5s;
     animation-delay: 1s;
     animation-name: wave;
     animation-iteration-count: infinite;

 }

 .box {
     position: absolute;
     margin: auto;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     height: 100px;
     width: 100px;
     animation-duration: 1.5s;
     animation-name: jump;
     animation-iteration-count: infinite;


 }

 .box i {
     font-size: 90px;
     margin: auto;
     color: #34495e;
 }

 .loader-img {
     width: 50%;
     position: absolute;
     top: 39px;
     left: 25px;
 }

 /* loader css end */
 @font-face {
     font-family: 'Material Icons';
     font-style: normal;
     font-weight: 400;
     src: url(https://fonts.gstatic.com/s/materialicons/v141/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
 }

 .material-icons {
     font-family: 'Material Icons';
     font-weight: normal;
     font-style: normal;
     font-size: 24px;
     line-height: 1;
     letter-spacing: normal;
     text-transform: none;
     display: inline-block;
     white-space: nowrap;
     word-wrap: normal;
     direction: ltr;
     -webkit-font-feature-settings: 'liga';
     -webkit-font-smoothing: antialiased;
 }

 .page_heading {
     font-weight: 600;
 }

 .modal-title {
     font-family: var(--var-font-medium);
 }

 h3 {
     color: var(--text-black);
 }

 h4 {
     font-size: 18px;
     color: var(--black-color);
 }

 .shadow-none {
     box-shadow: none !important;
 }

 .card-shadow {
     border: 1px solid #deebfd;
     box-shadow: -8px 12px 18px 0 #dadeE8;
 }

 .card {
     word-wrap: break-word;
     background-color: var(--bg-white);
     background-clip: border-box;
     /* border: 1px solid #000000; */
     box-shadow: -8px 12px 18px 0 #dadeE8;
     /* border-radius: 8px; */
     display: inline-block;
     width: 100%;
 }

 .card-pd {
     padding: 20px 0 !important;
 }

 .card-body {
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     padding: 15px;
     border-radius: 6px;
     padding: 30px;
 }

 .register-request-fields {
     width: 100%;
     /* background-color: var(--grey-light); */
     background-color: white;
     padding-top: 15px;
     /* margin: 0 15px;
    margin-bottom: 15px; */
     border-radius: 8px;
 }

 .container_default {
     margin-right: auto;
     margin-left: auto;
     padding-left: 22px;
     padding-right: 22px;
 }

 label {
     /* color: var(--text-black); */
     color: var(--black-color);
     font-weight: normal;
     font-size: 16px;
 }

 label.error {
     color: red;
     font-size: 12px;
 }

 label+p {
     font-weight: 700;
     color: var(--text-black);
     font-size: 16px !important;
 }

 legend {
     color: var(--primary);
     margin-top: 15px;
     font-size: 16px;
     font-weight: 600;
 }

 .form-group label>span {
     color: var(--third);
 }

 .nav-link:focus,
 .nav-link:hover {
     color: var(--bs-nav-link-hover-color);
     text-decoration: none !important;
 }


 input.form-control,
 select.form-control,
 textarea.form-control,
 .select2-container--default .select2-selection--multiple,
 .form-select {
     border-radius: 16px;
     border: solid 1px #C1C1C1;
     min-height: 50px !important;
     padding: 13px 23px;
     font-size: 14px;
     appearance: none;
     padding-right: 42px;
 }

 input.form-control[type="date"] {
     padding-right: 23px;
 }

 .row {
     display: flex;
     -webkit-flex: flex;
     flex-wrap: wrap;
 }

 .form-control:focus {
     border-color: var(--primary);
     outline: 0;
     box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(38 103 189 / 20%);
 }

 .country-additional-fileds .form-group {
     position: relative;
 }

 .form-group,
 .input-group {
     margin-bottom: 25px;
 }

 .line {
     color: var(--gray-medium);
 }

 .mr-1 {
     margin-right: 10px;
 }

 .btn {
     border: none;
     font-size: 14px;
     font-weight: 400;
     border-radius: 20px;
     box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
     transition: all 0.3s ease-in-out;
     text-transform: capitalize;
     overflow: hidden;
     position: relative;
     padding: 8px 20px;
 }

 .btn-close {
     background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
 }

 .btn-primary,
 .btn-primary:hover {
     background-color: var(--primary) !important;
     color: var(--bg-white) !important;
     border-color: var(--primary) !important;

 }

 .btn-primary:focus {
     background-color: var(--text-black) !important;
     color: var(--bg-white) !important;
     box-shadow: none !important;
     outline: var(--text-black) !important;
 }

 .btn-primary::after,
 .btn-magenta::after {
     content: '';
     position: absolute;
     top: 0%;
     left: 50%;
     width: 5rem;
     height: 5rem;
     background: rgba(255, 255, 255, 0.5);
     transform-origin: center left;
     transform: scale(0) translateX(-50%);
     border-radius: 50%;
 }

 .btn:hover::after {
     animation: expand 1s ease;
 }

 @keyframes expand {
     100% {
         opacity: 0;
         transform: scale(4) translateX(-50%);
     }
 }

 .btn-success-outline {
     background-color: var(--bg-white);
     border: solid 1px var(--success);
     color: var(--success);
 }

 .btn-primary:focus-visible {
     outline: var(--secondary) !important;
 }

 .btn-outline {
     background-color: transparent;
     color: var(--btn-primary);
     border: solid 1px var(--btn-primary);
     border-radius: 20px;
     transition: all 0.3s ease-out;
     position: relative;
     overflow: hidden;
 }

 .btn-outline:hover {
     color: var(--btn-primary);
     border: solid 1px var(--btn-primary);
     background-color: var(--bg-white);
 }

 .btn-outline:focus {
     color: var(--btn-primary);
     border: solid 1px var(--btn-primary);
     box-shadow: none;
 }

 .close-modal-icon {
     font-size: 92px;
     color: red;
 }

 .tab-content {
     /* border: solid 1px var(--body-color); */
     /* padding: 15px; */
 }

 /* ul#myTab {
    border-bottom: none;
    display: flex;
    gap: 7px;
    padding: 10px 0 10px 10px;
} */

 ul#JourneyBtn {
     border-bottom: none;
     display: flex;
     gap: 7px;
     padding: 10px 0 10px 10px;
 }

 .nav_tab_all_status {
     display: flex;
     gap: 10px;
     border-bottom: none;
 }

 .nav-tabs-custom li a.nav-link {
     min-width: 114px;
     height: 34px;
     /* angle: 0 deg; */
     opacity: 1;
     border-radius: 20px;
     padding-top: 4px;
     padding-right: 12px;
     padding-bottom: 0;
     padding-left: 12px;
     text-align: center;
     background-color: #EAE8E8;
     color: var(--black-color);
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     line-height: 23px;
     letter-spacing: 0%;


 }

 /* .nav-tabs-custom>li:last-child a {
    border-radius: 0 4px 0 0;
    border-radius: 8px;
} */

 .nav-tabs .nav-link:hover {
     text-decoration: none !important;
 }

 .nav-tabs .nav-item.show .nav-link,
 .nav-tabs .nav-link.active {
     background-color: var(--primary);
     color: var(--bg-white);
 }

 /* .sidebar .navbar .nav.navbar-nav li a:is(:hover, :focus, :focus-visible) {
    background-color: transparent;
    color: var(--primary);
    text-decoration: none !important;
    outline: none;
    border: none !important;
} */

 /* table-css */

 /* .table {
    border: solid 1px var(--table-row);
} */

 /* table thead th {
    background: var(--bg-white) !important;
} */

 .table>thead>tr>th,
 .table>thead>tr>td,
 .table>tbody>tr>th,
 .table>tbody>tr>td,
 .table>tfoot>tr>th,
 .table>tfoot>tr>td,
 .table tr>th label {
     /* padding: 12px 6px; */
     /* vertical-align: middle; */
     /* border-color: var(--table-row); */
     font-size: 12px;
 }

 .table tbody>tr>td:last-child,
 .table thead>tr>th:last-child {
     text-align: center;
 }

 .table tbody>tr>td:first-child,
 .table thead>tr>th:first-child {
     padding-left: 20px;
 }

 div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-start {
     padding-left: 20px;
 }

 div.dt-container div.dt-layout-row div.dt-layout-cell.dt-layout-end {
     padding-right: 20px;
 }

 table tr td>span.AssignedtoApproverTeam,
 table tr td>span.ReturntoRequestor,
 table tr td>span.RejectedByGRC,
 table tr td>span.Resolved,
 table tr td>span.AssignedtoPSSCTeam,
 table tr td>span.AssigntoGRCTeam,
 table tr td>span.RejectedByPSSC,
 table tr td>span.Rejected,
 table tr td>span.AssignedToSVPTeam,
 table tr td>span.AssignedtoComplianceTeam,
 table tr td>span.AssignedToRequestor,
 table tr td>span.AssignedToCEEPOTeam,
 table tr td>span.AssignedToFSSCTeam,
 table tr td>span.AssignToFSSCManager,
 table tr td>span.Submit {
     /* background: var(--body-color); */
     color: #378B4E;
     /* padding: 3px; */
     /* border-radius: 4px; */
     /* font-size: 11px; */
     /* font-weight: 600; */
     /* line-height: 1.3em; */
     /* display: inline-block; */
 }

 table tr td>span.In-Progress {
     color: var(--bg-white) !important;
     background-color: #1976D2 !important;
 }

 table tr td>span.PermanentRejected {
     color: var(--bg-white) !important;
     background-color: #B71C1C !important;
 }

 table tr td>span.Failed {
     background-color: #C62828 !important;
     color: var(--bg-white) !important;
 }

 table tr td>span.Submit {
     /* table tr td>span.Draft { */
     background: #009688 !important;
     border: 1px solid var(--bg-white) !important;
     color: var(--bg-white) !important;

 }

 table tr td>span.Submit,
 table tr td>span.Failed,
 table tr td>span.PermanentRejected,
 table tr td>span.In-Progress,
 table tr td>span.Completed,
 table tr td>span.Draft {
     /* background: green; */
     /* color: #fff; */
     padding: 3px 7px;
     border-radius: 15px;
     font-size: 11px;
     font-weight: 600;
     line-height: 1.3em;
     display: inline-block;
     min-width: 70px;
     white-space: nowrap;
 }

 .btn-sm {
     padding: 4px 8px;
     font-size: 12px;
 }

 .btn-secondary {
     background-color: var(--btn-primary) !important;
     color: var(--bg-white) !important;
 }

 .btn.btn-magenta {
     background-color: #EAE1F0 !important;
     color: #30004F !important;
     font-family: var(--var-font-bold);
     font-weight: 700;
     font-style: Bold;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 1%;
     text-align: center;
     vertical-align: middle;
 }

 /* .btn.btn-magenta:is(:hover, :focus, :focus-visible){
    background-color: #30004F !important;
    color: #EAE1F0 !important;
} */

 .btn-secondary:hover,
 .btn-secondary:focus,
 .btn:focus-visible {
     color: var(--bg-white);
     border-color: var(--btn-primary);
 }

 .btn:focus,
 .btn:focus-visible {
     outline: var(--btn-primary) !important;
 }

 .dt-container .dt-layout-row .dt-length .dt-input,
 .dt-container .dt-layout-row .dt-search {
     position: relative;
 }

 .dt-container .dt-layout-row .dt-length label,
 .dt-container .dt-layout-row .dt-search label {
     display: none;
 }



 .dt-container .dt-layout-row .dt-length .dt-input,
 .dt-container .dt-layout-row .dt-search .dt-input {
     border: solid 1px var(--body-color);
     padding: 8px 10px;
     border-radius: 4px;
     outline: 0;
 }

 .dt-container .dt-layout-row .dt-search .dt-input {
     padding-left: 30px;
 }

 table tr td.venreqStatus>span,
 table tr td.venreqStatusInactive>span {
     background: var(--body-color);
     color: var(--btn-primary);
     padding: 3px;
     border-radius: 4px;
     font-size: 11px;
     font-weight: 600;
     line-height: 1.3em;
     display: inline-block;
 }

 /* .table>thead>tr>th>span {
    font-size: 12px;
    color: #553672;
} */

 .dt-container .dt-layout-row .dt-search::after {
     content: "\e8b6";
     position: absolute;
     font-family: 'Material Icons';
     font-size: 20px;
     color: var(--text-black);
     left: 8px;
     top: 5px;
 }

 .header_right {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 100%;
     /* padding-top: 12px; */
 }

 .e_header_dropdown:not(.headerexpand) #menu-toggle-2 .left-icon {
     display: none;
 }

 .mobile-menu {
     height: 28px;
     width: 30px;
     background-color: transparent;
     border: solid 2px var(--primary);
     border-radius: 4px;
 }

 .profile_menu a img {
     width: 30px;
 }

 .form-control:disabled {
     background-color: #e9ecef !important;
     opacity: 1;
     cursor: no-drop;
 }

 textarea {
     resize: none;
 }

 /* sidebr-css */

 .sidebar {
     width: 232px;
     position: fixed;
     overflow-y: hidden;
     top: 0px;
     overflow-x: hidden;
     z-index: 999;
     height: 100%;
     margin-bottom: 20px;
     /* background-color: var(--bg-white); */
     /* border-bottom: 1px solid #dce7f5; */
     /* box-shadow: 5px 7px 26px -5px #cdd4e7; */
     /* background-image: linear-gradient(180deg, #f15b5d 0%, #7e58ae 50%, #2667bd 100%);     */
     background: var(--shade-purple-color);
     /* background-image: url(/login-round.png), url(/polygon-img.png), url(/login-round.png); */
     /* background-repeat: no-repeat, no-repeat, no-repeat; */
     /* background-position: -40% 10px, -70px 65%, 150px 115%; */
     /* background-size: 150px auto, 180px auto, 150px auto; */
 }

 .top_header {
     background: var(--primary);
     height: 84px;
     position: sticky !important;
     top: 0;
     z-index: 999;
 }

 .sidebar+.page-copy,
 .top_header {
     width: calc(100% - 232px);
     margin-left: auto;
     margin-right: 0;
     position: relative;
     margin-top: 0px;
     /* margin-bottom: 20px;    */
     /* background: var(--primary); */
     border: none;
 }

 .top_header.topheaderside {
     width: calc(100% - 80px);
 }

 .sidebar .sidebar_logo {
     display: flex;
     padding: 20px;
 }

 .sidebar .sidebar_logo img {
     width: auto;
     height: 55px;
     margin: 0 10px;
 }

 .sidebar .navbar-inverse.navbar-lefsidebar {
     display: flex;
     flex-direction: column;
     background-color: transparent;
 }

 .sidebar .navbar .nav.navbar-nav {
     float: none;
     display: flex;
     flex-direction: column;
     flex-wrap: nowrap;
     padding: 48px 10px;
     height: calc(100vh - 100px);
     overflow-y: auto;
 }

 .sidebar .navbar .nav.navbar-nav .divider-vertical {
     display: none;
 }

 /* .sidebar .navbar .nav.navbar-nav li:first-child{display: none;} */
 .sidebar .navbar .nav.navbar-nav li a {
     width: 100%;
     display: inline-flex;
     align-items: center;
     margin-left: 0;
     font-size: 16px;
     padding: 10px 1px 10px 10px;
     border: none;
     color: var(--bg-white);
     gap: 7px;
     margin-bottom: 10px;
 }

 /* li.weblink {
    display: flex;
    justify-content: center;
    margin-top: 10px;
} */

 li.weblink.active {
     border-radius: 30px;
     margin-top: 5px;
     margin-bottom: 5px;
 }

 .sidebar .navbar .nav.navbar-nav li.active a {
     background: #B90B7C;
     color: var(--bg-white);
     border-radius: 30px;
     padding: 8px;
     padding-left: 8px;
 }

 .sidebar .navbar .nav.navbar-nav li.active a:is(:hover, :focus, :focus-visible) {
     color: #B90B7C;
     text-decoration: none;
     outline: 0;
     background: var(--bg-white);
 }

 .sidebar .navbar .nav.navbar-nav li a:is(:hover, :focus, :focus-visible) {
     background-color: transparent;
     color: var(--bg-white);
     text-decoration: none;
     outline: none;
     border: none !important;
 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a::before {
     font-family: 'Material Icons';
     position: relative;
     font-size: 20px;
     top: 2px;
 }

 /* .sidebar .navbar .nav.navbar-nav li.weblink>a::after {
    font-family: 'Material Icons';
    position: absolute;
    right: 22px;
    font-size: 20px;
    content: '\e5cc';
} */

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Dashboard"]::before {
     content: '';
     background-image: url("/dashboard.svg");
     width: 24.59px;
     height: 24.59px;
 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Log Out"]::before {
     /* content: '\e9ba'; */
     content: '';
     background-image: url("/sign-out.svg");
     width: 24.59px;
     height: 24.59px;
 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Sign out"]::before,
 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Sign Out"]::before {
     /* content: '\e9ba'; */
     content: '';
     background-image: url("/sign-out.svg");
     width: 24.59px;
     height: 24.59px;
 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Chat"]::before,
 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Request Chat"]::before {
     /* content: '\e0b7'; */
     content: '';
     background-image: url("/chat.svg");
     width: 24.59px;
     height: 24.59px;
 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Register New Request"]::before {
     content: '\e560';
 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Important Note"]::before {
     content: '\f1fc';
 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Test POC"]::before {
     content: '\e862';
 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="My activites"]::before,
 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="My Reassign"]::before,
 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="My Assign"]::before {
     content: '';
     background-image: url("/my-activites.svg");
     width: 24px;
     height: 24px;
 }


 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="User Access Control Details"]::before,
 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="User Access Control"]::before {
     content: '';
     background-image: url("/role-assignment.svg");
     width: 19.4px;
     height: 24px;

 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Request Assignment Controls Details"]::before,
 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Request Assignment Controls"]::before {
     content: '';
     background-image: url("/request-assignment.svg");
     width: 22px;
     height: 24px;
 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Round Robin Setup Request"]::before,
 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Round Robin Setup"]::before {
     content: '';
     background-image: url("/round-robin.svg");
     width: 24px;
     height: 24px;
 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Learning Development"]::before,
 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="FR Classification"]::before {
     content: '';
     background-image: url("/dashboard.svg");
     width: 24.59px;
     height: 24.59px;
 }

 .sidebar .navbar .nav.navbar-nav li a span {
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 16px;
     /* leading-trim: NONE.; */
     line-height: 100%;
     letter-spacing: 0%;
     text-transform: capitalize;

 }

 /* .sidebar .navbar .nav.navbar-nav li.active a span {
    font-family: var(--var-font-bold);
} */

 .sidebar .navbar-lefsidebar .navbar-header {
     background-color: var(--bg-white);
     border-bottom: solid 1px var(--logo-right);
     background: #EDEBE8;
     width: 100%;
     margin-top: -7px;
     height: 84px;
     border: none;
     box-shadow: none;
 }

 .sidebar .navbar .navbar-brand-left {
     height: 84px;
     width: 100%;
     background-color: var(--primary);
 }

 .e_header_dropdown:not(.headerexpand) #menu-toggle-2 .left-icon {
     display: none;
 }

 .e_header_dropdown.headerexpand #menu-toggle-2 .menu_icon {
     border: none;
     opacity: 0;
     visibility: hidden;
     display: none;
 }

 #sidebarMenu.active {
     margin-left: 0px;
     width: 80px;
     transition: all 0.1s ease-in-out;
     height: 100%;
     overflow: visible;
 }

 .sidebar.active {
     position: absolute;
     height: auto;
     overflow: initial;
 }

 #sidebarMenu.active .nav-left .navbar ul.nav li a span,
 #sidebarMenu.active .navbar-nav li a span {
     display: none;
 }

 #sidebarMenu.active .nav-left .navbar ul.nav li a span,
 #sidebarMenu.active .navbar-nav li a span {
     display: none;
 }

 .sidebar.active .navbar .nav.navbar-nav li a {
     text-align: center;
     display: flex;
 }

 .sidebar.active .nav-left .navbar ul.nav li.weblink:hover a span,
 .sidebar.active .nav li:hover a span {
     display: initial !important;
     margin-left: 10px;
     text-overflow: ellipsis;
     overflow: hidden;
     width: calc(100% - 60px);
     text-align: left;
     white-space: nowrap;
     text-align: center;
 }

 .sidebar.active .nav-left .navbar ul.nav li a,
 .sidebar.active .nav-left .navbar ul.nav li.weblink a:is(:hover, :focus) {
     background: var(--bg-white);
     justify-content: flex-start;
     transition: none;
 }

 .sidebar.active .nav-left .navbar ul.nav li.weblink:hover a,
 #sidebarMenu.active .navbar-collapse nav .nav li:hover a {
     width: 260px;
     display: flex;
     justify-content: flex-start;
     color: var(--primary);
     background-color: var(--bg-white);
 }

 .sidebar.active .nav-left .navbar ul.nav li.weblink a {
     justify-content: flex-start !important;
     transition: none !important;
 }

 .sidebar.active .nav-left .navbar ul.nav li a::before,
 #sidebarMenu.active .navbar-collapse nav .nav li a::before {
     width: 30px;
 }

 .sidebar.active .navbar-brand-left img {
     height: 14px !important;
 }

 .wrapper-body.exapnaddiv .page-copy {
     width: calc(100% - 82px);
 }

 .sidebar.active .navbar .nav.navbar-nav li.weblink>a::after {
     display: none
 }

 div#mainContent {
     /* height: calc(100vh - 60px); */
     padding-top: 26px;
     margin-bottom: 0px;
     /* overflow: auto; */
 }

 /* width */
 ::-webkit-scrollbar {
     width: 10px;
 }

 /* Track */
 ::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px #808080;
     border-radius: 10px;
 }

 /* Handle */
 ::-webkit-scrollbar-thumb {
     background: #6e4984;
     border-radius: 10px;
 }

 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #3b1650;
 }

 /* .top_header{display: none;} */


 /* progress bar css */
 /* ------------- Wizard Steps CSS ------------- */
 .process-wrap {
     width: 100%;
     margin: auto;
 }

 .process-main {
     width: 100%;
     min-width: 320px;
     display: flex;
     flex-wrap: nowrap;
     padding-bottom: 10px;
     justify-content: center;
 }

 /*overflow: hidden; overflow-x: auto;*/
 .colc-3 {
     width: auto;
     flex: auto;
     position: relative;
 }

 .colc-3:first-child .process-step:before {
     content: '1';
 }

 .colc-3:nth-child(2) .process-step:before {
     content: '2';
 }

 .colc-3:nth-child(3) .process-step:before {
     content: '3';
 }

 .colc-3:nth-child(4) .process-step:before {
     content: '4';
 }

 .colc-3:nth-child(5) .process-step:before {
     content: '5';
 }

 .colc-3:nth-child(6) .process-step:before {
     content: '6';
 }

 .colc-3:nth-child(7) .process-step:before {
     content: '7';
 }

 .colc-3:nth-child(8) .process-step:before {
     content: '8';
 }

 .colc-3:nth-child(9) .process-step:before {
     content: '9';
 }

 .colc-3:nth-child(10) .process-step:before {
     content: '10';
 }

 .process-main .colc-3:not(:first-child):before {
     content: "";
     display: block;
     position: absolute;
     width: 100%;
     height: 4px;
     top: 17.5px;
     left: calc(-52% + 20px);
     right: 0;
     background: #ebebeb;
     border: 2px #ebebeb solid;
     -o-transition: .4s;
     -ms-transition: .4s;
     -moz-transition: .4s;
     -webkit-transition: .4s;
     transition: .4s;
 }

 .process-step-cont {
     font-family: sans-serif;
     font-size: 16px;
     text-transform: uppercase;
     text-decoration: none;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     align-content: space-between;
 }

 .process-step {
     border: 5px #ebebeb solid;
     border-radius: 100%;
     line-height: 0;
     background: #959595;
     text-align: center;
     align-items: center;
     justify-content: center;
     align-self: center;
     display: flex;
     color: var(--bg-white);
     width: 35px;
     height: 35px;
     font-weight: 700;
     margin-bottom: 7px;
     z-index: 4;
     cursor: pointer;
 }

 .process-label {
     color: #959595;
     font-weight: 600;
     width: 100%;
     text-align: center;
     font-size: 12px;
     min-height: 36px;
 }

 .active-step1 .colc-3:first-child .process-step,
 .active-step1 .colc-3:first-child .process-dots:first-child,
 .active-step1-mini2 .colc-3:first-child .process-step,
 .active-step1-mini2 .colc-3:first-child .process-dots:nth-child(-n+2),
 .active-step1-mini3 .colc-3:first-child .process-step,
 .active-step1-mini3 .colc-3:first-child .process-dots:nth-child(-n+3),
 .active-step1-mini4 .colc-3:first-child .process-step,
 .active-step1-mini4 .colc-3:first-child .process-dots:nth-child(-n+4),
 .active-step1-mini5 .colc-3:first-child .process-step,
 .active-step1-mini5 .colc-3:first-child .process-dots:nth-child(-n+5),
 .active-step1-mini6 .colc-3:first-child .process-step,
 .active-step1-mini6 .colc-3:first-child .process-dots:nth-child(-n+6),
 .active-step1-mini7 .colc-3:first-child .process-step,
 .active-step1-mini7 .colc-3:first-child .process-dots:nth-child(-n+7),
 .active-step1-mini8 .colc-3:first-child .process-step,
 .active-step1-mini8 .colc-3:first-child .process-dots:nth-child(-n+8),
 .active-step1-mini9 .colc-3:first-child .process-step,
 .active-step1-mini9 .colc-3:first-child .process-dots:nth-child(-n+9),
 .active-step1-mini10 .colc-3:first-child .process-step,
 .active-step1-mini10 .colc-3:first-child .process-dots:nth-child(-n+10) {
     background-color: var(--primary);
 }

 .active-step1 .colc-3:first-child .process-label,
 .active-step1-mini3 .colc-3:first-child .process-label,
 .active-step1-mini2 .colc-3:first-child .process-label,
 .active-step1-mini4 .colc-3:first-child .process-label,
 .active-step1-mini5 .colc-3:first-child .process-label,
 .active-step1-mini6 .colc-3:first-child .process-label,
 .active-step1-mini7 .colc-3:first-child .process-label,
 .active-step1-mini8 .colc-3:first-child .process-label,
 .active-step1-mini9 .colc-3:first-child .process-label,
 .active-step1-mini10 .colc-3:first-child .process-label {
     color: var(--primary);
 }

 .active-step1-mini2 .colc-3:first-child .process-dots:first-child,
 .active-step1-mini3 .colc-3:first-child .process-dots:nth-child(-n+2),
 .active-step1-mini4 .colc-3:first-child .process-dots:nth-child(-n+3),
 .active-step1-mini5 .colc-3:first-child .process-dots:nth-child(-n+4),
 .active-step1-mini6 .colc-3:first-child .process-dots:nth-child(-n+6) {
     background-color: #fbcb93;
 }

 .active-step2 .colc-3:nth-child(-n+2) .process-step,
 .active-step2 .colc-3:nth-child(-n+2) .process-dots,
 .active-step3 .colc-3:nth-child(-n+3) .process-step,
 .active-step3 .colc-3:nth-child(-n+3) .process-dots,
 .active-step4 .colc-3:nth-child(-n+4) .process-step,
 .active-step4 .colc-3:nth-child(-n+4) .process-dots,
 .active-step5 .colc-3:nth-child(-n+5) .process-step,
 .active-step5 .colc-3:nth-child(-n+5) .process-dots,
 .active-step6 .colc-3:nth-child(-n+6) .process-step,
 .active-step6 .colc-3:nth-child(-n+6) .process-dots,
 .active-step7 .colc-3:nth-child(-n+7) .process-step,
 .active-step7 .colc-3:nth-child(-n+7) .process-dots,
 .active-step8 .colc-3:nth-child(-n+8) .process-step,
 .active-step8 .colc-3:nth-child(-n+8) .process-dots,
 .active-step9 .colc-3:nth-child(-n+9) .process-step,
 .active-step9 .colc-3:nth-child(-n+9) .process-dots,
 .active-step9 .colc-3:nth-child(-n+10) .process-step,
 .active-step9 .colc-3:nth-child(-n+10) .process-dots {
     background-color: var(--text-black);
 }

 .active-step2 .colc-3:nth-child(-n+2):before,
 .active-step3 .colc-3:nth-child(-n+3):before,
 .active-step4 .colc-3:nth-child(-n+4):before,
 .active-step5 .colc-3:nth-child(-n+5):before,
 .active-step6 .colc-3:nth-child(-n+6):before,
 .active-step7 .colc-3:nth-child(-n+7):before,
 .active-step8 .colc-3:nth-child(-n+8):before,
 .active-step8 .colc-3:nth-child(-n+9):before,
 .active-step8 .colc-3:nth-child(-n+10):before {
     background: var(--text-black) !important;
     border-color: var(--text-black) !important;
 }

 span.info_detail {
     font-size: 10px;
 }

 .process-step-cont .process_info {
     background: #572077a8;
     color: var(--bg-white);
     padding: 2px 8px;
     border-radius: 6px;
     max-width: 135px;
 }

 .slabreach {
     color: red;
     text-transform: none;
 }

 /* progress bar css end */

 /* icons sidear css */
 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Home"] {
     display: none;
 }

 /* .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Sign out"]::before {
    content: '\e9ba';
} */

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="My Request"]::before,
 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Request Jounrney"]::before {
     content: '\f075';
 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="New Request"]::before {
     content: '\e7fe';
 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Delegation"]::before,
 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Add request assign"]::before,
 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="Priority Assignment"]::before {
     content: '\f075';
 }

 .sidebar .navbar .nav.navbar-nav li.weblink>a[aria-label="New User Requests"]::before {
     content: '\e89c';
 }

 /* icons sidebar end */
 .private-mode-banner {
     display: none;
 }

 .navbar-logo-mobile {
     padding: 0
 }

 .collapse:not(.show) {
     display: block !important;
     width: 100%;
 }

 .process_info .process_info_icon {
     color: var(--text-black);
     border: none;
     outline: none;
     cursor: pointer;
 }

 .dropdown-menu>li>a,
 .dropdown-menu>li>a:hover,
 .dropdown-menu>li>a:focus {
     text-decoration: none !important;
     display: block;
     width: auto;
     background-color: var(--bg-white);
     color: var(--gray-dark);
     padding: 8px 20px;
 }

 .form-group-select select,
 .form-group .select2-container--default .select2-selection--single .select2-selection__rendered {
     /* background-image: url(/icon-dropdown.svg); */
     background-position: right;
     background-repeat: no-repeat;
     line-height: 18px;
     height: 100%;
     display: flex;
     align-items: center;
     /* padding-top: 17px; */
     padding-right: 21px;
     /* padding-bottom: 17px; */
     padding-left: 21px;
 }

 .form-group .select2-container .select2-selection--single .select2-selection__rendered {
     padding: 6px 12px;
 }

 .select2-container--default .select2-selection--single,
 #vendorCategory,
 #vendorType {
     height: 50px !important;
     border-color: #c3c3c3 !important;
     border-radius: 16px !important;
 }

 .card-_table_filter .select2-container--default .select2-selection--single {
     border-radius: 30px !important;
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 44px !important;
 }

 #select2-vendorCodeForExisting-container .select2-selection__clear {
     display: none;
 }

 .select2-container--default .select2-results__option--highlighted[aria-selected] {
     background-color: var(--primary) !important;
 }

 /* profile css start */
 /* Basic styles for the nav-link */
 .team-title-heading {
     position: relative;
     display: inline-block;
     text-decoration: none;
     font-size: 16px;
     color: var(--bg-white);
 }

 /* Background blur animation for team-title-heading */
 /* .team-title-heading::before {
    content: '';
    display: block;
    position: absolute;
    -webkit-filter: blur(20px);
    filter: blur(20px);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    mix-blend-mode: screen;
    background-image:
        repeating-linear-gradient(-45deg, transparent, transparent 1em, #9E2053 1em, orange 50%),
        repeating-linear-gradient(45deg, #111626, #111626 1em, pink 1em, #571B3D 50%);
    background-size: 3em 3em, 2em 2em;
    animation-name: ani-bg;
    /* Assign animation for background */
 /* animation-duration: 8s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
} */

 /* Keyframes for background animation */
 /* @keyframes ani-bg {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.1);
    }
} */

 /* Styles and animations for the span inside team-title-heading */
 .team-title-heading span.material-icons {
     position: relative;
     width: 33px;
     height: 33px;
     border: solid 2px #DE0090;
     color: #DE0090;
     border-radius: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 0px;
     font-weight: var(--var-font-bold);
     transition: transform 0.3s ease, color 0.3s ease;
 }

 .team-title-heading span.username {
     opacity: 0;
     visibility: hidden;
     width: 0;
     height: 0;
     display: block;
 }

 .profile_menu .dropdown-menu.show {
     display: block;
     padding-top: 0;
     padding-bottom: 0;
     box-shadow: 0 0 1px 2px #f1f1f1;
     border: none;
 }

 .profile_menu .dropdown-menu>li>a:focus,
 .dropdown-menu>.active>a,
 .dropdown-menu>.active>a:focus,
 .dropdown-menu>.active>a:hover {
     outline-offset: 0;
     outline: 0;
     border: none;
 }

 .dropdown-menu>li>a:focus,
 .dropdown-menu>li>a:hover {
     background-color: var(--light-grey-300);
 }

 /* Hover effects for the span */
 /* .team-title-heading:hover span { */
 /* transform: translateY(-5px); */
 /* color: #F0A500; */
 /* Color changes on hover */
 /* } */

 /* Underline animation for the span */
 /* .team-title-heading span::after {
    content: '';
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #F0A500; */
 /* Underline color */
 /* transform: scaleX(0);
    transform-origin: bottom right;
    transition: transform 0.3s ease;
} */

 /* Underline scaling animation on hover */
 /* .team-title-heading:hover span::after {
    transform: scaleX(1);
    transform-origin: bottom left;
} */

 /* Additional Keyframes for span hover effect */
 /* @keyframes ani-span {
    0% {
        transform: scale(1);
        color: #fff;
    }

    100% {
        transform: scale(1.1);
        color: #F0A500;
    }
} */

 ul.show>li.nav-item {
     /* border-bottom: 1px solid #d3d3d3; */
     border-bottom: none;
 }

 ul.show>li.nav-item:last-child {
     border-bottom: none;
 }

 ul.show>li.nav-item>a {
     white-space: nowrap;
     margin: 0;
 }

 /* You can apply ani-span for some additional span animation if needed */
 /* .team-title-heading span:hover {
    animation: ani-span 0.3s ease forwards; 
} */
 /* profile hover css end */


 /* multipal select */
 span.select2.select2-container.select2-container--default {
     /* width: 100% !important; */
     display: block;
 }

 .selectotherEntityExtended .select2-container--default .select2-selection--multiple {
     height: auto;
     padding: 1px 8px;
     border-color: #9B917B !important;
     border-radius: 16px;
 }

 /* .select2-selection--multiple ul.select2-selection__rendered li.select2-selection__choice{padding-left:20px} */
 .selectotherEntityExtended .select2-container--default .select2-selection--multiple .select2-selection__choice,
 .selectChangeType .select2-container--default .select2-selection--multiple .select2-selection__choice,
 .custom_form_select_list .select2-container--default .select2-selection--multiple .select2-selection__choice {
     background-color: var(--btn-primary);
     border: 1px solid var(--btn-primary);
     color: var(--bg-white);
     border-radius: 16px;
     white-space: break-spaces;
 }

 .selectChangeType .select2-container--default .select2-selection--multiple .select2-selection__choice {
     margin-top: 0;
 }

 .selectChangeType .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
     color: var(--bg-white)
 }

 .selectotherEntityExtended .select2-container--default .select2-selection--multiple .select2-selection__choice__remove,
 .custom_form_select_list .select2-container--default .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
     color: var(--bg-white);
 }

 .selectChangeType span.select2.select2-container.select2-container--default,
 .custom_form_select_list .select2-container--default .select2-selection--multiple {
     border-radius: 16px;
 }

 .selectChangeType span.select2.select2-container.select2-container--default span.select2-selection.select2-selection--multiple {
     padding-bottom: 0;
     padding-left: 0;
     border-radius: 16px;
 }

 .custom_form_select_list .select2-container--default .select2-selection--single .select2-selection__rendered {
     height: 100%;
     line-height: 36px;
 }

 /* .custom_form_select_list .select2-container--default .select2-selection--single {
     height: 35px !important;
 } */

 .custom_form_select_list .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 32px !important;
 }

 .request_journey_main .card_rate_list_main .card_rate_list {
     margin-bottom: 0;
 }

 body .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__arrow {
     background-color: transparent;
 }

 body .select2-container--default.select2-container--disabled .select2-selection__choice {
     background-color: #b9b9b9 !important;
     border: 1px solid #b9b9b9 !important;
     color: #3e3e3e !important;
 }

 table.dataTable.material_details_dataTable>tbody>tr>td:has(input:disabled),
 table.dataTable.material_details_dataTable>tbody>tr>td:has(select:disabled),
 table.dataTable.material_details_dataTable>tbody>tr>td>select:disabled,
 table.dataTable.material_details_dataTable>tbody>tr>td .select2-container--default .select2-selection--single:disabled {
     background-color: #e9ecef !important;
     -moz-appearance: inherit;
     -webkit-appearance: inherit;
     appearance: none;
 }

 table.dataTable.material_details_dataTable>tbody>tr>td input,
 table.dataTable.material_details_dataTable>tbody>tr>td select,
 table.dataTable.material_details_dataTable>tbody>tr>td .select2-container--default .select2-selection--single {
     border: none;
     outline: 0;
     box-shadow: none;
     padding: 0;
     text-align: center;
 }

 /* table.dataTable.material_details_dataTable>tbody>tr>td .select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #e9ecef;
 } */

 table.dataTable.material_details_dataTable>tbody>tr>td .select2-container--default.select2-container--disabled .select2-selection--single {
     background-color: transparent;
 }

 .select2-container--default .select2-selection--single .select2-selection__placeholder {
     white-space: break-spaces;
 }

 .select2-container--default .select2-selection--single .select2-selection__rendered {
     white-space: break-spaces;
 }

 .table.dataTable .form-check-input:checked {
     background-color: var(--primary);
     border-color: var(--primary);
 }

 /* custom checkbox css */
 .round-checkbox {
     position: relative;
 }

 .round-checkbox label {
     background-color: var(--bg-white);
     border: 1px solid #ccc;
     border-radius: 50%;
     cursor: pointer;
     height: 28px;
     left: 0;
     position: absolute;
     top: 0;
     width: 28px;
 }

 .round-checkbox label:after {
     border: 2px solid var(--bg-white);
     border-top: none;
     border-right: none;
     content: "";
     height: 6px;
     left: 7px;
     opacity: 0;
     position: absolute;
     top: 8px;
     transform: rotate(-45deg);
     width: 12px;
 }

 .round-checkbox input[type="radio"] {
     visibility: hidden;
 }

 .round-checkbox input[type="radio"]:checked+label {
     background-color: var(--text-black);
     border-color: var(--text-black);
 }

 .round-checkbox input[type="radio"]:checked+label:after {
     opacity: 1;
 }

 /* custom checkbox css end */

 /* chat css */
 .p-20 {
     padding: 0 2px;
 }

 .main-container {
     position: relative;
     width: 100%;
     max-width: 100%;
     background: var(--bg-white);
     display: flex;
     box-shadow: 0px 1px 1px 0 rgba(0, 0, 0, 0.5), 0px 2px 5px 0 rgba(0, 0, 0, 0.6);
     margin-top: 0px;
     padding: 0;
     height: 89vh;
     border-radius: 6px;
 }

 .main-container .left-container {
     position: relative;
     height: 100%;
     flex: 30%;
     /* height: 89vh; */
     /* border-right: 1px solid #d4d4d4; */
     background: #410266;
     background-image: url(logo-round.png), url(polygon-img.png), url(logo-round.png);
     background-repeat: no-repeat, no-repeat, no-repeat;
     background-position: -22% -48px, -71px 55%, 320px 113%;
     background-size: 150px auto, 180px auto, 150px auto;
     border-radius: 6px 0 0 6px;
 }

 .main-container .right-container {
     position: relative;
     height: 100%;
     flex: 70%;
     background: #ededed;
     height: 89vh;
     border-radius: 6px 6px 6px 0;
 }

 /* .main-container .right-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(https://camo.githubusercontent.com/854a93c27d64274c4f8f5a0b6ec36ee1d053cfcd934eac6c63bed9eaef9764bd/68747470733a2f2f7765622e77686174736170702e636f6d2f696d672f62672d636861742d74696c652d6461726b5f61346265353132653731393562366237333364393131306234303866303735642e706e67);
    opacity: 0.5;
  } */

 .header-chat {
     position: relative;
     display: flex;
     align-items: center;
     width: 100%;
     background: #ededed;
     padding: 20px;
 }

 .user-img {
     position: relative;
     width: 40px;
     height: 40px;
     overflow: hidden;
     border-radius: 50%;
 }

 .dp {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
     cursor: pointer;
 }

 .nav-icons {
     display: flex;
     justify-content: flex-end;
     padding-left: 110px;
 }

 .nav-icons li {
     backgroud-color: pink;
     list-style: none;
     display: flex;
     cursor: pointer;
     color: #51585c;
     margin-left: 22px;
     font-size: 18px;
 }

 .notif-box {
     position: relative;
     display: flex;
     width: 100%;
     height: 70px;
     background: #76daff;
     align-items: center;
     font-size: 0.8em;
     text-decoration: none;
 }

 .notif-box i {
     position: relative;
     left: 13px;
     background: var(--bg-white);
     padding: 10px;
     width: 42px;
     height: auto;
     font-size: 20px;
     border-radius: 55%;
     cursor: pointer;
     color: #76daff;
 }

 .notif-box .fa-xmark {
     position: absolute;
     left: 260px;
     text-align: center;
     background: #76daff;
     color: var(--bg-white);
 }

 .notif-text {
     margin: 25px;
 }

 .notif-text a {
     text-decoration: none;
     color: #333;
     font-size: 0.9em;
 }

 .search-container {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 15px 15px 0 15px;
     /* margin-bottom: 15px; */
     /* border-bottom: 1px solid #d4d4d4; */
     /* height: 60px; */
     /* background: #2c3e50; */
 }

 .search-container .input {
     width: 90%;
 }

 .search-container .input input {
     width: 100%;
     outline: none;
     border: 1px solid #d4d4d4;
     color: var(--bg-white);
     background: transparent;
     /* color: #f5f5f5; */
     padding: 8px;
     height: 45px;
     border-radius: 10px;
     font-size: 14px;
     padding-left: 42px;
     /* margin: 10px; */
 }

 .search-chat {
     position: absolute;
     left: 25px;
     top: 26px;
     color: #bbb;
     font-size: 22px;
 }

 .chat-name-title {
     padding: 15px 15px 0 15px;
     display: flex;
     justify-content: space-between;
     align-items: center;
 }

 .chat-name-title>p {

     font-size: 20px;
     color: var(--bg-white);
     font-weight: 600;
     margin: 0;
 }

 .chat-list {
     position: relative;
     height: calc(100% - 18%);
     overflow-y: auto;
     padding: 15px;
 }

 .chat-list .chat-box {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     padding: 15px;
     border-bottom: 1px solid #410266;
     /* border-left: 6px solid #572077; */
     background-color: var(--shade-purple-color);
     padding-left: 4px;
     padding-right: 4px;
 }

 .chat-list .chat-box .img-box {
     position: relative;
     /* width: 55px; */
     height: 45px;
     /* overflow:hidden; */
     border-radius: 50%;
 }

 .chat-list .chat-box .chat-details {
     width: 100%;
     margin-left: 10px;
 }

 .chat-list .chat-box .chat-details .text-head {
     display: flex;
     justify-content: space-between;
     align-items: center;
     margin-bottom: 2px;
 }

 .chat-list .chat-box .chat-details .text-head h4 {
     font-size: 14px;
     font-weight: 600;
     color: var(--bg-white);
     margin: 0;
 }

 .chat-list .chat-box .chat-details .last-message {
     font-size: 14px;
     font-weight: 500;
     color: var(--bg-white);
     margin: 0;
     flex: 1;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     width: 100px;
 }

 .chat-list .chat-box .chat-details .text-head .time {
     font-size: 0.8em;
     color: #aaa;
     margin: 0;
 }

 .chat-list .chat-box .chat-details .text-message {
     display: flex;
     justify-content: space-between;
     align-items: center;
     font-size: 14px;
     width: 100%;
 }

 .chat-list .chat-box .chat-details .text-message p {
     color: #aaa;
     font-size: 11px;
     overflow: hidden;
     margin: 0;
 }

 /* img {
    width: 100%;
    object-fit: cover;
} */

 /* .chat-list .chat-box .chat-details .text-message b {
    background: #06e744;
    color: #fff;
    min-width: 12px;
    height: 12px;
    border-radius: 50%;
    font-size: 8px;
    font-weight: 400;
    display: flex;
    justify-content: center;
    align-items: center;
} */

 .chat-list .active {
     background: var(--bg-white);
     border-left: 6px solid #ba0a7d;
 }

 .chat-box.active>.chat-details .text-message p {
     color: var(--black-color);
 }

 .chat-box.active>.chat-details .text-head h4 {
     color: var(--black-color);
 }

 .chat-list .active:hover {
     background: var(--bg-white) !important;
     border-left: 6px solid #ba0a7d;
 }

 .chat-list .active:hover .text-head h4 {
     color: var(--black-color) !important;
 }

 .chat-list .active:hover .text-message p {
     color: var(--black-color) !important;
 }

 .chat-list .chat-box:hover {
     background: #f5f5f5;
 }

 .chat-list .chat-box:hover .text-head h4 {
     color: var(--black-color);
 }

 .chat-list .chat-box .chat-details .text-head .unread {
     /* color: #06e744;
    margin: 0; */
     color: var(--bg-white);
     margin: 0;
     background: green;
     border-radius: 62%;
     font-size: 12px;
     width: 17px;
     height: 17px;
     text-align: center;
     line-height: normal;
     margin-right: 4px;
 }


 /* right-container */


 .right-container .header-chat {
     display: flex;
     justify-content: space-between;
     align-items: center;
     position: absolute;
     z-index: 998;
     background: var(--text-black);
     border-bottom: 1px solid #d4d4d4;
     border-radius: 0 6px 0 0;
 }

 .right-container .header-chat .img-text .user-img .dp {
     position: relative;
     top: -2px;
     left: 0px;
     width: 40px;
     height: auto;
     overflow: hidden;
     object-fit: cover;
 }

 .right-container .header-chat .img-text {
     position: relative;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
 }

 .right-container .header-chat .img-text h4 {
     font-weight: 500;
     line-height: 1.2em;
     margin-bottom: 0;
     font-weight: 600;
     color: #fefdff;
 }

 .right-container .header-chat .team-text h5 {
     font-weight: 500;
     line-height: 1.2em;
     margin-bottom: 0;
     font-weight: 600;
     color: #fefdff;
 }


 .right-container .header-chat .img-text h4 span {
     font-size: 0.8em;
     color: #555;
 }

 .right-container .header-chat .nav-icons {
     position: relative;
     margin-right: 0px;
     /*   padding: 5px; */
 }

 .right-container .header-chat .nav-icons i {
     padding: 10px;
 }

 .chat-container {
     position: relative;
     width: 100%;
     padding: 60px 12px 10px 11px;
     overflow-y: auto;
     height: calc(100vh - 190px);
 }

 .message-box {
     display: flex;
     align-items: flex-start;
     margin-bottom: 5px;
     position: relative;
 }



 .message-box.sender p::before {
     content: '';
     position: absolute;
     top: 0;
     right: -12px;
     width: 20px;
     height: 20px;
     background: linear-gradient(135deg, #532380 0%, #532380 50%, transparent 50%, transparent);
 }

 .receiver .message-content {
     background: #fcfcfc;
     padding: 8px 12px;
     border-radius: 0 10px 10px 10px;
     max-width: 70%;
     word-wrap: break-word;
     text-align: left;
     margin-left: 17px
 }

 .sender .message-content {
     background: var(--text-black);
     padding: 8px 12px;
     border-radius: 10px;
     max-width: 70%;
     word-wrap: break-word;
     text-align: left;
 }

 .message-text {
     margin: 4px 0 0 0;
     white-space: pre-line;
     color: white;
 }

 .message-time {
     font-size: 12px;
     color: gray;
     text-align: right;
     display: block;
 }

 .sender {
     justify-content: flex-end;
 }

 .receiver p {
     background: #fcfcfc;
     color: var(--black-color);
 }

 .receiver {
     justify-content: flex-start;

 }



 .message-box.receiver::before {
     content: '';
     position: absolute;
     top: 0;
     left: 38px;
     width: 20px;
     height: 20px;
     background: linear-gradient(225deg, var(--bg-white) 0%, var(--bg-white) 50%, transparent 50%, transparent);
 }

 .chatbox-input {
     position: absolute;
     bottom: 0;
     width: 100%;
     height: 86px;
     background: #f0f0f0;
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 0 20px;
     gap: 10px;
     border-radius: 6px;
 }


 .chatbox-input textarea {
     position: relative;
     width: 100%;
     padding: 10px 20px;
     border-radius: 10px;
     font-size: 1em;
     border: none;
     outline: none;
     background: var(--bg-white);
     border-bottom: 2px solid var(--text-black);
     height: 43px;
     max-height: 80px;
 }

 .profile-icon {
     font-size: 40px;
     color: #afaaaa;
 }

 .msg-send {
     background: #ba0a7d;
     border-radius: 40px;
     padding: 8px;
     color: var(--bg-white);
     cursor: pointer;
     font-size: 20px;
 }

 .more-vert {
     cursor: pointer;
     display: flex;
     align-items: center;
     color: white;
 }

 .more-contents {
     width: 170px;
     height: 50px;
     background: var(--bg-white);
     margin: 0px;
     border: 2px solid var(--light-grey-300);
     border-radius: 4px;
     position: absolute;
     display: none;
     right: 13px;
     bottom: 0;
     top: 30px;
     z-index: 999;
 }

 .more-option {
     list-style-type: none;
     display: flex;
     flex-direction: column;
     gap: 1px;
     padding: 0;
     margin: 0;
 }

 .more-option li {
     background: white;
     padding: 10px;
     border-radius: 0;
     text-align: left;
     font-size: 16px;
     cursor: pointer;
     z-index: 10000;
 }

 .chat-day {
     display: flex;
     justify-content: center;
     align-items: center;
     margin-top: 5px;
 }

 .chat-day p {
     background: #e3e3e3c9;
     padding: 3px 10px;
     border-radius: 15px;
     font-size: 10px;
 }

 .date-time-details {
     display: flex;
     justify-content: end;
     position: absolute;
     right: 15px;
     display: none;
 }

 .date-time-details p.date-read {
     margin: 0;
     color: gray;
     font-size: 10px;
 }





 .chatsidebar {
     height: 100%;
     width: 0;
     position: fixed;
     z-index: 1;
     top: 0;
     left: 0;
     background-color: #111;
     overflow-x: hidden;
     transition: 0.5s;
     padding-top: 60px;
 }



 /* notification css chat */

 .notification-i {
     color: #DE0090;
     font-size: 19px;
 }

 .notification-container {
     position: relative;
     display: inline-block;
 }

 .notification-icon {
     position: relative;
     cursor: pointer;
     width: 33px;
     height: 33px;
     border: solid 2px #DE0090;
     color: #DE0090;
     border-radius: 30px;
     display: flex;
     align-items: center;
     justify-content: center;
     margin-right: 10px;
 }

 .notification-badge {
     position: absolute;
     top: -8px;
     right: -13px;
     background-color: #378B4E;
     color: var(--bg-white);
     padding: initial;
     border-radius: 50%;
     width: 27px;
     height: 28px;
     text-align: center;
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 10px;
     line-height: normal;
     letter-spacing: 0%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .notification-dropdown {
     /* display: none;
    position: absolute;
    top: -12px;
    right: 30px;
    background-color: white;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    z-index: 1;
    min-width: 200px; */
     display: none;
     position: absolute;
     top: 43px;
     background-color: var(--bg-white);
     box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
     border-radius: 5px;
     z-index: 999999999;
     min-width: 200px;
     /* left: 125px; */
     right: 23px;
 }

 .notification-dropdown #notificationList {
     max-height: 200px;
     scrollbar-width: thin;
     overflow: auto;
     scrollbar-color: #561f74 #fef0f0;
 }

 .notification-dropdown .notification-item {
     padding: 9px;
     border-bottom: 1px solid #ddd;
     cursor: pointer;
 }

 .notification-dropdown .notification-item:last-child {
     border-bottom: none;
 }

 .notification-item:hover {
     background-color: #f0f0f0;
 }

 .notification-text {
     font-size: 11px;
     color: #333;
 }

 .notification-dropdown.show {
     display: block;
 }

 .eAuctionTick {
     margin-top: 2.5em;
 }

 @media screen and (max-width: 679px) {
     .main-container .left-container {
         display: none;
     }

     .right-container .header-chat .img-text .back-chat {
         display: block !important;
         color: white;
     }

     .message-box p {
         text-align: left;
     }
 }


 /* chat css end */


 @media (max-width:991.98px) {
     .sidebar {
         width: 0;
         transition: all 0.5s ease-in-out;
     }

     .sidebar.active {
         width: 315px
     }

     .sidebar+.page-copy {
         width: calc(100% - 0px);
         transition: all 0.5s ease-in-out
     }

     #sidebarMenu.active {
         position: fixed;
         left: 0;
         top: 0;
         height: 100%;
         z-index: 1;
     }

     .navbar-brand.navbar-logo-mobile {
         display: none;
     }

     .top_header {
         width: calc(100% - 0px);
     }

     .top_header.topheaderside {
         width: calc(100% - 80px);
     }
 }

 @media (min-width:1323.99px) {
     #vendorExDocDiv .col-sm-6 .form-group>p {
         display: none;
     }
 }

 #Microsoft_Omnichannel_LCWidget_Chat_Iframe_Window {
     display: none;
 }

 /* Drop 4.2 css */
 #excelDownloadDiv {
     margin-right: 10px;
 }

 #tabListDiv {
     column-gap: 5px;
 }

 #showRequestJourney {
     background-color: var(--btn-primary);
     color: white;
 }

 #requestJourneyTable thead th {
     color: black;
 }

 table tr td span.approvalStatus {
     /* background: var(--body-color); */
     /* color: var(--primary); */
     background: linear-gradient(107.1deg, #490E6F 37.58%, #8B1BD5 109.04%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     padding: 3px;
     border-radius: 4px;
     font-size: 11px;
     font-weight: 600;
     line-height: 1.3em;
     display: inline-block;
 }

 /* table tr td span.approvalStatus.ReAssignmentRequested {
    background-color: rgb(255, 115, 0);
    color: white;
} */

 /*Vendor Portal Manual CSS*/
 @font-face {
     font-family: 'Arial Regular';
     font-style: normal;
     font-weight: normal;
     src: local('Arial Regular'), url('/ARIAL.woff') format('woff');
 }

 @font-face {
     font-family: 'Arial Medium';
     font-style: normal;
     font-weight: normal;
     src: local('Arial Medium'), url('/ArialMdm.woff') format('woff');
 }

 @font-face {
     font-family: 'Arial Bold';
     font-style: normal;
     font-weight: normal;
     src: local('Arial Bold'), url('/ARIALBD.woff') format('woff');
 }

 .tab-content ul.nav.nav-tabs {
     position: relative;
     display: flex;
     justify-content: center;
     border: none;
     gap: 50px;
     z-index: 1;
     width: fit-content;
     left: 0;
     right: 0;
     margin: 0 auto;
 }

 .ul_tabular_section {
     width: 100%;
     position: relative;
     left: 0;
     right: 0;
     margin: 0 auto;
     overflow: hidden;
     display: inline-block;
 }

 .ul_tabular_section::before {
     content: "";
     width: 100%;
     background-color: #EEF0EF;
     height: 3px;
     position: absolute;
     top: 0%;
     left: 0;
     right: 0;
     margin: 0 auto;
     transform: translate(0px, 24px);
 }

 .ul_tabular_section ul,
 .tab-content .ul_tabular_section ul.nav.nav-tabs {
     overflow: auto;
     /* overflow-y: auto; */
     justify-content: flex-start;
     width: 100%;
     padding-bottom: 20px;
     flex-wrap: nowrap;
 }

 .ul_tabular_section ul li.nav-item,
 .tab-content .ul_tabular_section ul.nav.nav-tabs li.nav-item {
     flex: 1;
 }

 .ul_tabular_section ul::-webkit-scrollbar {
     padding-top: 10px;
     height: 2px;
 }

 .ul_tabular_section ul::-webkit-scrollbar-thumb {
     background: var(--primary);
 }

 .ul_tabular_section ul::-webkit-scrollbar-track {
     box-shadow: inset 0 0 5px #939393;
     border-radius: 10px;
 }

 .vandor_reg_page_design .nav-item .nav-link {
     background-color: #E2CDEF;
     padding: 15px 0px;
 }

 .vandor_reg_page_design .nav-tabs .nav-link.active {
     background-color: #410266;
     color: var(--bg-white);
     font-family: var(--var-font-bold);
 }

 .vandor_reg_page_design .nav-item .nav-custom {
     padding: 15px 0px;
     color: var(--very-dark-color);
     background-color: #f3ebf9;
     border: none;
     border-radius: 40px;
     font-weight: 500;
     display: flex;
     gap: 10px;
     align-items: center;
     height: 47px;
     font-family: var(--var-font-regular);
     width: 100%;
     justify-content: center;
     font-size: 14px;
 }

 .vandor_reg_page_design .nav-custom span.sec_count {
     width: 20px;
     height: 20px;
     color: var(--bg-white);
     background-color: #410266;
     font-family: var(--var-font-medium);
     justify-content: center;
     align-items: center;
     display: flex;
     border-radius: 100%;
     font-size: 15px;
 }

 .vandor_reg_page_design .active span.sec_count {
     background-color: var(--bg-white);
     color: var(--very-dark-color);
 }

 .footer_actions_section {
     padding: 14px 24px;
     background-color: var(--bg-white);
     /* float: left; */
     width: 100%;
     margin-bottom: 20px;
 }

 .footer_actions_section .container {
     max-width: 100%;
 }

 .footer_actions_section .act_sec_2 {
     float: right;
     margin-left: 20px;
     display: flex;
     gap: 20px;
     margin: 0;
 }

 .footer_actions_section .button_lined {
     border: 2px solid #410266;
     background-color: var(--bg-white);
     font-size: 14px;
     height: 42px;
     border-radius: 30px;
     width: 133px;
     color: #410266;
 }

 .footer_actions_section .button_active,
 .button_active {
     background-color: #410266 !important;
     font-size: 14px;
     color: var(--bg-white) !important;
     display: flex;
     gap: 10px;
     height: 42px;
     padding: 0px 40px;
     border-radius: 50px;
     justify-content: space-between;
     flex-direction: row;
     flex-wrap: wrap;
     align-content: center;
     float: left;
     border: none;
 }

 .attachment_sec.text-center {
     border: none !important;
     border-radius: 30px;
     padding: 16px;
     position: relative;
     overflow: hidden;
     border: none;
     cursor: pointer;
 }

 .file_att_section {
     position: relative;
     padding: 9px;
     border-radius: 14px;
     border: 1px solid transparent;
     outline: 3.5px dashed #CACACA;
     outline-offset: 15px;
     cursor: pointer;
 }

 .upload_doc_files {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     background: transparent;
     opacity: 0;
     height: 100%;
     cursor: pointer;
     font-size: 14px;
     color: #353535;
 }
.card_box_light h4.file_text,
 h4.file_text {
     font-family: var(--var-font-regular);
     font-weight: normal;
     font-size: 14px;
     color: #353535;
     margin-bottom: 0;
     line-height: 23px;
 }

 .vandor_reg_page_design .filestatus_sec {
     display: flex;
     gap: 15px;
     align-items: flex-start;
     border: 1px solid #CACACA;
     padding: 20px 20px 10px 20px;
     border-radius: 30px;
     margin-top: 10px;
 }

 .vandor_reg_page_design .file_name_size_view {
     width: 100%;
     display: flex;
     flex-direction: column;
     gap: 5px;
 }

 .deleteattchment {
     cursor: pointer;
 }

 .vandor_reg_page_design .bank_details {
     display: flex;
     row-gap: 20px;
     margin-top: 20px;
 }

 .vandor_reg_page_design input.form-control,
 .vandor_reg_page_design textarea.form-control {
     border: 1px solid #C1C1C1;
     color: var(--very-dark-color);
 }

 .Bank_Letter_cont {
     background-color: #F7F4F6;
     padding: 30px 0;
     border-radius: 30px;
 }

 .add_bank_info {
     padding: 0 40px;
 }

 .vandor_reg_page_design .form-control,
 .vandor_reg_page_design select.form-select {
     font-family: var(--var-font-regular);
     font-size: 14px;
     color: var(--very-dark-color);
     height: 50px;
     border: 1px solid #C1C1C1;
     border-radius: 16px;
     padding: 0px 20px;
 }

 .vandor_reg_page_design input.form-control,
 .vandor_reg_page_design select.form-control,
 .vandor_reg_page_design textarea.form-control,
 .vandor_reg_page_design .select2-container--default .select2-selection--multiple {
     border: solid 1px #9B917B;
     min-height: 50px;
     padding: 6px 12px;
     font-size: 14px;
     appearance: none;
     padding-right: 42px;
 }

 .vandor_reg_page_design input[type="date"] {
     padding-right: 6px !important;
 }

 .vandor_reg_page_design .bank_details .select2-container--default .select2-selection--single {
     background-color: transparent;
     border: none;
     display: flex;
     align-items: center;
     height: 50px;
     width: 100% !important;
     justify-content: space-between;
     background-position: right 1.2rem center !important;
     background-size: auto !important;
     background-image: url(/dropdownarrow.svg) !important;
     background-repeat: no-repeat;
 }

 .bank_details .dropdown {
     position: relative;
 }

 .bank_details h5.form_title {
     margin-bottom: 0;
     font-family: var(--var-font-bold);
 }

 .vandor_reg_page_design h5 {
     font-family: Arial !important;
     font-weight: 700 !important;
 }

 h4.file_text .bold_file_text {
     font-family: 'Arial';
     font-style: normal;
     font-weight: 700;
     font-size: 14px;
     color: #410266;
     padding-right: 5px;
 }

 .vandor_reg_page_design h4.sub_title {
     font-family: var(--var-font-regular);
     font-size: 16px;
     margin: 0;
 }

 h6.tc-title,
 h4.sub_title {
     font-family: var(--var-font-bold);
     font-size: 14px;
     line-height: 20px;
     color: var(--very-dark-color);
 }

 .vandor_reg_page_design .Bank_statment .sec_title {
     display: flex;
     gap: 10px;
     align-items: center;
     padding-left: 0px;
     padding-bottom: 0px;
 }

 .sec_title .custom-checkbox {
     display: block;
     opacity: 0;
     position: absolute;
     width: 20px;
 }

 .sec_title {
     margin: 0;
     display: flex;
     align-items: center;
     gap: 8px;
 }

 .vandor_reg_page_design .custom-checkbox {
     width: 18px;
     height: 18px;
     border: 2px solid gray;
     border-radius: 2px;
     appearance: none;
     cursor: pointer;
     position: relative;
     background-color: var(--bg-white);
 }

 .sec_title .custom-checkbox-label {
     width: 18px;
     height: 18px;
     border-radius: 2px;
     background: #65558F;
     display: flex;
     justify-content: center;
     align-items: center;
     cursor: pointer;
     position: relative;
 }

 .sec_title .custom-checkbox-label svg {
     display: none;
 }

 .Bank_Letter_cont .attachment_sec.text-center.bg-white {
     border-radius: 24px;
     cursor: pointer;
 }

 .vandor_reg_page_design .custom-checkbox:checked {
     background-color: #65558F;
     border-color: #65558F;
 }

 .vandor_reg_page_design h5.form_title {
     font-family: var(--var-font-regular);
     font-size: 16px;
     margin-bottom: 20px;
     margin-top: 10px;
     letter-spacing: 1px;
 }

 .vandor_reg_page_design .fa-file-arrow-up {
     color: var(--megneta-color);
     font-size: x-large;
 }

 .vandor_reg_page_design .fa-file-pdf {
     font-size: x-large;
 }

 .vandor_reg_page_design .error-message {
     display: flex;
     align-items: center;
     color: #bc0707;
     font-size: 14px;
     margin-top: 4px;
 }

 .vandor_reg_page_design .error-field {
     border: 2px solid #bc0707 !important;
     border-radius: 16px !important;
     height: 50px !important;
 }

 .vandor_reg_page_design .file_name_size_view h5 {
     margin: 0;
     font-family: var(--var-font-regular);
     font-size: 14px;
 }

 .vandor_reg_page_design h5.file_size {
     color: #989692;
 }

 a.preview-link {
     font-family: var(--var-font-bold);
     font-size: 14px;
     color: #A020F0;
     text-decoration: none !important;
     border-bottom: none;
     display: contents;
     cursor: pointer;
 }

 .saperator {
     width: 100%;
     height: 1px;
     background-color: #D7D5D5;
     margin: 20px 0 0 0;
 }

 .attachment_sec:has(.error-field) {
     outline: 3.5px dashed #bc0707;
     background-color: #fff0f0 !important;
 }

 .vandor_reg_page_design .bank_details span.select2.select2-container.select2-container--default {
     width: 100% !important;
     border-radius: 16px;
     border: 1px solid #C1C1C1;
     height: 50px;
     display: flex;
     align-items: center;
 }

 .select2-container--default .select2-search--dropdown .select2-search__field {
     border: 1px solid #aaa;
     border-radius: 40px;
 }

 .select2-container--open .select2-dropdown--below {
     border-top: 1px solid #aaa !important;
     border-radius: 15px !important;
     overflow: hidden;
 }

 .vandor_reg_page_design .bank_details span.selection {
     width: 100%;
 }

 .select2-container--default .select2-selection--single .select2-selection__clear {
     position: absolute !important;
     right: 30px;
 }

 div.modal_pdf {
     background-color: #00000099;
 }

 .modal-xl.modal_pdf .modal-header {
     padding: 10px 25px;
 }

 .modal_pdf h1 {
     margin: 0;
 }

 #previewContainer {
     width: 100%;
 }

 .preview-content {
     width: 100%;
     height: 70vh;
     border: none;
 }

 @media (max-width: 1024px) {
     .tab-content ul.nav.nav-tabs {
         gap: 10px;
     }
 }

 @media (max-width: 768px) {
     .tab-content ul.nav.nav-tabs {
         gap: 10px;
     }
 }

 @media (max-width: 767px) {
     .tab-content ul.nav.nav-tabs {
         flex-wrap: nowrap;
         flex-direction: row;
     }
 }

 @media (max-width: 376px) {
     .tab-content ul.nav.nav-tabs {
         padding: 0;
         gap: 8px !important;
     }
 }

 #showAssignmentJourney {
     background-color: var(--third);
     color: white;
 }

 #requestAssignmentTable thead th {
     color: black;
 }


 /* Redesign css */
 .pssc_portal_logo_head {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 24px;
     line-height: 100%;
     /* letter-spacing: 0%; */
     color: var(--bg-white);
 }

 .pssc_portal_logo_head:hover,
 .pssc_portal_logo_head:focus,
 .pssc_portal_logo_head:active {
     color: var(--bg-white);
     text-decoration: none;
 }

 .mb-12 {
     margin-bottom: 12px;
 }

 .mb-14 {
     margin-bottom: 14px;
 }

 .welcome_text_heading {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 20px;
     /* line-height: 42px; */
     line-height: normal;
     letter-spacing: 0%;
     vertical-align: middle;
     text-transform: capitalize;
     color: var(--very-dark-color);
 }

 .view_notification {
     font-family: var(--var-font-medium);
     font-weight: 500;
     font-style: Medium;
     font-size: 14px;
     /* leading-trim: NONE; */
     /* line-height: 42px; */
     line-height: normal;
     letter-spacing: 0%;
     vertical-align: middle;
     text-transform: capitalize;
     color: var(--megneta-color);
 }

 .notification_message {
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     /* line-height: 42px; */
     line-height: normal;
     letter-spacing: 0%;
     vertical-align: middle;
     color: var(--black-color);
 }

 .card_box_main {
     border-radius: 20px;
     background-color: var(--bg-white);
     padding: 20px;
 }

 .row.list_card>* {
     padding-left: 6px;
     padding-right: 6px;
     width: auto;
     min-width: 25%;
     flex: 1;
 }

 .row.list_card>*:first-child {
     padding-left: 12px;
 }

 .row.list_card>*:last-child {
     padding-right: 12px;
 }

 .list_card .card_box_main {
     /* padding-bottom: 39px; */
     display: flex;
     flex-direction: column;
     /* align-items: baseline; */
     justify-content: space-between;
     height: 100%;
     gap: 22px;
 }

 .list_card .top_head,
 .list_card .bottom_head {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .list_card .top_head span {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 40px;
     /* line-height: 150%; */
     line-height: normal;
     letter-spacing: 1%;
     color: var(--primary);
 }

 .list_card .bottom_head span {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     /* line-height: 22px; */
     line-height: normal;
     letter-spacing: 0%;
     display: block;
     color: var(--very-dark-color);
 }

 .list_card .bottom_head div:first-child span {
     font-size: 16px;
 }

 .list_card .bottom_head div:last-child .select2-container {
     width: 100% !important;
 }

 .list_card .bottom_head span .list_card .bottom_head a {
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     /* line-height: 150%; */
     line-height: normal;
     letter-spacing: 1%;

 }

 .list_card .bottom_head select,
 .list_card .bottom_head .select2-container--default .select2-selection--single {
     min-width: 143px !important;
     height: 31px !important;
     /* justify-content: space-between; */
     /* angle: 0 deg; */
     opacity: 1;
     border-radius: 30px;
     padding-top: 5px !important;
     padding-right: 12px !important;
     padding-bottom: 8px !important;
     padding-left: 12px !important;
     border-width: 1px !important;
     border-color: #E1E7EC !important;
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 12px !important;
     line-height: normal;
     /* line-height: 16px; */
     letter-spacing: 0%;
     background-size: 24%;
 }

 .list_card .bottom_head .select2-container--default .select2-selection--single .select2-selection__rendered,
 .list_card .bottom_head .select2-container .select2-selection--single .select2-selection__rendered {
     color: var(--very-dark-color);
     line-height: 18px;
     padding: 0;
 }

 .list_card .bottom_head .select2-container--default .select2-selection--single .select2-selection__arrow {
     height: 27px !important;
     /* width:20px !important */
 }

 .list_card .bottom_head .seeall_link {
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     /* line-height: 150%; */
     line-height: normal;
     letter-spacing: 1%;
     color: var(--megneta-color);
 }

 .mb-32 {
     margin-bottom: 32px;
 }

 .mb-15 {
     margin-bottom: 15px;
 }

 .mb-26 {
     margin-bottom: 26px;
 }

 .card-body.card_box_main {
     padding: 42px;
 }

 .card_table_head_main {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .card_table_heading h3 {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 20px;
     /* leading-trim: NONE; */
     /* line-height: 42px; */
     line-height: normal;
     letter-spacing: 0%;
     vertical-align: middle;
     margin: 0;
     margin-bottom: 12px;
     color: var(--very-dark-color);
 }

 .card_table_heading p {
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     /* line-height: 42px; */
     letter-spacing: 0%;
     line-height: normal;
     vertical-align: middle;
     margin: 0;
     color: var(--very-dark-color);
 }

 .card_table_search_box {
     background-color: #ECE3F2;
     padding: 11px 17px;
     border-radius: 20px;

 }

 .card_table_search_box>img {
     margin-right: 10px;
 }

 .card_table_search_box span {
     background: linear-gradient(97.46deg, #490E6F -23.65%, #8C1BD5 158.81%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     line-height: 150%;
     /* line-height: normal; */
     letter-spacing: 1%;
     vertical-align: middle;

 }

 .card-_table_filter {
     padding: 0 18px;
     display: flex;
     align-items: flex-start;
     gap: 6px;
     flex-wrap: wrap;
 }

 .card-_table_filter .form-group {
     border: none;
     margin-bottom: 0;
 }

 .card-_table_filter .form-group label {
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 1%;
     vertical-align: middle;
     color: var(--very-dark-color);
     margin-bottom: 2px;
 }

 .card-_table_filter .form-group input,
 .card-_table_filter .form-group select {
     width: 183px;
     height: 50px !important;
     /* angle: 0 deg; */
     opacity: 1;
     /* gap: 89px; */
     border-radius: 30px;
     padding-top: 7px;
     padding-right: 34px;
     padding-bottom: 7px;
     padding-left: 21px;
     border: 1px solid #C1C1C1;
     background-size: 15%;
 }

 .card-_table_filter .form-group .btn_request {
     width: 155px;
     height: 50px;
     /* angle: 0 deg; */
     opacity: 1;
     /* gap: 9px; */
     border-radius: 30px;
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 1%;
     text-align: center;
     vertical-align: middle;
     background-color: var(--primary);
     color: var(--bg-white);
 }

 .card_table_header {
     background-color: var(--primary);
     padding: 12px 20px;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .card_table_header h3 {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 16px;
     /* leading-trim: NONE; */
     line-height: 22px;
     letter-spacing: 0%;
     text-align: center;
     color: var(--bg-white);
 }

 .card_table_list_filter {
     display: flex;
     gap: 19px;
     align-items: center;
 }

 .card_table_list_filter a,
 .card_table_list_filter a:hover,
 .card_table_list_filter a:focus,
 .card_table_list_filter a:active {
     color: var(--bg-white);
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 100%;
     letter-spacing: 0%;
     text-align: center;
     vertical-align: middle;
     text-decoration: none;

 }

 table.dataTable>thead>tr>th {
     text-transform: uppercase;
 }

 table.table.dataTable>thead>tr>th,
 table.table.dataTable>thead>tr>td {
     border-bottom: solid 1px #DFDFDF;
 }

 table.dataTable>thead>tr>th,
 table.dataTable>thead>tr>th span,
 table.dataTable>thead>tr>th label {

     background-color: #FDF5FA;
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 13px;
     letter-spacing: 0px;
     text-align: center;
     vertical-align: middle;
     color: #9B9191;
 }

 table.dataTable>tbody>tr>td {
     background-color: #F9F9F9;
     color: var(--very-dark-color);
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 13px;
     letter-spacing: 0px;
     text-align: center;
     vertical-align: middle;

 }

 table.dataTable>tbody>tr>td>span.table_head_color:first-child,
 table.dataTable>tbody>tr>td>a>span.table_head_color,
 table.dataTable>tbody>tr>td>a.table_head_color,
 table.dataTable>tbody>tr>td>div>a>span.table_head_color {
     background: linear-gradient(97.46deg, #490E6F -23.65%, #8C1BD5 158.81%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-family: var(--var-font-medium);
     font-weight: 500;
     font-style: normal;
     font-size: 12px;
     display: inherit;
     border-bottom: solid 1px #490E6F;
     text-decoration: none;
 }

 div.dt-container div.dt-layout-row:first-child {
     display: none;
 }

 div.dt-container div.dt-layout-row {
     margin-top: 0;
 }

 .tab-pane .table-responsive {
     padding: 0;
 }

 .nav.nav-tabs-custom {
     border: none;
 }

 /* PROGRESS BAR */
 .progressstep {
     display: flex;
     flex-direction: column;
     align-items: center;
     gap: 15px;
     position: relative;
     width: 100%;
 }

 .progressstep .statusmsg {
     display: none;
     position: absolute;
     background-color: var(--bg-white);
     padding: 12px;
     border: 1px solid #B8B8B8;
     font-size: 12px;
     width: 100%;
     line-height: 22px;
     bottom: 83px;
     border-radius: 10px;
     font-family: var(--var-font-regular);
     letter-spacing: 1px;
     color: var(--very-dark-color);
     word-wrap: break-word;
 }

 .progressstep .statusmsg span {
     font-size: 12px;
     color: var(--very-dark-color);
     font-family: var(--var-font-regular);
 }

 .progressstep .statusmsg::before {
     content: "";
     width: 10px;
     height: 10px;
     background-color: var(--bg-white);
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
     transform: rotate(45deg);
     border-right: 1px solid #B7B7B7;
     border-bottom: 1px solid #B7B7B7;
     bottom: -5px;
 }

 .statustexttitle {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     line-height: 16px;
     letter-spacing: 0.5px;
     text-align: center;
     color: var(--very-dark-color);
 }

 .progressstep:after {
     content: "";
     position: absolute;
     background-color: #52016A;
     height: 4px;
     width: 100%;
     top: 0%;
     z-index: -1;
     transform: translate(0, 23px);
 }

 .progressstep:nth-child(1)::after {
     width: 50%;
     right: 0;
 }

 .progressstep:last-child::after {
     width: 50%;
     left: 0;
 }

 .progressbar_steps {
     display: flex;
     justify-content: space-around;
     position: relative;
     z-index: 1;
     width: 100%;
     margin: 0 auto;
     margin-top: 20px;
     margin-bottom: 40px;
 }

 .progressbar_steps::after {
     content: "";
     position: absolute;
     background-color: #52016A;
     height: 4px;
     width: 75%;
     top: 26%;
     z-index: -1;
 }

 .progressbar_steps::after {
     content: "";
     display: none;
 }

 .progressstep:hover .statusmsg {
     display: block;
 }

 .statuscircle {
     height: 50px;
     width: 50px;
     /* border: 1px solid #C6C6C6; */
     border-radius: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .statuscircle.completedstep {
     background-color: #368A4D;
 }

 .statuscircle.completedstep::before {
     content: "\f00c";
     font-family: 'FontAwesome';
     font-size: 20px;
     color: var(--bg-white);
 }

 .statuscircle.delayedstep {
     background-color: #DA1D28;
 }

 .statuscircle.delayedstep+.statustexttitle {
     color: #DA1D28;
 }

 .statuscircle.delayedstep::before {
     content: "\f00d";
     font-family: 'FontAwesome';
     font-size: 20px;
     color: var(--bg-white);
 }

 .statuscircle.inprogressstep {
     background-color: var(--bg-white);
     border: 1px solid #571086;
 }

 .statuscircle.inprogressstep::before {
     content: "\f111";
     font-family: 'FontAwesome';
     color: #571086;
     font-size: 13px;
 }

 .pendingstep {
     border: 2px solid #C6C6C6;
     background-color: var(--bg-white);
 }

 .text_megenta {
     color: var(--text-megenta-color);
 }

 .font-bold {
     font-family: var(--var-font-bold);
 }

 .progress_bar_head_top {
     display: flex;
     justify-content: space-between;
 }

 .progress_bar_head_top_details {
     display: flex;
     gap: 6px;
 }

 .progress_bar_head_top_title h3 {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 20px;
     /* leading-trim: NONE; */
     line-height: normal;
     /* line-height: 150%; */
     letter-spacing: 0%;
     vertical-align: middle;
     background: linear-gradient(107.1deg, #490E6F 37.58%, #8B1BD5 109.04%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;

 }

 .progress_bar_head_top_title p {
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     /* line-height: 150%; */
     line-height: normal;
     letter-spacing: 1%;
     vertical-align: middle;
     color: var(--black-color);
 }

 .progress_bar_head_top_title p span {
     background: linear-gradient(107.1deg, #490E6F 37.58%, #8B1BD5 109.04%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .progress_bar_head_top .viewmore_link {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     /* line-height: 24px; */
     line-height: normal;
     letter-spacing: 0%;
     vertical-align: middle;
     color: var(--text-megenta-color);

 }

 .progress_bar_details_card {
     display: flex;
     flex-wrap: wrap;
     gap: 16px;
 }

 .progressbar_card {
     flex: 0 0 calc(33.333% - 11px);
     background-color: #F9F6FB;
     padding: 30px 20px;
     border-radius: 10px;
 }

 .progressbar_card .progressbar_heading {
     margin-bottom: 13px;
     display: flex;
     gap: 10px;
     align-items: center;
 }

 .progressbar_card .progressbar_heading>span {
     width: 24px;
     height: 24px;
     color: var(--bg-white);
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     line-height: 22px;
     letter-spacing: 0px;
     text-align: center;
     vertical-align: middle;
     border-radius: 30px;
 }

 .progressbar_card.request_submitted .progressbar_heading>span {
     background-color: #2BAA4E;
 }

 .progressbar_card.request_reject .progressbar_heading>span {
     background-color: #f31212;
     /* color: var(--very-dark-color); */
 }

 .progressbar_card.request_pending .progressbar_heading>span {
     background-color: #F1C40F;
     color: var(--very-dark-color);
 }

 .progressbar_card.request_return .progressbar_heading>span {
     background-color: #F39C12;
     color: var(--very-dark-color);
 }

 .progressbar_card .progressbar_heading p {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 16px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 0%;
     vertical-align: middle;
     margin-bottom: 0;
     color: var(--black-color);

 }

 .progressbar_details_list {
     margin: 0;
     padding: 0;
     padding-top: 11px;
     padding-left: 27px;
     padding-right: 0px;
 }

 .progressbar_details_list li {
     list-style: none;
     font-size: 14px;
     font-family: var(--var-font-bold);
     color: var(--very-dark-color);
     margin-bottom: 12px;
 }

 .progressbar_details_list li>span {
     display: inline-block;
     max-width: 80px;
     width: 100%;
     color: var(--very-dark-color);
     font-family: var(--var-font-regular);
 }

 /* Modal Table */

 .modal_reassigntask .modal-header {
     background-color: var(--primary);
     padding: 24px 30px;
     border-top-left-radius: 20px;
     border-top-right-radius: 20px;
 }

 .modal_reassigntask .modal-content {
     border-radius: 20px;
 }

 .modal_reassigntask .modal_header_title .modal-title {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 20px;
     /* leading-trim: NONE; */
     line-height: 100%;
     letter-spacing: 0%;
     color: var(--bg-white);
     margin-bottom: 5px;
 }

 .modal_reassigntask .modal_header_title p {
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 100%;
     letter-spacing: 0%;
     color: var(--bg-white);
     margin-bottom: 0;
 }

 .modal_reassigntask .btn-close {
     filter: invert(1);
     font-size: 16px;
 }

 .modal_reassigntask .modal-body {
     padding: 24px 30px;
     padding-bottom: 0px;
 }

 .modal_reassigntask .modal-body .form-group {
     margin-bottom: 13px;
 }

 .modal_reassigntask .modal-body label {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 100%;
     letter-spacing: 0%;
 }

 .modal_reassigntask .modal-body select {
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 10px;
     /* leading-trim: NONE; */
     line-height: 22px;
     letter-spacing: 0%;
     vertical-align: middle;
     color: var(--very-dark-color);
 }

 .list_group_re_assign_task {
     display: flex;
     flex-direction: column;
     /* gap: 13px; */
     margin-top: 13px;
 }

 .modal_reassigntask .modal-body .list_group_re_assign_task li select,
 .request_priority_select select {
     width: 150px;
     background-color: #FF4C4C;
     border: solid 1px #FF4C4C;
     color: var(--bg-white);
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     /* line-height: 42px; */
     letter-spacing: 0%;
     text-transform: capitalize;
     background-image: url(/arrow_drop_down_white.svg) !important;
     background-size: 15%;
     color: var(--bg-white);
 }

 .request_priority_select select {
     background-position: 84% 56%;
     padding: 11.5px 25.5px;
 }

 .btn_priority_info {
     background-color: #FF4C4C;
     border: solid 1px #FF4C4C;
     color: var(--bg-white);
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     padding: 17px 40px;
     color: var(--bg-white);
     border-radius: 30px;
 }

 .list_group_re_assign_task li {
     display: flex;
     justify-content: space-between;
     align-items: center;
     padding: 12px 0;
     color: #7D7272;
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 100%;
     letter-spacing: 0%;
     padding-left: 0;
     padding-right: 0;
 }

 .list_group_re_assign_task li span {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     line-height: 100%;
     letter-spacing: 0%;
     color: var(--very-dark-color);
     text-align: end;
     width: 70%;
 }

 .list_group_re_assign_task .assigned_vendor_status {
     background-color: #DBE9FE;
     border: solid 1px #BFDBFD;
     border-radius: 20px;
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 100%;
     letter-spacing: 0%;
     color: #1C4ED8;
     padding: 7px 18px;
     width: auto;
 }

 .list_group_re_assign_task .pending_status {
     background-color: #FEF9C3;
     border: solid 1px #F9EF7C;
     border-radius: 20px;
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 100%;
     letter-spacing: 0%;
     color: #A06205;
     padding: 7px 18px;
     width: auto;
 }

 .modal_reassigntask .modal-footer {
     border: none;
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 10px;
     padding-top: 0;
     padding-bottom: 24px;
 }

 .modal_reassigntask .modal-footer button {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 1%;
     text-align: center;
     vertical-align: middle;
     width: 198px;
     height: 52px;
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 30px;
 }

 .view_more_btn_table button,
 .view_more_btn_table button:hover,
 .view_more_btn_table button:focus-visible,
 .view_more_btn_table button:focus,
 .view_more_btn_table button:active,
 .view_more_btn_table ul li a,
 .view_more_btn_table ul li a:hover,
 .view_more_btn_table ul li a:focus,
 .view_more_btn_table ul li a:active,
 .view_more_btn_table .dropdown-toggle::after {
     background-color: transparent;
     background-image: none !important;
     border: none;
     outline: 0;
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 32px;
     letter-spacing: 0%;
     text-align: center;
     vertical-align: middle;
     color: var(--black-color);
 }

 .view_more_btn_table .dropdown-menu {
     padding: 0;
     border-radius: 10px;
     border: none;
     box-shadow: 0px 3px 4px 3px #00000017;
 }

 .view_more_btn_table .dropdown-menu li:first-child {
     border-bottom: solid 1px #D4D4D4;
 }

 .form-select {
     background-image: url(/arrow_drop_down.svg) !important;
     background-size: 30px;
     padding-right: 40px !important;
 }

 .nav-large-tab li a.nav-link {
     width: 279px;
     height: auto;
     padding: 17px 17px;
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 16px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 0%;
     vertical-align: middle;
     background-color: #F5F3F6;
     color: #9E9E9E;
     border-radius: 30px;
     margin-left: 0;
 }

 .nav-large-tab ul {
     gap: 24px;
 }

 .card_tab_request {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
 }

 .card_priority_right {
     display: flex;
     flex-direction: column;
     gap: 7px;
     align-items: end;
 }

 .card_priority_right>span {
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 16px;
     letter-spacing: 0.4px;
     text-align: right;
     vertical-align: middle;
     color: #9B9191;
 }

 .request_priority_select {
     display: flex;
     gap: 10px;
     justify-content: flex-end;
 }

 .request_priority_select>span {
     color: var(--very-dark-color);
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     line-height: 42px;
     letter-spacing: 0%;
     text-align: right;
     vertical-align: middle;

 }

 .card_main_list_light {
     display: flex;
     gap: 15px;
     width: 100%;
     padding: 36px 41px;
     flex-wrap: wrap;
 }

 .card_box_light {
     padding: 24px 20px;
     flex: calc(20% - 15px);
     background-color: #F9F6FB;
     border-radius: 20px;
 }

 .card_box_light p {
     color: #DE0090;
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 13px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 0%;
     vertical-align: middle;
 }

 .card_box_light h4 {
     background: linear-gradient(107.1deg, #490E6F 37.58%, #8B1BD5 109.04%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 18px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 0%;
     vertical-align: middle;
     text-transform: capitalize;
 }

 .card_box_light h4.success {
     color: #378B4E;
     background: transparent;
     -webkit-background-clip: inherit;
     -webkit-text-fill-color: inherit;
 }

 .card_box_light h4.not_selected {
     color: rgb(48 0 79 / 19%);
     background: transparent;
     -webkit-background-clip: inherit;
     -webkit-text-fill-color: inherit;
 }

 .card_rate_card {
     margin-bottom: 42px;
 }

 .card_rate_card .card_rate_details h3 {
     background: linear-gradient(107.1deg, #490E6F 37.58%, #8B1BD5 109.04%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 20px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 0%;
     vertical-align: middle;

 }

 .card_rate_card .card_rate_details {
     margin-bottom: 26px;
     display: flex;
     align-items: center;
     gap: 14px;
 }

 .card_rate_card .card_rate_list_main {
     display: flex;
     /* gap: 0 54px; */
     /* justify-content: space-around; */
     flex-wrap: wrap;
     padding: 0 65px;
 }

 .card_rate_card .card_rate_list {
     flex: 0 0 calc(33.333% - 0px);
     margin-bottom: 51px;
 }

 .card_rate_card .card_rate_list:last-child,
 .card_rate_card .card_rate_list:nth-last-child(2),
 .card_rate_card .card_rate_list:nth-last-child(3) {
     margin-bottom: 0;
 }

 .card_rate_card .card_rate_list_main h4 {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 18px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 1%;
     vertical-align: middle;
     color: var(--very-dark-color);

 }

 .card_rate_card .card_rate_list_main h4 span {
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 1%;
     vertical-align: middle;
     color: var(--very-dark-color);
     display: block;
 }

 .card_table_filter,
 .card_magneta_light {
     margin-bottom: 38px;
 }

 .card_magneta_light .card_magneta_light_head {
     background-color: #ECE3F2;
     padding: 7.5px 17px;
     border-top-right-radius: 10px;
     border-top-left-radius: 10px;
 }

 .card_magneta_light .card_magneta_light_head h4 {
     background: linear-gradient(97.46deg, #490E6F -23.65%, #8C1BD5 158.81%);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     margin: 0;
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 16px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 1%;
     vertical-align: middle;
 }

 .card_magneta_light_content {
     background-color: #FBF3F3;
     /* border-bottom-right-radius: 10px; */
     /* border-bottom-left-radius: 10px; */
     padding: 7.5px 17px;
 }

 .card_magneta_light_content p {
     margin: 0;
     color: var(--megneta-color);
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 1%;
     vertical-align: middle;
     word-wrap: break-word;
 }

 .card_action_button_group {
     display: flex;
     justify-content: flex-end;
     align-items: center;
     gap: 16px;
 }

 .card_action_button_group button {
     width: 155px;
     text-align: center;
     padding: 11px 0;
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 150%;
     letter-spacing: 1%;
     text-align: center;
     vertical-align: middle;

 }

 .card_action_button_group .btn-light-primary {
     background-color: #EAE1F0;
     color: var(--primary);
 }

 .table_status {
     width: 90px;
     display: inline-block;
     border-radius: 20px;
     padding-top: 2px;
     padding-bottom: 2px;
     padding-left: 0;
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 32px;
     letter-spacing: 0%;
     text-align: center;
     vertical-align: middle;
 }

 .table_inprogress_status {
     background-color: #F9E8CC !important;
     color: #C97F09 !important;
 }

 .table_assigned_status {
     background-color: #DBE9FE !important;
     color: #1C4ED8 !important;
 }

 .table_red_status {
     background-color: #F9E9E9 !important;
     color: #CF1111 !important;
 }

 .table_green_status {
     background-color: #D7EFDE !important;
     color: #378B4E !important;
 }

 .my_reassign_master .nav-large-tab #tabListDiv {
     gap: 25px;
 }

 .my_reassign_master .nav-large-tab #tabListDiv li a.nav-link {
     width: auto;
     padding: 17.5px 32.5px;
     font-size: 16px;
 }

 .dataTable tr th .form-check {
     display: flex;
     align-items: center;
 }

 .dataTable tr th .form-check label {
     margin-right: 5px;
     color: var(--light-muted-gray-color);
     font-size: 12px;
     font-family: var(--var-font-bold);
 }

 .dataTable tr th input.form-check-input[type="checkbox"],
 .dataTable tr td input.form-check-input[type="checkbox"] {
     width: 16px;
     height: 16px;
     border-radius: 3px;
     font-size: 12px;
     margin: 0px;
     vertical-align: middle;
     border-width: 1.5px;
     background-color: transparent;
 }

 .dataTable tr td input.form-check-input:checked[type=checkbox],
 .dataTable tr td input.form-check-input:checked[type=checkbox]:focus,
 .dataTable tr th input.form-check-input:checked[type=checkbox],
 .dataTable tr th input.form-check-input:checked[type=checkbox]:focus {
     background-color: var(--primary);
     border-color: var(--primary);
     box-shadow: 0 0 0 .25rem rgb(161, 20, 255, .25);
 }

 .form-check-input:focus {
     border-color: var(--primary);
     box-shadow: 0 0 0 .25rem rgb(161, 20, 255, .25);
 }

 .dataTable thead tr td:first-child .form-check,
 .dataTable tbody tr th:first-child .form-check {
     padding-left: 0;
 }

 .dataTable tbody tr td:first-child {
     padding: 10px 0;
     padding-left: 1.3rem;
 }

 .dataTable tr td .user_photo,
 .dataTable tr td .user_nm_bg1,
 .dataTable tr td .user_nm_bg2,
 .dataTable tr td .user_nm_bg3 {
     width: 37px;
     height: 37px;
     /* angle: 0 deg; */
     opacity: 1;
     /* border: 1px solid var(--black-color); */
     display: inline-flex;
     overflow: hidden;
     border-radius: 30px;
     vertical-align: inherit;
     margin-right: 10px;
     align-items: center;
     justify-content: center;
 }

 .dataTable tr td .user_nm_bg1 {
     background-color: #B3F5E4;
     color: var(--very-dark-color);
 }

 .dataTable tr td .user_nm_bg2 {
     background-color: #B3CCF5;
     color: var(--very-dark-color);
 }

 .dataTable tr td .user_nm_bg3 {
     background-color: #BFB3F5;
     color: var(--very-dark-color);
 }

 table.dataTable tbody tr:last-child td:first-child {
     border-bottom-left-radius: 16px;
 }

 table.dataTable tbody tr:last-child td:last-child {
     border-bottom-right-radius: 16px;
 }

 .card_user_icon_head {
     margin-bottom: 25px;
     display: flex;
     align-items: center;
     gap: 14px;
 }

 .card_user_icon_head h3 {
     font-family: var(--var-font-bold);
     font-weight: normal;
     font-style: normal;
     font-size: 16px;
     /* leading-trim: NONE; */
     line-height: 22px;
     letter-spacing: 0%;
     vertical-align: middle;
 }

 .card_single_filter {
     display: flex;
     align-items: center;
     gap: 30px;
 }

 .card_single_filter .form-group {
     flex: calc(100% - 30%)
 }

 .card_single_filter .form-group label {
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     line-height: 22px;
     letter-spacing: 0%;
     text-align: center;
     vertical-align: middle;
     color: var(--very-dark-color);

 }

 .card_single_filter .form-group input {
     border-radius: 20px;
     background-color: #F9F9F9;
     padding: 11px 31px;
     color: var(--very-dark-color);
 }

 .card_single_filter .form-group input::-moz-placeholder,
 .card_single_filter .form-group input::-webkit-input-placeholder,
 .card_single_filter .form-group input::placeholder {
     color: #B2B2B2;
 }

 .card_single_filter .btn {
     padding: 11px 29.5px;
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 14px;
     /* leading-trim: NONE; */
     line-height: 22px;
     letter-spacing: 0%;
     text-align: center;
     vertical-align: middle;
     border-radius: 20px;
     border: solid;
 }

 body .select2-container--default .select2-selection--single .select2-selection__arrow {
     /* right: 2px !important; */
     border-top-right-radius: 2rem;
     border-bottom-right-radius: 2rem;
     width: 32px;
     top: 2px;
     background-color: var(--bg-white);
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow b {
     border-color: var(--very-dark-color) transparent transparent transparent !important;
 }

 .table.no_checkbox_table>thead>tr>*:first-child,
 .table.no_checkbox_table>tbody>tr>*:first-child {
     padding-left: 12px;
     padding-right: 12px;
 }

 .table.no_checkbox_table>tbody>tr>*:first-child>span.table_head_color:first-child {
     display: inline-block;
 }

 /* @media (min-width: 1400px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
         max-width: 100%;
     }
 } */

 @media (max-width: 1440px) {
     .list_card .top_head img {
         width: 30px;
     }

     .list_card .top_head span {
         font-size: 24px;
     }

     .list_card .bottom_head span {
         font-size: 12px;
     }

     .list_card .bottom_head .seeall_link {
         font-size: 10px;
     }

     .list_card .bottom_head select,
     .list_card .bottom_head .select2-container--default .select2-selection--single {
         width: 80px !important;
         min-width: 123px !important;
         font-size: 10px !important;
     }

     .card_table_head_main {
         flex-direction: column;
         align-items: start;
         gap: 12px;
     }
 }

 table.dataTable>tbody>tr>td,
 table.dataTable>tbody>tr>td>* {
     background-color: #F9F9F9;
     color: var(--very-dark-color);
     font-family: var(--var-font-medium);
     font-weight: normal;
     font-style: normal;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 14px;
     letter-spacing: 0px;
     text-align: center;
     vertical-align: middle;

 }

 table.dataTable>tbody>tr>td>div>button.btn.btn-sm {
     white-space: nowrap;
 }

 table.dataTable>tbody>tr>td.ellipsis>* {
     white-space: nowrap;
     display: -webkit-box;
     -webkit-line-clamp: 1;
     /* Limit to 3 lines */
     -webkit-box-orient: vertical;
     overflow: hidden;
     text-overflow: ellipsis;
     max-width: 300px;
 }

 table#allContactTable>tbody>tr>td.ellipsis>a>span {
     display: inline-block;
 }

 #mainContent pre {
     display: none;
 }

 /* button.download_document {
    margin-bottom: 20px;
} */

 .col-sm-6 .form-group+.download_document {
     margin-bottom: 20px;
 }

 .select2-container--default .select2-results__option[aria-selected=true] {
     background-color: var(--bg-white);
 }

 .avg-value {
     width: 200px;
 }

 /* =========== Learning and Development =========== */
 .video-card-container .card h4 {
     font-family: var(--var-font-regular);
     display: block;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
     font-size: 14px;
     padding: 8px 8px;
     line-height: 20px;
     border-bottom-right-radius: 4px;
 }


 table.dataTable.material_details_dataTable>thead>tr>th,
 table.dataTable.material_details_dataTable>thead>tr>th span,
 table.dataTable.material_details_dataTable>thead>tr>th label {
     background-color: #ECE3F2;
     color: #800080;
 }

 table.dataTable.material_details_dataTable>thead>tr>th,
 table.dataTable.material_details_dataTable>tbody>tr>td {
     padding: 16px 6px;
     border: solid 1px #B9B9B9;
 }

 table.dataTable.material_details_dataTable>tbody>tr>td,
 table.dataTable.material_details_dataTable>tbody>tr>td>* {
     background-color: var(--bg-white);
 }

 .bg-secondary {
     background-color: #572077 !important;
 }

 .form-group .po-chip-input {
     border-radius: 16px !important;
     border: solid 1px #C1C1C1 !important;
     min-height: 50px !important;
     padding: 6px 12px !important;
     font-size: 14px !important;
     appearance: none !important;
 }

 .shade-purple-bg {
     background-color: #581F77;
     /* border-radius: 4px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px; */
     padding: 4px;
 }

 .shade-purple-bg>* {
     font-family: var(--var-font-regular);
     font-weight: 400;
     font-style: Regular;
     font-size: 16.99px;
     /* leading-trim: NONE; */
     line-height: 25.49px;
     letter-spacing: -0.33px;
     text-align: center;
     color: var(--bg-white);
     text-transform: uppercase;
 }

 .btn.btn-primary.button_light_purple {
     background-color: #F6E5FF !important;
     font-family: var(--var-font-medium);
     font-weight: 500;
     font-style: Medium;
     font-size: 15px;
     /* leading-trim: NONE; */
     line-height: 21px;
     letter-spacing: 0px;
     text-align: center;
     vertical-align: middle;
     color: #581F77 !important;
     height: 42px;
 }

 .accordion_without_bg .accordion-button:not(.collapsed),
 .accordion_without_bg .accordion-button {
     background: transparent;
     border: none;
     box-shadow: none;
     font-family: var(--var-font-medium);
     font-weight: 500;
     font-style: Medium;
     font-size: 24px;
     /* leading-trim: NONE; */
     line-height: 30px;
     letter-spacing: 0px;
     vertical-align: middle;
     color: var(--primary);
 }

 .accordion_without_bg .accordion-button:not(.collapsed)::after,
 .accordion_without_bg .accordion-button::after {
     background-image: url(/icon-dropdown.svg);
 }

 .accordion_without_bg .collapse:not(.show) {
     display: none !important;
 }



 .btn-cancel-form {
     background: transparent;
     border: none;
     border-bottom: solid 2px #DE048F;
     border-radius: 0;
     box-shadow: none;
     font-family: var(--var-font-medium);
     font-weight: 500;
     font-style: Bold;
 }

 .btn-cancel-form:hover,
 .btn-cancel-form:focus,
 .btn-cancel-form:active {
     background-color: #ffffff;
     border: none;
     outline: 0;
     border-bottom: solid 2px #DE048F;
     color: #DE048F;
 }

 table.dataTable.dataTable_journey_form.material_details_dataTable>thead>tr>th {
     vertical-align: text-top;
     background-color: white;
     color: #0A0A0A;
     font-size: 12.75px;
     line-height: 25.49px;
     letter-spacing: -0.33px;
     text-align: center;
 }

 table.dataTable.dataTable_journey_form.material_details_dataTable>thead>tr>th:nth-child(-n + 8) {
     font-size: 16.99px;
 }

 table.dataTable.dataTable_journey_form.material_details_dataTable>thead>tr:last-child>th,
 table.dataTable.dataTable_journey_form.material_details_dataTable>thead>tr:first-child>th>span,
 table.dataTable.dataTable_journey_form.material_details_dataTable>thead>tr:first-child>th span,
 table.dataTable.dataTable_journey_form.material_details_dataTable>thead>tr>th span {
     background-color: transparent;
     font-family: var(--var-font-bold);
     font-weight: 700;
     font-style: Bold;
     font-size: 12.75px;
     /* leading-trim: NONE; */
     line-height: 16.99px;
     letter-spacing: 0px;
     text-align: center;
     color: #0A0A0A;
 }

 table.dataTable.dataTable_journey_form.material_details_dataTable>thead>tr:last-child>th>span {
     background-color: transparent;
 }

 table.dataTable.dataTable_journey_form.material_details_dataTable tbody>tr>td {
     font-family: var(--var-font-regular);
     font-weight: 400;
 }

 .turnoverBlock {
     margin-left: 14px;
     border-radius: 5px;
     background: #dddd;
     padding: 13px;
     text-align: right;
 }

 .turnoverBlock label {
     font-size: 14px;
 }

 .turnoverBlock span {
     color: green;
     font-size: 16px;
     font-weight: bold;
 }

 .select2-results__option .form-check-input {
     margin-top: 0.5px;
 }

 .wrapper-body .page-copy .xrm-editable-html .xrm-attribute-value>.container {
     max-width: 100%;
 }

 .legalclass+.select2-container--default .selection .select2-selection--single,
 .linemanagerField .form-select+.select2-container--default .selection .select2-selection--single,
 #svpFilter+.select2-container--default .selection .select2-selection--single,
 #teamType+.select2-container--default .selection .select2-selection--single,
 #vendorCodeForExisting+.select2-container--default .selection .select2-selection--single,
 #businessList+.select2-container--default .selection .select2-selection--single,
 #requestControlForm .form-group .select2-container--default .selection .select2-selection--single,
 #roundRobinForm .form-group .select2-container--default .selection .select2-selection--single {
     border-radius: 16px !important;
 }

 #requestControlForm .card_box_main {
     border-top-left-radius: 0;
     border-top-right-radius: 0;
 }

 label[for="legalEntity"] {
     margin-bottom: 6px;
 }

 label[for="legalEntity"] {
     margin-bottom: 6px;
 }

 .tab-pane .btn-group>.btn-group:not(:last-child)>.btn,
 .btn-group>.btn.dropdown-toggle-split:first-child,
 .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
 .tab-pane .btn-group>.btn:nth-child(n+3) {
     border-radius: 30px;
 }

 .tab-pane .btn-group.proceed-toggle {
     display: flex;
     align-items: center;
     gap: 24px;
     justify-self: end;
 }

 .tab-pane .btn-group .btn.btn-outline-primary {
     background-color: #F9F6FB;
     color: #581F77;
     min-width: 175px;
     height: 42px;
     font-family: var(--var-font-medium);
     font-weight: 500;
     font-style: Medium;
     font-size: 15px;
     /* leading-trim: NONE; */
     line-height: 21px;
     letter-spacing: 0px;
     text-align: center;
     vertical-align: middle;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .tab-pane .btn-group .btn-check:checked+.btn,
 .tab-pane .btn-group .btn.active,
 .tab-pane .btn-group .btn.show,
 .tab-pane .btn-group .btn:first-child:active,
 .tab-pane .btn-group :not(.btn-check)+.btn:active {
     background-color: #581F77;
     color: #FFFFFF;
 }

 table .select2-container--default .select2-selection--multiple .select2-selection__choice {
     background-color: #581F77;
     color: var(--bg-white);
 }

 table .select2-container--default .select2-selection--multiple {
     border: none;
 }

 table .select2-container--default .select2-selection--multiple:focus,
 table .select2-container--default .select2-selection--multiple:active,
 table .select2-container--default .select2-selection--multiple:hover,
 table .select2-container--default .select2-selection--multiple:focus-visible {
     outline: 0;
     border: none;
 }

 #vendorEmailTabsNav,
 .negotiation-history-tabs {
     gap: 24px;
 }

 #vendorEmailTabsNav.nav-tabs-custom li a.nav-link,
 .negotiation-history-tabs li .nav-link {
     height: 42px;
     display: flex;
     align-items: center;
     justify-content: center;
     font-family: var(--var-font-medium);
     font-weight: 500;
     font-style: Medium;
 }

 ul.nav.nav-tabs.negotiation-history-tabs {
     margin: 10px 0;
     justify-self: end;
     gap: 16px;
 }

 .negotiation-history-tabs li .nav-link {
     background-color: #F9F6FB;
     border: solid 1px #F9F6FB;
     color: #581F77;
     border-radius: 30px;
     min-width: 170px;
 }

 table.dataTable>tbody>tr>td>span.uvpid-header,
 .uvpid-header {
     color: var(--primary);
 }

 .alert_success_custom {
     background-color: #E8F5E9;
     border: 0.67px solid #4CAF50;
     border-radius: 12px;
 }

 .alert_success_custom p:first-child {
     font-family: var(--var-font-medium);
     font-weight: 500;
     font-style: Medium;
     font-size: 14px;
     /* leading-trim: NONE; */
     line-height: 21px;
     letter-spacing: 0px;
     color: #1B5E20;
 }

 .alert_success_custom p:last-child {
     font-family: var(--var-font-medium);
     font-weight: 500;
     font-style: Medium;
     font-size: 12px;
     /* leading-trim: NONE; */
     line-height: 21px;
     letter-spacing: 0px;
     color: #2E7D32;
 }

 #policyNdInsuranceDetails .step-wrapper {
      border: 2px solid #7a3df0;
      border-radius: 14px;
      padding: 20px;
      height: 100%;
    }

   #policyNdInsuranceDetails .step-header {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 16px;
      font-weight: 600;
    }

   #policyNdInsuranceDetails .step-number {
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: #7a3df0;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 700;
    }

  #policyNdInsuranceDetails  .step-card {
      background: linear-gradient(135deg, #6a1fbf, #4b148a);
      border-radius: 12px;
      padding: 16px;
      color: #fff;
    }

   #policyNdInsuranceDetails .step-card .label {
      font-size: 14px;
      opacity: 0.9;
      margin-bottom: 8px;
    }

   #policyNdInsuranceDetails .action-btn {
      background: #fff;
      color: #5a189a;
      border-radius: 10px;
      padding: 10px 14px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      font-weight: 600;
      text-decoration: none;
    }

  #policyNdInsuranceDetails .action-btn:hover {
      background: #f1e9ff;
      color: #4b148a;
    }

 /* table.table.dataTable>thead>tr>th .contact-info {
    line-height: 22px;
    padding-top: 12px;
} */

 /* iframe{position: relative; transform: scale(1.2);}  */
 /* table.dataTable>tbody>tr>td>.dropdown-item, table.dataTable>tbody>tr>td>.dropdown-item>span{text-decoration: underline;} */