/*font weight css start*/

.lxp-fontweightlight, .h1,.menu .nav-link, .lxp-footer-text-secondary, .cls-earnedpoints, .cls-pointscount, .cls-allregistration, .cls-allregcount, .cls-completion, .cls-completioncount, .cls-shares, .cls-sharescount, .FooterTitles, .FooterBody, .dashBoardCount, .cls-cart-faq, .cls-continue-shopping {
    font-weight: 300;
}

.lxp-fontweightregular, .user-details-header, .text, .gauge-title, .body-discription, .show-all-button, .add-to-cart-lbl, .SearchBoxInput,
.FilterBox, .ClsBody, .font-size-1, .dashBoardName, .skill-badge, .course_class-pointer, .vuecal__cell-date, .button, .button-inactive, .lxp-txt-btn,
.cls-addnewaddress, .cls-lxp-lbl, .cls-sn-head, .cls-rememberme-lbl, .cls-forgotpwd-lbl, .cls-profile-subhead, .cls-award-year, .cls-badges-title, .makedefaultlbl, .button-inactive, .tooltip, .popover, .datepicker-field .form-control, 
.input-group .bootstrap-select.form-control .dropdown-toggle,#chartjs-tooltip, .lxplssubhead, .universalsearchboxinput {
    font-weight: 400;
}

.lxp-fontweightbold, .user-name-header, .tspan, .title, .body-title, .SpTitle, .imgTxt,.imgTxtBgSimProf,.imgTxtBgYrProf, .ClsTitle, .card-limit-title, .imgManTxt, .imgVenTxt, .progressbar_label, .h5, .h5-dark-bold,
.textclrwithbold, .vuecal__title-bar, .vuecal__title, .signin-txt, .usracprofiletitle, .cls-profile-head, .nav-link, .cls-award-title, .lxp-exit-link, .lxp-tbl-header,.alertmsg, .usrcmecredit .input-group .bootstrap-select.form-control .dropdown-toggle {
    font-weight: 700;
}
/*font weight css end*/
/*font size css start*/
.lxp-fontsize65, .dashBoardCount, .cls-pointscount, .cls-allregcount,.cls-completioncount, .cls-sharescount  {
    font-size: 65px;
}

.lxp-fontsize36, .tagscloud-tag.level7, .tagscloud-tag.level8, .banner-limit-title {
    font-size: 36px;
}

.lxp-fontsize26, .h1, .title, .no-records-msg, .font-size-6, .tagscloud-tag.level6, .cls-continue-shopping, .EnrollIcon {
    font-size: 26px;
}

.lxp-fontsize18, .h2, .SpTitle, .allsubtitle, .navbar-light, .navbar-nav, .nav-link, .user-name-header, .gauge-title, .tspan, .h5-dark-bold, .dashBoardName, .FooterTitles, .font-size-5, .ListViewIcon, .CalendarViewIcon, .cls-fliplist-icon,
.tagscloud-tag.level5, .cls-earnedpoints, .cls-allregistration, .cls-completion, .cls-shares, .lxplssubhead,.lxptrim-desc .lxp-collapse-icon,.lxptrim-desc .lxp-expand-icon  {
    font-size: 18px;
}

.lxp-fontsize16,html, body, .ClsTitle, .skill-badge, .skill-badge-outlined, .lxp-footer-text-secondary, .textclrwithbold, .course_class-pointer, .vuecal__title-bar .vuecal__title,
.p, .vuecal__title-bar, .vuecal__title, .SearchBoxSubmit, .FilterIcon, .FooterBody, .button, #signinup .cls-lgn-footer .lxp-checkbox, .signin-txt, .fa-icon, .cls-sn-head,
.tagscloud-tag.level4, .signout, .cls-customization-title, .lxp-tbl-header, .makedefaultlbl, .popover, .universalsearchboxsubmit,.slt-btn-inactive {
    font-size: 16px;
}

.lxp-fontsize14, .user-details-header, .text, .SearchBoxInput, .FilterBox, .font-size-4, .filterbyinput, .usrproupload:hover, .cls-addnewaddress, .usracprofiletitle, .mylearnlist .ClsTypeIcon,
.tagscloud-tag.level3, .cls-award-title, .cls-award-year, .cls-badges-title, .tooltip, .input-group .bootstrap-select.form-control .dropdown-toggle, .colorpicker-component .form-control, .lxp-txtbox, .lxp-txtarea, .lxp-pwdbox,#usertranscripts .datepicker-field .form-control, #chartjs-tooltip, .universalsearchboxinput {
    font-size: 14px;
}

.lxp-fontsize12, .progressbar_label, .ClsBody, .show-all-completed-button, .font-size-3, .datepicker th, .datepicker td,.flip-deliverytype, .flip-links, .flip-links:hover, .current-month-button,
.tagscloud-tag.level2, .datepicker-field .form-control, .cls-button, .cls-button-inactive {
    font-size: 12px;
}

.lxp-fontsize10, .show-all-button, .body-title, .body-discription, .imgTxt,.imgTxtBgSimProf,.imgTxtBgYrProf, .imgVenTxt, .imgManTxt, .vuecal__cell-date, .font-size-1, .font-size-2, .tooltip-inner,
.tagscloud-tag.level1,.alertmsg, #chartjs-tooltip {
    font-size: 10px;
}
.lxp-fontsize9 {
      font-size: 9px; 
}
/*font size css end*/

.SearchBoxInput, .universalsearchboxinput {
	display: inline-block;
	-webkit-transition: box-shadow .4s ease, background .4s ease;
	transition: box-shadow .4s ease, background .4s ease;
	border: 0;
	border-radius: 1px;
	padding: 2px 0 0 8px;
	vertical-align: middle;
	white-space: normal;
}
.SearchBoxSubmit, .universalsearchboxsubmit {
	position: absolute;
	margin: 0;
	border: 0;
	border-radius: 0;
	padding: 0;
	vertical-align: middle;
	text-align: center;
}
.filterbyinput {
	display: inline-block;
	border-radius: 1px;
	border-width: 0 1px 0 0;
	padding: 0 9px;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	white-space: normal;
}
.FilterIcon {
	padding: 0px;
	border:0;
	border-radius: 0;
	background: transparent;
}
a, a:hover {
	text-decoration: none;
}
.font-icon-40px {
	font-size: 40px;
}
.backgndimg {
background-image: url("../images/placeholder_grey_01.png");
background-color: #FFFFFF;
background-repeat: no-repeat;
background-position: center; 
background-size: contain;
}
.lxp-grid-tblUI .odd{
  background-color:#c8c8c8
}
.lxp-invoicegrid-tblUI th:first-child,
.lxp-invoicegrid-tblUI td:first-child {
  text-align:left
}
.lxp-invoicegrid-tblUI th:first-child,
.lxp-invoicegrid-tblUI th:last-child,
.lxp-invoicegrid-tblUI td:first-child,
.lxp-invoicegrid-tblUI td:last-child{
  border-width:1px 0
}
.lxp-invoicegrid-tblUI th{
  border-bottom-width:1px !important
}
.lxp-invoicegrid-tblUI tfoot td{
  border-width:1px 0
}
.progressbar_label {
	position: absolute;
	left: 50%;
	top: 50%;
	padding: 0px;
	margin: 0;
	transform: translate(-50%, -50%);
	font-size: 12px !important;
}
.progress-circle {
	width: 35px;
	height: 35px
}
.progress-circle svg{
  width:35px !important;
  height:35px !important;
}
.pointer{
 cursor:pointer
}
.lxp-error-indicator{
  color: #C80000
}
.button,
.lxp-txt-btn,
.button-inactive,
.lxp-skill-txt-btn{
    padding: 6px 8px;
    text-decoration: none;
    width:auto;
    line-height:normal
}
.lxp-secondary-sel-border{
  border-right-style:solid;
  border-width:0 1px 0 0
}
.border-left{
  border-left-style:solid;
  border-left-width:1px
}
.border-top{
  border-top-style:solid;
  border-top-width:1px
}
.h2,
.SpTitle,
.border-bottom,
.cls-profile-border-bottom {
   border-bottom-style:solid;
   border-bottom-width:1px
}
.lxp-border-bottom-2x,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .nav-pills .nav-link.popactive {
   border-bottom-style:solid;
   border-bottom-width:2px
}
.lxp-full-border, .no-records-msg, .vuecal__cell--has-events, 
.lxp-applied-filter-label, .SearchBox, .FilterBox, .custom_popover, .autocomplete-results, .SearchBoxInput, .SearchBoxSubmit, .universalsearchwrapper, .universalsearchbox, .universalsearchboxinput {
	border-style: solid;
	border-width:1px
}
.SearchBox, .universalsearchbox{
  border-width:1px 0
}
.SearchBox .SearchBoxInput, .universalsearchbox .universalsearchboxinput{
  border-width:0 0 0 1px
}
.SearchBox .SearchBoxSubmit, .universalsearchbox .universalsearchboxsubmit{
  border-width:0 1px 0 0
}
.vuecal__event-content{
  border-bottom-style:solid;
  border-bottom-width:30px
}
.col.timeline-border .border-div{
  border-left-style: solid;
  border-left-width: 2px
}
.section-seperator{
  border-bottom-style: solid;
  border-bottom-width: 1px
}
.margin-top-bottom-40{
  margin:40px 0
}

.margin-top-bottom-10{
    margin:10px 0
}
.bootstrap-select .dropdown-menu{
  border-radius:0
}
.list-group-item{
  background-color:transparent;
  padding: 5px 10px
}
.list-group-item:first-child,
.list-group-item:last-child{
  border-radius:0
}
.lxp-list-groups{
  /* margin-left:17px */
}
.transexpand-row{
  padding-left:26px
}
.lxp-list-groups .list-group-item {
  display: list-item;
  padding:0
}
.lxp-list-groups .list-group-item:last-child{
  border-top:0
}
.tooltip {
  pointer-events: none;
}
.button,.slt-btn-inactive,
.input-group .bootstrap-select.form-control .dropdown-toggle[title="Search by"],
.input-group .bootstrap-select.form-control .dropdown-menu,
.input-group .bootstrap-select.form-control .dropdown-toggle[title="Select"],
.lxp-list-hover{
  text-transform : uppercase;
}
.input-group .bootstrap-select.form-control .dropdown-menu{
  padding:0
}
.input-group .bootstrap-select.form-control > .dropdown-toggle{
  width:100%
}
.input-group .bootstrap-select.form-control > .dropdown-menu{
  width:100.7%;
  margin-left:-1px;
  min-width: 0 !important;
}
.input-group .bootstrap-select.form-control > .dropdown-menu .dropdown-menu{
  display:flex;
  justify-content:flex-start;
  align-items: stretch;
  flex-direction:column;
  /* width:500px */
}
.input-group .bootstrap-select.form-control > .dropdown-menu .dropdown-menu .dropdown-item{
  white-space: inherit;
}
.surveyass-custom-dropdown select{
  border:0;
  cursor:pointer;
  outline: 0;
  -webkit-appearance: none; 
  -moz-appearance: none; 
  -ms-appearance: none; 
  appearance: none
}
#languageSwitcher.input-group .bootstrap-select.form-control > .dropdown-menu{
  width:130px
}
.timeline-container .timeline-reorder.last .timeline-border .border-div{
	border:0
}
.selectpicker-field .bootstrap-select{
  height:35px;
  background-color: transparent
}
.colorpicker-component .form-control,
.lxptxt-field .form-control,
.lxptxtarea-field .form-control{
  border:0
}
.colorpicker-component .input-group-append {
	margin-left: 0px;
}
.colorpicker-component .colorpicker-input-addon{
  line-height:normal;
  border: 1px solid #c8c8c8;
}
.colorpicker-component .colorpicker-input-addon > i{
  height:100%
}
.selectpicker-field .form-control .dropdown-toggle {
  padding: 7px;
}
.lxpsearchfilters .filter-container,
.lxpsearchfilters .sort-container,
.lxpsearchfilters .catalog-main-search,
.lxpsearchfilters .catalog-switch,
.lxpsearchfilters,
.lxpsearchfilters .SearchBox,
.lxpsearchfilters .cls-reset-search-wrapper,
.lxpsearchfilters .oneprofilecrt-main-search{
  z-index:200
}
.lxpsearchfilters .sort-container,
.lxpsearchfilters .catalog-main-search,
.lxpsearchfilters .catalog-switch,
.lxpsearchfilters .mylearn-main-search,
.lxpsearchfilters .mylearn-switch,
.lxpsearchfilters .oneprofilecrt-main-search{
  height: 37px;
}
.sortfilter-selected,
.proficiedit-selected,
.skillsedit-selected{
  border-bottom-width: 0;
  z-index:200;
}
.h-37{
  height:37px
}
.sortfilter-selected-height{
  height:62px
}
.proficiedit-height,
.skillsedit-height{
  height:30px
}
.grid-filters{
  align-items:center
}
.filterlisttop{
  margin-top:61px
}
.filter-container{
  align-items:center;
  /* padding-top:4px */
}
.skillproficiency-wrapper .skillspltformcomm-filter-popup{
  margin-top:-59px
}
.skillrepos-skill-wrapper .skillspltformcomm-filter-popup{
  margin-top:-84px
}
.rating-stars ul {
 list-style-type:none;
 padding:0; 
 -moz-user-select:none;
 -webkit-user-select:none;
}
.rating-stars ul > li.star {
 display:inline-block; 
}
.lxp-loader{
position: absolute; top: 0px; left: 0px; z-index: 500; width: 100%; height: 100%; background-color: #fff;opacity: 0.7;
}
/* .is_enable_loader{ width: 20%; left: 45%; position: absolute; z-index: 99999;top: 5%; } */
.is_enable_loader {
    width: 100%;
    /* left: 45%; */
    position: absolute;
    height: 100%;
    z-index: 99999;
    /* top: 5%; */
}
.loader_img{ width: 100px; }

/* New LXP Loader */
/* .lxp-loader-container {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 min-height: 100vh;
	 background-color: transparent;
} */
.lxp-loader-container {
    display: flex;
    /* align-items: flex-start; */
    align-items: center;
    justify-content: center;
    height: 100%;
    /* position: absolute; */
    /* background-color: transparent; */
    /* opacity: 0.6; */
}
 .lxp-loader-container .loader {
	 max-width:100%;
	 width:12rem ;
	 height: auto;
	 /*stroke-linecap: round;
	 -ms-animation: preloader 3s linear infinite;
     -ms-transform-origin: center center;*/
}
 .lxp-loader-container circle {
	 fill: none;
	 stroke-width: 20px;
	 animation-name: preloader;
	 animation-duration: 3s;
	 animation-iteration-count: infinite;
	 animation-timing-function: ease-in-out;
	 transform-origin: 170px 170px;
	 will-change: transform;
}
 .lxp-loader-container circle:nth-of-type(1) {
	 stroke-dasharray: 550px;
}
 .lxp-loader-container circle:nth-of-type(2) {
	 stroke-dasharray: 500px;
}
 .lxp-loader-container circle:nth-of-type(3) {
	 stroke-dasharray: 450px;
}
 .lxp-loader-container circle:nth-of-type(4) {
	 stroke-dasharray: 300px;
}
 .lxp-loader-container circle:nth-of-type(1) {
	 animation-delay: -0.15s;
}
 .lxp-loader-container circle:nth-of-type(2) {
	 animation-delay: -0.3s;
}
 .lxp-loader-container circle:nth-of-type(3) {
	 animation-delay: -0.45s;
}
 .lxp-loader-container circle:nth-of-type(4) {
	 animation-delay: -0.6s;
}
 @keyframes preloader {
	 50% {
		 transform: rotate(360deg);
	}
}
.margin-bottom-60{
  margin-bottom:60px
}
.margin-bottom-90{
  margin-bottom:90px
}
.btn-secondary:hover,
.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: transparent;
    border-color: initial;
}
.imgTxtBgSimProf{
  background-color: #00C8C8 !important; }

.imgTxtBgYrProf{
  background-color: #780078 !important; }
  
.imgTxt,.imgTxtBgSimProf,.imgTxtBgYrProf {
	color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0
}
.imgManTxt {
	color: #FFFFFF;
	position: absolute;
	top: 0;
	right: 0
}
.imgVenTxt {
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	right: 0
}
.imgTxtBgManager {
	background: rgba(0, 200, 200, 0.7);
}
.imgTxtBgVendor {
	background: rgba(255, 240, 0, 0.7);
}
.imgMyLearning {
	width: 225px;
	height: 120;
}
.imgTxtBgCompliance{
  padding:2px!important
}
.imgTxtbgdeliverytype{
  color: #FFFFFF;
}
.lxp-fontstyle-italic{
	font-style: italic;
}
.superscript-icon{
	vertical-align: super;
    font-size: 80%;
}
.breakLineTxt{
    white-space: pre-wrap;
    overflow-wrap: break-word;
}
.cls-sort-popup,
.cls-filter-popup {
  right: 0;
  top: 97%;
  line-height: 1;
}
.cls-filter-popup{
  top:0
}
/*Custom popover style for sort : START*/
.custom_popover {
  position: absolute;
  z-index: 150;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
 /* letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal; */
  white-space: nowrap;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  line-break: auto;
}
/*Custom popover style for sort: END*/
.h-35{
  height:35px
}
.oneprofilecard{
  /* width:600px;
  height:930px; */
  /*max-width: 600px;
  height:930px;*/
  /* margin-top: 50px; */
}
/* .oneprofiletop{
  padding-top:70px
}
.oneprofiletopLeft{
	padding:50px 0 0 30px
}
.oneprofiletopRight{
   padding: 160px 90px 0 0;
}
.oneprofile-usr-pic{
  width:200px;
  height:200px
}
.oneprofile-usr-pic .usr-prof-qrcodeimage{
border-radius: 50%;
border: 10px solid #fff;
box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 15px;
object-fit: cover;
width:100%
}
.oneprofile-usr-data{
  margin-left:15px
}
.oneprofilebottom{
  padding:20px 0 0 30px
} */
.required-sec{
	position: relative;
	cursor: pointer;
}
.optional-sec{
	position: relative;
	cursor: pointer;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.autocomplete-result,
.applied-filter {
  list-style: none;
  text-align: left;
}

/*start oneprofile UI with in viewport */

.oneprofilecard{
  max-width: 300px;
  height:465px;
  min-height:465px
}
.oneprofiletop{
  padding-top:0px
}
.oneprofiletopLeft{
	padding:30px 0 0 30px
}
.oneprofiletopRight{
   padding: 120px 40px 0 0;
}
.oneprofile-usr-pic{
  width:100px;
  height:100px
}
.oneprofile-usr-pic .usr-prof-qrcodeimage{
border-radius: 50%;
border: 5px solid #fff;
box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 15px;
object-fit: cover;
width:100%
}
.oneprofile-usr-pic .oneprofile-nousrpic{
border-radius: 50%;
border: 5px solid #fff;
box-shadow: rgba(0, 0, 0, 0.24) 0px 2px 15px;
width:100px;
height:100px;
display: flex;
align-items: center;
justify-content: center
}
.oneprofile-usr-data{
  margin-left:15px
}
.oneprofilebottom{
  padding:15px 0 0 30px
}
.lxp-share-export{
  width:301px
}
.usr-profile-qrcodeimg{
  width:80px;
  height: auto;
  margin:0 auto
}