/* side nav bar  */

.lp-closed .lp-sidebar .lp-sidebar-navi ul li a, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a {
    color: #000 !important;
}
.lp-opened-sidebar .lp-sidebar-header .lp-toggle-sidebar .lp-close-icon {


margin-top:  12px !important;
 }
 .lp-closed .lp-sidebar-header .lp-toggle-sidebar i, .lp-opened-sidebar .lp-sidebar-header .lp-toggle-sidebar i {
  color: black !important;
  margin-top:  12px !important;

}
.lp-closed .lp-sidebar, .lp-opened-sidebar .lp-sidebar {
    background: #FFFFFF !important;
}

.lp-closed .lp-sidebar .lp-sidebar-navi ul li a > span.lp-icon, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a > span.lp-icon  {
    color: #323232;
}

.lp-closed .lp-sidebar .lp-sidebar-navi>ul ul span.lp-icon, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi>ul ul span.lp-icon {
  display: table-cell !important;
}
.lp-closed .lp-sidebar .lp-sidebar-navi ul li.current>ul .active-page>a:before,
.lp-closed .lp-sidebar .lp-sidebar-navi ul li.current>ul .current>a:before
{
  display: none!important;
}

.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current>a>.lp-arrow-icon {
  transform: rotate(360deg) !important;
}

.lp-closed .lp-sidebar .lp-sidebar-navi ul li a>span.lp-arrow-icon, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a>span.lp-arrow-icon {
  transform: rotate(270deg);
}

.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li:hover  {
   background: #FFFFFF;

}
opened-sidebar .lp-sidebar .lp-sidebar-navi>ul>li.active-page :hover,
 .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi>ul>li.current :hover {
    color: #323232;
}
opened-sidebar .lp-sidebar .lp-sidebar-navi>ul>li.active-page ,

opened-sidebar .lp-sidebar .lp-sidebar-navi>ul>li.active-page ,
.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi>ul>li.current {
    box-shadow: none !important;
}
.lp-closed .lp-sidebar .lp-sidebar-navi>ul>li.active-page,
.lp-closed .lp-sidebar .lp-sidebar-navi>ul>li.current, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi>ul>li.active-page,
 .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi>ul>li.current {

    box-shadow: none !important;
}

.lp-closed .lp-sidebar .lp-sidebar-navi ul li a>span :hover,
.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a>span  :hover
{
    color: #0745F9;
}

.lp-closed .lp-sidebar .lp-sidebar-navi ul li a:hover > span.lp-icon,
.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a:hover > span.lp-icon {
    color: #0745F9 !important;
}
.lp-closed .lp-sidebar .lp-sidebar-navi ul li.active-page>a>span.lp-icon, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.current>a>span.lp-icon, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page>a>span.lp-icon, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current>a>span.lp-icon {
  color: #0745F9 !important;
  opacity: 1;
}

.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page>a>span.lp-icon,
 .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current>a>span.lp-icon  {
  color: #0745F9 !important;
}


.lp-closed .lp-sidebar .lp-sidebar-navi ul li a>span.lp-arrow-icon, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a>span.lp-arrow-icon {
  font-size: 1em !important;
  opacity: 1 !important;
}

/* space between logo and sidebar*/
.lp-opened-sidebar .lp-sidebar .lp-sidebar-wrapper {
  top: 66px !important;
}

 /* remove full screen icon from top header */

#btnFullscreen {
  display: none;
}


/* top header  */
.navbar-expand-lg .navbar-collapse {

    background: #fff !important;
}
 /* side nav bar menu css */

.lp-sidebar-navi ul li.has-drop.current > ul {
  color: #0745F9 !important;
}

.accordion-button:not(.collapsed) {
  color: #731edb;
  background-color: rgba(254, 186, 87, 0.1);
  box-shadow: inset 0 -1px 0 rgba(8, 20, 73, 0.1);
  }

li.active-page .fa{
  color: #0745F9 !important;
  }
li.current .fa{
  color: #0745F9 !important;
}
.lp-closed .lp-sidebar .lp-sidebar-navi ul li a:hover > span.lp-icon,
.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a:hover > span.lp-icon {
    color: #0745F9 !important;
}
.lp-closed .lp-sidebar .lp-sidebar-navi ul li.active-page>a>span.lp-icon, .lp-closed .lp-sidebar .lp-sidebar-navi ul li.current>a>span.lp-icon, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page>a>span.lp-icon, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current>a>span.lp-icon {
  color: #0745F9 !important;
  opacity: 1;
}
.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.active-page>a>span.lp-icon,
 .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li.current>a>span.lp-icon  {
  color: #0745F9 !important;
}

.lp-opened-sidebar .lp-footer{
  display: none !important;
}
/* top header  */
.navbar-expand-lg .navbar-collapse {

    background: #fff !important;
}

/* body */
body {
    background: #F4F4F9 !important;
    background-image: none !important;
}
.page-wrapper {
  height: calc(100vh - 124px);
  /* border: 1px solid; */
}
.card {
  min-height: 100%;
}

.buttonHover:disabled {
    border: 1px solid #6A8FFB;
    color: #6A8FFB;
    height: 30px;
  }
.form-check-input[type="checkbox"] {
     border-radius: none !important;
}

.form-check-input[type=checkbox] {
    border-radius: 0.25em;
}

.form-check-input {
  border: 1px solid #DEE2E6 !important;
    width: 1.4em !important;
    height: 1.4em !important;
}

.form-check-input:checked {
  background-color: #5472d4 !important;
}

  .buttonHover:enabled{
    background-color: #0745F9;
    color: white;
    cursor: pointer;
  }

.isValid {
    color: red;
}
.form-control {
    border: 1px solid #ebebeb !important;
     background-color: none!important;
}
.btn.btn-outline-primary {
  border-color: #6A8FFB !important;
  color: #0745F9;
}

.p-paginator {
  justify-content: end !important;
  background:#F4F4F9 !important ;
}

.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: #1D4ED8 !important;
  border-color: #1D4ED8 !important;
  color: #EFF6FF !important
}
  .p-paginator .p-paginator-pages .p-paginator-page {
    min-width: 2rem !important;
    height: 2rem !important;
    margin: 1.147rem;
    transition: box-shadow none !important;
};
.custom-pagination {
  background-color: white !important;
  bottom: 21px !important;
  right: 17px !important;
  position: fixed !important;
}
.text-primary {
  color: #6A8FFB!important;
}
.form-control{
  background-color: white !important;
}

.SearchIconAlignment{
  margin-left: -19px;
  opacity: 0.2;
 }

 .p-inputgroup-addon:first-child, .p-inputgroup button:first-child, .p-inputgroup input:first-child, .p-inputgroup > .p-inputwrapper:first-child > .p-component, .p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
   border-radius: 4px !important;
 }

 /* sorting icon size */

 .p-datatable .p-sortable-column .p-column-title,
  .p-datatable .p-sortable-column .p-sortable-column-icon,
   .p-datatable .p-sortable-column .p-sortable-column-badge {
  height: 10px;
}

/* Action dropdown menu  */

.text-decoration-none {
  text-decoration: none!important;
    color: #323232 !important;
}
.DropdownButtonsDecoration{
  text-decoration: none!important;
  color: #323232 !important;
  margin-left: 10px !important;
}
.dropdown-menu {
  min-width: 140px !important;
  padding: 0px !important;
color:#323232 !important;
cursor:pointer !important;
}
.dropdown-menu li {
  color: #323232 !important;

 }
 .dropdown-menu li a .fa {
  color: #939494 !important;
  margin-right: 10px !important;
 }
.dropdown-menu li:hover a .fa {
 color: #5b7ce0 !important;
}

.dropdown-menu li:hover {
  background: #EBF0FF !important;
}

/* confirmation dialog button  */
.confirmation .confirmation-dialog .footer .confirmation-button {
  background-color: #6A8FFB !important;
}
.confirmation .confirmation-dialog .footer .confirmation-button:active,
 .confirmation .confirmation-dialog .footer .confirmation-button:focus,
  .confirmation .confirmation-dialog .footer .confirmation-button:hover {
  background-color: #6A8FFB !important;
}

 /* filter button */

.buttonHover {
  color:#ffff !important;
  background-color: #6A8FFB !important;
  border: 1px solid #6A8FFB !important;
  border-radius: 4px !important;
}

.collapsed {
  color: #6A8FFB!important;
  background-color: #ffff !important;
  border: 1px solid #6A8FFB !important;
  border-radius: 4px !important;
}

header .navbar {
  padding-top: 8px !important;
}

/* navbar dropdown */
.navbar .dropdown-menu {
  min-width: 100px !important;
}

.btn-group.show .dropdown-toggle {
  box-shadow: none !important;
}

.btn-group .btn, .btn-group-vertical .btn {
  align-items: center !important;
}

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

/* add user profile page skillset table */
.skillSetBorder .table-responsive {
  min-height: 0px !important;
}

/* scroll bar width */
/* Target the scrollbar for webkit-based browsers (Chrome, Safari, newer Edge) */
::-webkit-scrollbar {
  width: 5px;
  /* Set your desired scrollbar width */
}

/* Target the scrollbar track for webkit-based browsers */
::-webkit-scrollbar-track {
  background: #f1f1f1; /* Set your desired scrollbar track color */
}

/* Target the scrollbar thumb for webkit-based browsers */
::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;/* Set your desired scrollbar thumb color */
}

.pagination-bar {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #f0f0f0;
}


 /************** side nav bar icons ***********************/


  .lp-sidebar .dashboard{
width: 19px;
height: 19px;
position: relative;
background-image: url(../images/logo/menuSVG/dashboard.svg);
background-size: cover;
background-repeat: no-repeat;
}
.lp-sidebar li.active-page.current .dashboard{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/dashboardHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.lp-sidebar li:hover .dashboard{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/dashboardHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.lp-sidebar .teamMember{
width: 19px;
height: 19px;
position: relative;
background-image: url(../images/logo/menuSVG/teamMember.svg);
background-size: cover;
background-repeat: no-repeat;
}
.lp-sidebar li.active-page.current .teamMember{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/team-hover.svg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #000;
}
.lp-sidebar li:hover .teamMember{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/team-hover.svg);
  background-size: cover;
  background-repeat: no-repeat;
  color: #000;
}

.lp-sidebar .project{
width: 19px;
height: 19px;
position: relative;
background-image: url(../../../../assets/images/logo/menuSVG/projectSVG.svg);
background-size: cover;
background-repeat: no-repeat;
}
.lp-sidebar li.active-page.current .project{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/projectHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.lp-sidebar li:hover .project{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/projectHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.lp-sidebar .inProgress{
width: 19px;
height: 19px;
position: relative;
background-image: url(../../../../assets/images/logo/menuSVG/InProgress.svg);
background-size: cover;
background-repeat: no-repeat;
}
.lp-sidebar li.active-page.current .inProgress{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/inProgressHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.lp-sidebar li:hover .inProgress{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/inProgressHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.lp-sidebar .upcoming{
width: 19px;
height: 19px;
position: relative;
background-image: url(../../../../assets/images/logo/menuSVG/upcoming.svg);
background-size: cover;
background-repeat: no-repeat;
}
.lp-sidebar li.active-page.current .upcoming{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/upcomingHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.lp-sidebar li:hover .upcoming{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/upcomingHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}


.lp-sidebar .completed{
width: 19px;
height: 19px;
position: relative;
background-image: url(../../../../assets/images/logo/menuSVG/completed.svg);
background-size: cover;
background-repeat: no-repeat;
}
.lp-sidebar li.active-page.current .completed{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/completedHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.lp-sidebar li:hover .completed{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/completedHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}


.lp-sidebar .archived{
width: 19px;
height: 19px;
position: relative;
background-image: url(../../../../assets/images/logo/menuSVG/archived.svg);
background-size: cover;
background-repeat: no-repeat;
}
.lp-sidebar li.active-page.current .archived{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/archivedHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.lp-sidebar li:hover .archived{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/archivedHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}



.lp-sidebar .clients{
width: 19px;
height: 19px;
position: relative;
background-image: url(../images/logo/menuSVG/parentClient.svg);
background-size: cover;
background-repeat: no-repeat;
}
.lp-sidebar li.active-page.current .clients{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/parentClientHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.lp-sidebar li:hover .clients{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/parentClientHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}


.lp-sidebar .clientDetails{
width: 19px;
height: 19px;
position: relative;
background-image: url(../images/logo/menuSVG/clientDetails.svg);
background-size: cover;
background-repeat: no-repeat;
}
.lp-sidebar li.active-page.current .clientDetails{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/clientHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.lp-sidebar li:hover .clientDetails{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/clientHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.lp-sidebar .learningPaths{
width: 19px;
height: 19px;
position: relative;
background-image: url(../images/logo/menuSVG/learningPath.svg);
background-size: cover;
background-repeat: no-repeat;
}
.lp-sidebar li.active-page.current .learningPaths{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/learningPathHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.lp-sidebar li:hover .learningPaths{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/learningPathHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.lp-sidebar .learningPath{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/learningPath2.svg);
  background-size: cover;
  background-repeat: no-repeat;
  }
  .lp-sidebar li.active-page.current .learningPath{
    width: 19px;
    height: 19px;
    position: relative;
    background-image: url(../images/logo/menuSVG/learningPathHover2.svg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .lp-sidebar li:hover .learningPath{
    width: 19px;
    height: 19px;
    position: relative;
    background-image: url(../images/logo/menuSVG/learningPathHover2.svg);
    background-size: cover;
    background-repeat: no-repeat;
  }

.lp-sidebar .courses{
width: 19px;
height: 19px;
position: relative;
background-image: url(../images/logo/menuSVG/courses.svg);
background-size: cover;
background-repeat: no-repeat;
}
.lp-sidebar li.active-page.current .courses{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/coursesHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.lp-sidebar li:hover .courses{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/coursesHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}


.lp-sidebar .skillSets{
width: 19px;
height: 19px;
position: relative;
background-image: url(../images/logo/menuSVG/skillSets.svg);
background-size: cover;
background-repeat: no-repeat;
}

.lp-sidebar li.active-page.current .skillSets{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/skillSetsHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
.lp-sidebar li:hover .skillSets{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/skillSetsHover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.lp-sidebar .myDashboard{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/myDashboard.svg);
  background-size: cover;
  background-repeat: no-repeat;
  }

  .lp-sidebar li.active-page.current .myDashboard{
    width: 19px;
    height: 19px;
    position: relative;
    background-image: url(../images/logo/menuSVG/myDashboardHover.svg);
    background-size: cover;
    background-repeat: no-repeat;
  }

  .lp-sidebar li:hover .myDashboard{
    width: 19px;
    height: 19px;
    position: relative;
    background-image: url(../images/logo/menuSVG/myDashboardHover.svg);
    background-size: cover;
    background-repeat: no-repeat;
  }

.lp-sidebar .resource-allocation{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/resource-allocation-dashboard.svg);
  background-size: cover;
  background-repeat: no-repeat;
  }

.lp-sidebar li.active-page.current .resource-allocation{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/resource-allocation-dashboard-hover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.lp-sidebar li:hover .resource-allocation{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/resource-allocation-dashboard-hover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.lp-sidebar .resource-billability{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/resource-billability-dashboard.svg);
  background-size: cover;
  background-repeat: no-repeat;
  }

.lp-sidebar li.active-page.current .resource-billability{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/resource-billability-dashboard-hover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.lp-sidebar li:hover .resource-billability{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/resource-billability-dashboard-hover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.lp-sidebar .allocation-timeline{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/allocation-timeline-dashboard.svg);
  background-size: cover;
  background-repeat: no-repeat;
  }

.lp-sidebar li.active-page.current .allocation-timeline{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/allocation-timeline-dashboard-hover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}

.lp-sidebar li:hover .allocation-timeline{
  width: 19px;
  height: 19px;
  position: relative;
  background-image: url(../images/logo/menuSVG/allocation-timeline-dashboard-hover.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
/* NO record found alighment */
.Rec-container {
  height: 500px;
  position: relative;

}
.Rec-center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* adding background color for side nav after cliking on menu */
.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi li.current > a, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi li.current > a {
  background: #f2f5ff !important;
}
ul.dropdown-ul li.current > a {
  background: white !important;
}

.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a .current {
  background: #f2f5ff !important;
}
.lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a:hover{
  background: #f2f5ff !important;
}
/* will need this for fututre reference */
/* .lp-closed .lp-sidebar .lp-sidebar-navi ul li a, .lp-opened-sidebar .lp-sidebar .lp-sidebar-navi ul li a .current {
background: #f2f5ff !important;
}

*/
.dropdown-list {
  position: absolute;
  padding-top: 6px;
  width: 100%;
  z-index: 9999;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
  margin-top: 10px;
  box-shadow: 0 1px 5px #959595;
  overflow: hidden;
  max-height: fit-content;
}

.dropdown-list ul {
  padding: 0;
  list-style: none;
  /* overflow: auto; */
  margin: 0;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link.active{
  background: #ffffff;
  color: #000 !important;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link  :hover{
  border-bottom: 0px;
}

.p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border: solid #dee2e6;
  border-width: 0 0 2px 0;
  border-color: transparent transparent #dee2e6 transparent;
  background: #ffffff;
  color: #000 !important;
  padding: 0.5rem !important;
  font-weight: 700;
  margin: 0 0 -2px 0;
}

.p-tabview-title {
  line-height: 1;
  color: #000 !important;
  font-weight: 500 !important;
  font-size: small !important;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus {
  outline:  none !important;
  outline-offset: none !important;
  box-shadow: none !important;
}
.p-tabview .p-tabview-panels {
  background: #ffffff;
  padding-top: 15.25px !important;
  padding-left: 0px !important  ;
  padding-right: 0px !important;
  border: 0 none;
  color: #495057;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}