/* You can add global styles to this file, and also import other style files */

html, body {
  height: 100%;
}

body {
  margin: 0;
  font-family: Roboto !important;
  background: #edf0f5;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.overlay {

  z-index: 1051!important;
}

body.wb {
  background: #ffffff !important;
}

.bgtype1
{
  background-color: #ffffff; 
  min-height:100vh;
}
/*
@media screen and (min-width: 1400px) and (max-width: 2000px) {
  body {
    zoom: calc((100% / 15) * 15)
  }
}


@media screen and (min-width: 1151px) and (max-width: 1399px) {
  body {
    zoom: calc((100% / 15) * 13)
  }
}

@media screen and (min-width: 600px) and (max-width: 1150px) {
  body {
    zoom: calc((100% / 15) * 11)
  }
}
*/
.whitebg {
  background: white !important;
}

.overallpagec {
  margin-top: 0rem;
  margin-left: 100px;
}
.WBoverallpagec {
  margin-top: 0rem;
  margin-left: 255px;
}

.overallpageH {
  
position: sticky;
z-index: 1000;
/* right: 0; */
top: -0.1%;
/* left: 5%; */
background-color: #edf0f5;
padding-bottom: .4rem;
padding-top: .4rem;

}

.WBoverallpageH {
  
  position: sticky;
  z-index: 1000;
  /* right: 0; */
  top: -0.1%;
  /* left: 5%; */
  background-color: #0B1941;
  padding-bottom: .4rem;
  padding-top: .4rem;
  
  }
  
.bodycontent {
  min-height: calc(100vh - 60px);
  flex: 1;
}

.cdk-overlay-pane {

  z-index: 4000 !important;
 
}

.login, .image {
  min-height: 100vh;
}




/* Images Style Start */

.loginbg-image {
  background-image: url("/assets/images/LMS Home Page.png");
  background-size: cover;
  background-position: center center;
}

/* Added for Project Based Login Logo */
.project-login-logo {
  content: url("/assets/images/Project_Login_Logo.png");
  height: 150px;
}

.Onboardbg-image {
  background-image: url("/assets/images/welcome.png");
  background-size: cover;
  background-position: center center;
}

.otp-image {
  background-image: url("/assets/images/otpimg.png");
  background-size: cover;
  background-position: center center;
}

.Workbench-image {
  background-image: url("/assets/images/success.png");
  width: 145PX;
  height: 144PX;
  align-items: center;
}

.logo-image {
  content: url("/assets/images/LMS LOGO.png");
  width: 92px;
  height: 35px;
}

.slogo-image {
  content: url(/assets/images/llogo.png);
  width: 25px;
  height: 40px;
}

/* Images Style End */

/* Nav bar Style Start*/

.WBnavbar
{
  margin-left:240px;
}

.hpnavbar {
  background: #2784ff 0% 0% no-repeat padding-box !important;
  opacity: 1;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.hpnavbarheading {
  margin-top: 4.5rem;
  padding-left: 1.25rem;
}

.hpnavbar .rightul li {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  margin-right: 0.7rem;
  position: inherit;
}

/*.hpnavbar .rightul li .nav-link {
    color: #3884e6 !important;
    opacity: 1;
    font-size: 17px;
  }*/

.hpnavbar1 {
  background: #edf0f5 !important;
  opacity: 1;
  box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 0px 0 rgb(0 0 0 / 12%) !important;
}

.hpnavbar1 .rightul li.nobg {
  background: none !important;
}

.hpnavbar1 .rightul li {
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  margin-right: 0.7rem;
}

.hpnavbar1 .rightul li .nav-link {
  color: #3884e6 !important;
  opacity: 1;
  font-size: 17px;
}

.hpnavbar1 .leftcontrols div {
  float: left;
}

.hpnavbar1 .rightcontrols div {
  float: right;
}


.hpnavbar2 {
  background: #0B1941 !important;
  opacity: 1;
  box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 0px 0 rgb(0 0 0 / 12%) !important;

}

.hpnavbar2 .rightul li.nobg {
  background: none !important;
}

.hpnavbar2 .rightul li {
  background: 0B1941 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  margin-right: 0.7rem;
}

.hpnavbar2 .rightul li .nav-link {
  color: #accfe5 !important;
  opacity: 1;
  font-size: 17px;
}

.hpnavbar2 .leftcontrols div {
  float: left;
}

.hpnavbar2 .rightcontrols div {
  float: right;
}





/* Nav bar Style End*/

/* Left Side Menu Bar Start */

.leftmenubody
{
  min-height: 70vh;
}

.leftmenubody .card-header .img_icon
{
  width: 1.3rem;
  /* height: 1.5rem; */
}

.Leftmenuslimfooter{
  
  position: sticky;
    bottom: 0;
}

.Leftmenuslim1footer{
  
  position: sticky;
    bottom: 0;
}

.Leftmenuslim {
/*  background: #2784ff 0% 0% no-repeat padding-box;*/
background: #0B1941 0% 0% no-repeat padding-box;

  /*margin-left: .8rem;*/
  margin-left: 0rem;
 /* margin-top: 1.5rem;*/
 margin-top: 0rem;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  transform: translateX(0) !important;
  overflow-y: hidden;
 
}
.Leftmenuslim:hover {
  overflow-y: auto !important;
}
.Leftmenuslim1:hover {
  overflow-y: auto !important;
}
.leftmenuslimtogl
{
  position: fixed;
  left: 55px;
  top: 64px;
  z-index: 1050;
  font-size: 20px;
  color: #6fabfc;
  background-color: #0b1941;

  width: 14px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  text-align: center;
  cursor: pointer;
  height: 30px;
    line-height: 32px;
}
.WBleftmenuslimtogl
{
  position: fixed;
  left: 240px;
  top: 56px;
  z-index: 1050;
  font-size: 20px;
  color: #6fabfc;
  background-color: #0b1941;

  width: 14px;
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  text-align: center;
  cursor: pointer;
  height: 30px;
    line-height: 32px;
}
.LeftmenuslimHd
{
  position: sticky;
  top: -0.1%;
  z-index: 999;
  background-color: #0b1941;
}
.Leftmenuslim .logo-wrapper {
  border-bottom: 1px solid rgb(150 138 138 / 30%) !important;
}

.Leftmenuslim mdb-accordion-item-head {
  margin-bottom: 1rem;
}

.Leftmenuslim .Leftmenuslimfooter .card.active>mdb-accordion-item-head {
  background: #2784FF 0% 0% no-repeat padding-box !important;
}

.Leftmenuslim .logo-wrapper span {
  padding-left: 2rem !important;
}

.Leftmenuslim .side-nav .collapsible .card.active>mdb-accordion-item-head {
  background: #0653B9;
  box-shadow: inset 0px 0px 23px #00000029;
  border-radius: 8px;
  opacity: 0.6;
}

.Leftmenuslim a, .Leftmenuslim a h5 {
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 15px !important;
  color: white !important;
}

.Leftmenuslim .side-nav .collapsible .fas {
  font-size: 18px !important;
}



.Leftmenuslim1 .side-nav.wide .logo-wrapper.sn-ad-avatar-wrapper {
   height: 3.4rem !important; 
   padding: 0px !important;
}

.Leftmenuslim1 .WBsmenu .card .card-body {
 
  padding: 0rem !important;
}

.Leftmenuslim1 {
  /*  background: #2784ff 0% 0% no-repeat padding-box;*/
background: #ffffff 0% 0% no-repeat padding-box;

/*margin-left: .8rem;*/
margin-left: 0rem;
/* margin-top: 1.5rem;*/
margin-top: 0rem;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
transform: translateX(0) !important;
overflow-y: hidden;
}


.Leftmenuslim1 .side-nav a {

  height: 0%!important; 
  padding-left: 0px !important;
}

.Leftmenuslim1 .side-nav .collapsible .card .card-header a .rotate-icon {
  top: 5px !important;
}
.Leftmenuslim1 .accordion .card .card-header 
{
  padding-left: 8px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
}

.Leftmenuslim1 .logo-wrapper {
  border-bottom: 1px solid rgb(150 138 138 / 30%) !important;
}

.Leftmenuslim1 mdb-accordion-item-head {
  margin-bottom: 0rem;
}

.Leftmenuslim1 .Leftmenuslimfooter .card.active>mdb-accordion-item-head {
  background: #2784FF 0% 0% no-repeat padding-box !important;
}

.Leftmenuslim1 .logo-wrapper span {
  padding-left: 1rem !important;

  line-height: 3.5rem;
}

.Leftmenuslim1 .logo-wrapper .slogo-image
{
  margin-left: 11px !important;
  margin-top: 5px !important;
}

/*.Leftmenuslim1 .side-nav .collapsible .card.active>mdb-accordion-item-head {
  background: #0653B9;
  box-shadow: inset 0px 0px 23px #00000029;
  border-radius: 8px;
  opacity: 0.6;
}*/

.Leftmenuslim1 a, .Leftmenuslim1 a h5 {
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 15px !important;
  color: #0B1941 !important;
  
}

.Leftmenuslim1 .side-nav .collapsible .fas {
  font-size: 18px !important;
}

/*************************/

/*.leftmenucardpad {
  z-index: 1030;
  height: 100%;
}

.leftmenucardpad ul {
  list-style-type: none;
  padding-left: 5px;
}
.leftmenucardpad .wrapper {
  width: 100%;
}
.leftmenucardpad .menu {
  background: #2784ff 0% 0% no-repeat padding-box;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  float: left;
  display: block;
  margin-left: 2rem;
  height: calc(100vh - 15px);
}

.leftmenucardpad .menu mdb-icon {
  padding-right: 1rem;
}

.leftmenucardpad .menu span {
  padding-left: 1rem;
}

.leftmenucardpad .menu a {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-bottom: 1.5rem;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 15px;
  color: white;
  opacity: 0.7;
}

.icon {
  max-width: 1em;
}

​ .menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0.2em 0.5em;
}

.menu li {
  margin: 0;
}

.menu a,
​ .menu a:visited {
  color: white;
  text-decoration: none;
}

.text {
  display: inline;
  margin: 0;
}

.content {
  display: block;
}
*/

/* Left Side Menu Bar End */

/* Parent Tab Controls Start */

.PTABSFXD {
  /*
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 1030;
*/
}

.PTABS .CPTABS ul {
  margin-bottom: 0.15rem !important;
}


/* .PTABS .CPTABS ul li {
  background-color: white !important;
  padding: 10px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 13px;
  letter-spacing: 0.39px;
  color: #455266;
  opacity: 1;
  padding: 0.5rem 0rem 0.5rem 0rem;
  margin: 0rem;
} */
 
.PTABS .CPTABS ul li {
  background-color: #253858 !important;
  padding: 10px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 13px;
  letter-spacing: 0.39px;
  color: #455266;
  opacity: 1;
  padding: 0.5rem 0rem 0.5rem 0rem;
  margin: 0rem;
}


.PTABS .CPTABS ul li a {
  text-align: left !important;
 
}

.PTABS .CPTABS ul li {
  border-right:1.8px solid #edf0f5;
}

.PTABS .CPTABS ul li.active
{
  border-right:0px;
}

/*.PTABS ul li.active ~ li:first-child a
{
  border-right:0px;
}*/

.PTABS .CPTABS ul li:last-child
{
  border-right:0px;
}

/* .PTABS .CPTABS ul li.active a.active {
  background-color: #505f7a !important;
  opacity: 1;
  letter-spacing: 0.39px;
  color: #ffffff;
  border-radius: 4px;
} */


.PTABS .CPTABS ul li.active a.active {
  background-color: white !important;
  opacity: 1;
  letter-spacing: 0.39px;
  color: #253858;
  border-radius: 4px;
}

.md-pills .nav-link{
  color:white;
}

.PTABS .CPTABS ul li:first-child {
  border-top-left-radius: 8px;
}

.PTABS .CPTABS ul li:last-child {
  border-top-right-radius: 8px;
}

.PTABS .CPTABS ul li .nav-link.active {
  box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 0px 0 rgb(0 0 0 / 12%) !important;
}

.PTABS .tab-content {
  display: contents;
}

.PTABS .CPTABS ul li .fa-genderless {
  color: #c9d0db;
  margin-right: 0.2rem;
  font-size: 15px;
}

.PTABS .CPTABS ul li .fa-dot-circle {
  color: #c9d0db !important;
}

.PTABS .CPTABS ul li .fa-dot-circlegrn {
  color: #6ad37a !important;
}

.PTABS .CPTABS ul li .fa-dot-circleorng {
  color: #ffbe00 !important;
}

.PTABS .CPTABS ul li .fa-dot-circlered {
  color: #ff0000 !important;
}

.PTABS .CPTABS ul li .fa-genderlessgrn {
  color: #6ad37a !important;
}

.PTABS .CPTABS ul li .fa-genderlessorng {
  color: #ffbe00 !important;
}

.PTABS .CPTABS ul li .fa-genderlessred {
  color: #ff0000 !important;
}


.PGRTABS .CPTABS ul li {
  
  border-bottom: 1.8px solid #edf0f5;
  border-top: 1.8px solid #edf0f5;
}

/* Parent Tab Controls End */

/* Sub Tab One Controls Start */

.STABSONE ul {
  margin-bottom: 0.05rem !important;
  border-bottom: 1.5px solid #edf0f5;
}

.STABSONE ul li {
  opacity: 1;
  padding: 0rem 1rem 0rem 1rem;
  margin: 0rem;
  background: #edf0f5 0% 0% no-repeat padding-box;
  border-radius: 4px 4px 0px 0px !important;
  opacity: 1;
  border: 0.2px solid #e1e5ea;
  border-bottom: 0px;
}

.STABSONE ul li:first-child {
  border-top-left-radius: 4px !important;
}

.STABSONE ul li:last-child {
  border-top-right-radius: 4px !important;
}

.STABSONE ul li:last-child
{
  border-right:0.2px solid #e1e5ea !important;
}

.STABSONE ul li a {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14.5px;
  letter-spacing: 0.39px;
  color: #505F7A !important;
  opacity:1;
}

.STABSONE ul li a.active {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 14.5px;
  letter-spacing: 0.39px;
  color: #ffffff !important;
}



.STABSONE ul li {
  opacity: 1;
  background: #ffffff 0% 0% no-repeat padding-box !important;

}
.STABSONEList ul {
  border-bottom:3px solid #505f7a;

}

.STABSONEList ul li:first-child.active {

  border-left:0.1px solid #505f7a;

}
.STABSONEList ul li:first-child {

  border-left:0.1px solid #e1e5ea;

}
.STABSONE ul li.active, .STABSONE ul li.active a.active {
  opacity: 1;
  background: #505f7a 0% 0% no-repeat padding-box !important;
  border-radius: 4px 4px 0px 0px;
 /* border-bottom: 1px solid #505f7a;*/
}

.STABSONE ul li .nav-link.active {
  box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 0px 0 rgb(0 0 0 / 12%) !important;
}

.STABSONE .tab-content {
  display: contents;
}

/* Sub Tab One Controls End */

/* Sub Tab Two Controls Start */

.STABSTWO ul {
  margin-bottom: 0.05rem !important;
  border-bottom: 1.5px solid #edf0f5;
  display: contents;
}

.STABSTWO ul li {
  opacity: 1;
  padding: 0rem 0rem 0rem 0rem;
  margin: 0rem;
  /*background: #EDF0F5 0% 0% no-repeat padding-box;*/
  /*border-radius: 4px 4px 0px 0px;*/
  opacity: 1;
  border-top: 0.2px solid #e1e5ea;
  border-bottom: 0.2px solid #e1e5ea;
}

.STABSTWO ul li .nav-link {
  text-align: left !important;
  padding: 0.9rem 1rem;
}

.STABSTWO ul li a {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0px;
  color: #505f7a;
}

.STABSTWO ul li a.active {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0px;
  color: #ffffff;
}

.STABSTWO ul li.active, .STABSTWO ul li.active a.active {
  opacity: 1;
  background: #505f7a 0% 0% no-repeat padding-box !important;
  /* border-radius: 4px 4px 0px 0px;*/
}

.STABSTWO ul li .nav-link.active {
  box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 0px 0 rgb(0 0 0 / 12%) !important;
}

.STABSTWO .tab-content {
  display: none;
}

.STABSTWO mdb-tabset .container-fluid .col-md-12 {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

/* Sub Tab Two Controls End */

/* Stepper Stlye Start */

ul.stepper li .step-title {
  display: none;
}

/* Stepper Stlye End */

/* Data Entry Forms Styles Start */

.form-control1
{
  font-size:14px !important;
}

.form-control {
border: 1px solid #D9DFE3;
border-radius: 4px;
}

.deforms .cardstyle1
{
  border-bottom: 4px solid #EDF0F5; 


}

.deforms .form-group {
  margin-bottom: 0rem !important;
}

.md-form .form-control {
padding:0.32rem;
  }

.deforms .form-group label {
  text-align: left;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  color: #455266;
  opacity: 1;
  letter-spacing: 0.36px;
  margin-bottom: 0.1rem;
}

.deforms .form-group input, .deforms .form-group select {
  text-align: left;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0px;
  color: #253858 !important;
  opacity: 1;
  border: 1px solid #d9dfe3;
  border-radius: 4px;
}

.deforms .custom-checkbox
{
  text-align: left !important;
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 12px !important;
  color: #455266 !important;
  opacity: 1 !important;
  letter-spacing: 0.36px !important;
  margin-bottom: 0.1rem !important;
}

.deformsfooter .leftcontrols div {
  float: left;
}

.deformsfooter .rightcontrols div {
  float: right;
}

.deforms .leftcontrols div, .deforms .leftcontrols span {
  float: left;
}

.deforms .rightcontrols div, .deforms .rightcontrols span {
  float: right;
}

.deforms .form-row>[class*="col-"] {
  padding-right: 25px !important;
  padding-left: 20px !important;
}

.deformscontent {
  /*min-height: calc(100vh - 60px);
    flex: 1;*/
  margin-bottom: 0px;
  min-height: 66.5vh;
}

.WBdeformscontent {
  /*min-height: calc(100vh - 60px);
    flex: 1;*/
  margin-bottom: 0px !important;
  min-height: 70vh !important;
}
.WBdeformscontentL {
  /*min-height: calc(100vh - 60px);
    flex: 1;*/
  margin-bottom: 0px !important;
  min-height: 86vh !important;
}



.FieldIcon {
  position: Relative;
  /* top: 1rem; */
  /* left: 19rem; */
  /* font-size: 15px; */
  float: right;
  top: -23px;
  right: 15px;
}

/* Data Entry Forms Styles End */

/* General Styles Start */

.elembtmmrg2 {
  margin-bottom: 2.5rem !important;
}

.elembtmmrg3 {
  margin-bottom: 3.5rem !important;
}

.elembtmmrg1 {
  margin-bottom: 1.5rem !important;
}

.elembtmmrg0 {
  margin-bottom: 0.5rem !important;
}

.elembtmmrg1a {
  margin-bottom: 1rem !important;
}

.elemtpmrg0 {
  margin-top: 1rem !important;
}

.elemtpmrg1 {
  margin-top: 2rem !important;
}


.elemtpmrg2 {
  margin-top: 2.5rem !important;
}

.elemltmmrg0 {
  margin-left: 1rem !important;
}
.elemltmmrg1 {
  margin-left: 8px !important;
}



.nomargin {
  margin: 0px !important;
}

.nomargin1 {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.nobottommargin {
  margin-bottom: 0px !important;
}

.fixbtmright {
  position: sticky;
  bottom: 0;
  width: 100%;
}

.leftcontrols div {
  float: left;
}

.rightcontrols div {
  float: right;
}

.leftcontrols span {
  float: left;
}

.rightcontrols span {
  float: right;
}




.centercontrols div {
  float: center;
}

.txtcenter {
  text-align: center !important;
}

.oneblwa
{
display:flex; flex-direction:column;
}

.boxstyle{
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #70707061;
border-radius: 5px;
opacity: 1;
padding:.6rem;
margin-bottom: 10px;
}

.boxstyleP .boxstyle:last-child
{
  margin-bottom: 40px !important;
}


/* General Styles End */

/* Card Styles Start */

.card {
  box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 0px 0 rgb(0 0 0 / 12%);
}

.card-body {
  padding-top: 0rem !important;
}

.cardstylewf {
  position: relative;
  margin-left: 0rem;
  margin-right: 0rem;
  border-radius: 0rem !important;
 /* background: #edf0f5;*/
}

.cardstylewfbody {
  padding: 0rem 0.25rem 0rem 0.3rem !important
}

.cardstylecurve {
  border: 1px solid #dde3e8;
  border-radius: 10px;
  opacity: 1;
}

.cardstylegry {
  background: #fefefe 0% 0% no-repeat padding-box;
  margin-bottom: 1.5rem;
}



.cardstylecurve1 {
border: 1px solid #F3F3F3;;
  border-radius: 5px;
  opacity: 1;
}


.cardstylegry1 {
  background: #F9F9F9 0% 0% no-repeat padding-box; 
  padding:1rem;
  margin:1rem;
}


.cardstylegry .form-group input, .cardstylegry .form-group select {
  background: #fefefe;
}

.cardtopcurve {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  opacity: 1;
}

.cardbottomcurve {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  opacity: 1;
}

.cardtopcurve1 {
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  opacity: 1;
}

.cardbottomcurve1 {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  opacity: 1;
}

.cardstylefooter {
  position: sticky;
  bottom: 0;
  /*  left: 134px;
    right: 134px;
    z-index: 1030;
    margin-top: 4px;*/
  margin-bottom: -6.6rem;
  box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 0px 0 rgb(0 0 0 / 12%);
  border-top: 3px solid #edf0f5;
}

.Scardstylefooter {
  bottom: -2em !important;
}

.cardstylepopupfooter {
bottom:-25px !important;
}

.cardstylefooter .card-body {
  padding: 0.25rem !important;
}

.cardstylefooter .form-group {
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
}

body.wb .cardstylefooter .form-group {
  margin-bottom: 0.1rem !important;
  margin-top: 0.1rem !important;
}

.cardstylewhite {
  background: #ffffff 0% 0% no-repeat padding-box;
}

.foot {
  position: sticky;
  bottom: 0px;
  background-color: #ffffff;
  /*border-top: 1px solid rgba(0, 0, 0, 0.1) !important;*/
}

/* Card Styles End */

/*Accordion Style Start */


.winaccordionrow .md-accordion .card
{

  background: #ffffff 0% 0% no-repeat padding-box;
border-radius: 8px;
opacity: 1;
}

.winaccordionrow .card-header
{
  padding: 0.65rem 1.25rem !important;
}

.winaccordionrow .md-accordion .card:hover{ 
  background: #c6dcfc  0% 0% no-repeat padding-box !important;
  border: 1px solid #2784FF;
  border-radius: 8px;
  opacity: 1;
}



.winaccordionrow .md-accordion
{
  margin-bottom: 0.7rem;
}

.accordionrow .md-accordion .card {
  box-shadow: 0 0px 2px 0 rgb(0 0 0 / 16%), 0 0px 0px 0 rgb(0 0 0 / 12%);
  margin-bottom: 0.2rem;
}

.PlainAccordion .md-accordion .card
{
 border-bottom: 0px !important;
  box-shadow: none !important;
}

.PlainAccordion .card-header
{
padding-left:0px !important;
padding-bottom:0px !important;
}
.PlainAccordion .card-body
{
  padding-left:0px !important;
  padding-bottom:0px !important;
}

/*Accordion Style End */

/* Button Styles Start */

.icnbtn mdb-icon
{
  padding-right: .5rem;
}

.btnlist
{
  margin-bottom: -20px; 
  padding: .5rem .9rem !important; 
}
.btnlist1
{
  /*margin-bottom: -20px; */
  padding: .5rem .9rem !important; 
}

.btn.btn-smEQS {
  padding: .5rem .9rem !important;
}

.btn
{
 box-shadow: 0 0px 0px 0 rgb(0 0 0 / 16%), 0 0px 0px 0 rgb(0 0 0 / 12%) !important;
}

.thdarkblu {
  background: var(--unnamed-color-253858) 0% 0% no-repeat padding-box;
  background: #253858 0% 0% no-repeat padding-box;
  background-color: #253858 !important;
  border-radius: 4px;
  opacity: 1;
  letter-spacing: 0.39px;
  color: #ffffff;
  opacity: 1;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px !important;
  text-transform: initial !important;
}

.thdarkblu2 {
  background: var(--unnamed-color-253858) 0% 0% no-repeat padding-box;
  background: #253858 0% 0% no-repeat padding-box;
  background-color: #253858 !important;
  border-radius: 4px;
  opacity: 1;
  letter-spacing: 0.39px;
  color: #ffffff;
  opacity: 1;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 13px !important;
  text-transform: initial !important;
}

.thdarkblu2:hover {
  color: #ffffff !important;
}

.thdarkblu:hover {
  color: #ffffff !important;
}

.thliteblu {
  background: var(--unnamed-color-253858) 0% 0% no-repeat padding-box;
  background: #2784ff 0% 0% no-repeat padding-box;
  background-color: #2784ff !important;
  border-radius: 4px;
  opacity: 1;
  letter-spacing: 0.39px;
  color: #ffffff;
  opacity: 1;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px !important;
  text-transform: initial !important;
}

.thliteblu:hover {
  color: #ffffff !important;
}

.thdarkbluout {
  border: 1px solid var(--unnamed-color-455266);
  border: 1px solid #455266;
  border-radius: 4px;
  opacity: 1;
  letter-spacing: 0.39px;
  color: #455266;
  opacity: 1;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px !important;
  text-transform: initial !important;
}

.thdarkbluout:hover {
  color: #455266 !important;
}

.thdarkblu1 {
  border-radius: 4px;
  background: #2784FF 0% 0% no-repeat padding-box;
  background-color: #2784FF !important;
  opacity: 1;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px !important;
  text-transform: initial !important;
}

.thdarkbluout1 {
  border: 1px solid var(--unnamed-color-455266);
  border: 1px solid #455266;
  border-radius: 4px;
  background: #ffffff;
  opacity: 1;
  letter-spacing: 0.39px;
  color: #0a1c36;
  opacity: 1;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px !important;
  text-transform: initial !important;
}

.thdarkbluout1:hover {
  border: 1px solid var(--unnamed-color-455266);
  border: 1px solid #ffffff;
  border-radius: 4px;
  box-shadow: inset -8px -8px 20px 0 rgba(255, 255, 255, 0.08), inset 8px 8px 20px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  color: #fff;
  background: #2784ff;
  background-color: #2784ff !important;
}

.thnoout {
  box-shadow: 0 1px 1px 0 rgb(0 0 0 / 16%), 0 1px 3px 0 rgb(0 0 0 / 12%) !important;
  opacity: 1;
  letter-spacing: 0.39px;
  color: #455266;
  opacity: 1;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px !important;
  text-transform: initial !important;
}

/* Button Styles End */

/* Hyperlink Styles Start */

.hlnkA{
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 14px !important;
  letter-spacing: 0px !important;
  color: #20a70b !important;
  opacity: 1 !important;
  cursor: pointer !important;
  padding: .1rem;
  text-align: center;
}
.hlnkW{
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 14px !important;
  letter-spacing: 0px !important;
  color: #FF8A65 !important;
  opacity: 1 !important;
  cursor: pointer !important;
  padding: .1rem;
  text-align: center;
}
.hlnkR{
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 14px !important;
  letter-spacing: 0px !important;
  color: #2784ff !important;
  opacity: 1 !important;
  cursor: pointer !important;
  padding: .1rem;
  text-align: center;
}
.hlnkRj{
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 14px !important;
  letter-spacing: 0px !important;
  color: #f71111 !important;
  opacity: 1 !important;
  cursor: pointer !important;
  padding: .1rem;
  text-align: center;
}
.hlnkE{
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 14px !important;
  letter-spacing: 0px !important;
  color: #007BC2 !important;
  opacity: 1 !important;
  cursor: pointer !important;
  padding: .1rem;
  text-align: center;
}


.hlnk1 {
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 13px !important;
  letter-spacing: 0px !important;
  color: #2784ff !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

.hlnk2 {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0px;
  color: #2784ff;
  opacity: 1;
  cursor: pointer;
}

.hlnk2a {

  color: #2784ff;

  cursor: pointer;
}

.hlnk3 {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 18px;
  letter-spacing: 0px;
  color: #2784ff;
  opacity: 1;
  cursor: pointer;
}

.hlnk4 {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0px;
  color: #f03434;
  opacity: 1;
  cursor: pointer;
}

.hlnk6 {
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 14.5px !important;
  letter-spacing: 0px !important;
  color: #2784ff !important;
  opacity: 1 !important;
  cursor: pointer !important;
  padding-left:.5rem;
}

.hlnk7 {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 14.5px;
  letter-spacing: 0px;
  color: #f03434;
  opacity: 1;
  cursor: pointer;
  padding-left:.5rem;
}

.hlnk8 {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 14.5px;
  letter-spacing: 0px;
  color: #0b9917;
  opacity: 1;
  cursor: pointer;
  padding-left:.5rem;
}

.hlnk9 {

  color: #15418b !important;
  cursor: pointer;
}


/* Hyperlink styles End */

/* Heading Styles Start */

.Hlbl1 {
  text-align: left !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 16px !important;
  letter-spacing: 0px !important;
  color: #253858 !important;
  opacity: 1 !important;
}

.Hlbl2 {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0.36px;
  color: #000000;
  opacity: 1;
}

.Hlbl3 {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0px;
  color: #000000;
  opacity: 0.5;
}

.Hlbl4 {
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  font-size: 20px;
  letter-spacing: 0.48px;
  color: #253858 !important;
  opacity: 1;
}

.Hlbl4a {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 20px;
  letter-spacing: 0.48px;
  color: #accfe5 !important;
  opacity: 1;
}

.Hlbl5 {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 40px;
  letter-spacing: 0px;
  color: #242021;
  opacity: 1;
  text-align: center;
}

.Hlbl6 {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  text-align: center;
  font-size: 16px;
  letter-spacing: 0px;
  color: #242021;
  opacity: 0.58;
}

.Hlbl7 {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0.42px;
  color: #455266;
  opacity: 0.6;
}

.Hlbl7a {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0.42px;
  color: #ffffff;
  opacity: 0.6;
}

.Hlbl8 {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 10px;
  letter-spacing: 0px;
  color: #242021;
  opacity: 0.5;
}

.Hlbl9 {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0.36px;
  color: #455266;
  opacity: 0.8;
}

.Hlbl10 {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 14.7px;
  letter-spacing: 0.48px;
  color: #455266;
}

.Hlbl11 {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 22px;
  letter-spacing: 0.66px;
  color: #253858;
  opacity: 1;
  text-align: center;
}

.Hlbl12 {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0.42px;
  color: #253858 !important;
  text-align: center;
  opacity: 1;
}

.Hlbl13 {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 10px;
  letter-spacing: 0px;
  color: #ffffff !important;
  text-align: center;
  opacity: 1;
}
.Hlbl14 {
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 12px !important;
  letter-spacing: 0.36px !important;
  color: #253858 !important;
  text-align: left !important;
}
.Hlbl15 {
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 12px !important;
  letter-spacing: 0.36px !important;
  color: #253858 !important;
  text-align: left !important; 
}

.Hlbl16 {
  font-weight: medium !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 12px !important;
  letter-spacing: 0px !important;
  color: #253858 !important;
  text-align: left !important; 
  opacity:0.5 !important;
}

.Hlbl17 {
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: italic !important;
  font-size: 10px !important;
  letter-spacing: 0px !important;
  color: #253858 !important;
  text-align: left !important; 
  opacity:0.5 !important;
}

.Hlbl18 {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0px;
  color: #253858 !important;
  text-align: center;
  opacity: 1;
}

.Hlbl19 {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0px;
  color: #000000 !important;
  text-align: center;
  opacity: 1;
}

.Hlbl20 {
  font-weight: lighter;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0px;
  color: #2784FF !important;
  text-align: center;
  opacity: 1;
}

.Hlbl21 {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 13px;
  letter-spacing: 0.48px;
  color: #39404D !important;
  text-align: left;
  opacity: 0.7;
}

.Hlbl22 {
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 14.5px !important;
  letter-spacing: 0.48px !important;
  color: #000000 !important;
  opacity: 0.9 !important;
}

.Hlbl23 {
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 0.48px;
  color: #253858;
  opacity: 1;
}

.Hlbl24 {
  font-weight: medium !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 14px !important;
  letter-spacing: 0px !important;
  color: #253858 !important;
  text-align: left !important; 
  opacity:0.5 !important;
}

.Hlbl25 {
  font-weight: bold;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 14px !important;
  letter-spacing: 0.48px !important;
  color: #253858 !important;
  opacity: 1 !important;
}

.Hlbl26 {
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 12px !important;
  letter-spacing: 0px !important;
  color: #455266 !important;
  opacity: 0.9 !important;
  text-align:left;
}

.Hlbl27 {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0px;
  color: #253858 !important;
  text-align: center;
  opacity: 1;
}
.Hlbl27R {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0px;
  color: #da0404 !important;
  text-align: center;
  opacity: 1;
}
.Hlbl28 {
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 20px !important;
  letter-spacing: 0.66px !important;
  color: #253858 !important;
  opacity: 1 !important;
  text-align: left !important;
}

.Hlbl29 {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 13px;
  letter-spacing: 0px;
  color: #455266;
  opacity: 0.9;
  text-align: center;
}
.Hlbl30 {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0px;
  color: #2680EB;
  opacity: 1;
  
}

.Hlbl131 {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 1px;
  color: #ffffff !important;
  text-align: center;
  opacity: 1;
}

/* ------------Work bench css starts ----------------*/
.Hlbl {
  text-align: left !important;
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 22px !important;
  letter-spacing: 0px !important;
  color: #253858 !important;
  opacity: 1 !important;
}

.hlnk {
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 16px !important;
  letter-spacing: 0px !important;
  color: #2784FF !important;
  opacity: 1 !important;
  cursor: pointer !important;
}


.hlnkg {
  font-weight: 500 !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 14px !important;
  letter-spacing: 0px !important;
  color: #009D39 !important;
  opacity: 1 !important;
  cursor: pointer !important;
}

.Hlblotpnor {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 30px;
  letter-spacing: 0px;
  color: #000000 !important;
  text-align: center;
  opacity: 1;
}

.Hlblotp {
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 30px;
  letter-spacing: 0px;
  color: #000000 !important;
  text-align: center;
  opacity: 1;
}

.Hlblsuc {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 20px;
  letter-spacing: 0px;
  color: #000000 !important;
  text-align: center;
  opacity: 1;
}

/* ------------Work bench css Ends ----------------*/

/*Line Heading Start*/

.headerLine {
    display: inline-block;
    position: relative;
    text-align: left;
    overflow:hidden;
    
}
.headerLine span {
    position: relative;
    font-weight: 500;
    font-stretch: normal !important;
    font-style: normal !important;
    font-size: 13px !important;
    letter-spacing: 0.36px !important;
    color: #000000 !important;
    opacity: 1 !important;
  }
  
 /* .headerLine :before,*/
  .headerLine :after{
    content:"";
    position: absolute;
    width: calc(100vw);
    height: 1px;   
    border-bottom: 1.3px solid #000000;
    top:50%;
    opacity: 0.2;
  }
  
  .headerLine :after{
    left:110%;
  }
  
  /*.headerLine :before{
    right: 110%;
  }*/
  
  /*Line Heading End*/



/* Heading Styles End */

/* DIV row styles Start */

.mainrow {
  background: #ffffff;
  margin-right: -4.3px;
  margin-left: -4.3px;
}

.WBmainrow {
  background: #ffffff;
  margin-right: -30px;
  margin-left: -30px;
}
.WBmainrowL {
  background: #ffffff;
  margin-right: -15px;
  margin-left: -15px;
}

.Listmainrow {
  background: #ffffff !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
}


.mainrow .maincol {}

.rowpdg3 {
  padding-bottom: 0.5rem;
  padding-top: 2rem;
}

.rowpdg2 {
  padding-bottom: 0.5rem;
  padding-top: 1.5rem;
}


.rowpdg1 {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}


.rowpdg0 {
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.rowpdgbottom0 {
  padding-bottom: 1rem;
 
}

/* DIV row styles End */

/* DIV column styles Start */

.col-ssm-1 {
  flex: 0 0 8.3333333333% !important;
  max-width: 5.3333333333% !important;
}


.colrightborder {
  border-right: solid 1.8px #edf0f5;
}

.coltoppad {
  padding-top: 15px !important;
}

.coltoppad1 {
  padding-top: 7px !important;
}

.colleftpad {
  padding-left: 15px !important;
}

.colnoleftpad {
  padding-left: 0px !important;
}

.colleftpad1 {
  padding-left: 7px !important;
}

.colleftpad3 {
  padding-left: 25px !important;
}

.colleftpad4 {
  padding-left: 35px !important;
}


.colrightpad0 {
  padding-right: 7px !important;
}

.colrightpad {
  padding-right: 15px !important;
}

.colrightpad1 {
  padding-right: 25px !important;
}

.colrightpad4 {
  padding-right: 35px !important;
}

.colnorightpad {
  padding-right: 0px !important;
}

.colnopad1 {
  padding-right: 0px !important;
  padding-left: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.colnopad {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.colnopad2 {
  padding-right: 4px !important;
  padding-left: 4px !important;
}

.colnopad3 {
  padding-right: 16px !important;
  padding-left: 16px !important;
}

.colnopad4 {
  padding-right: 8px !important;
  padding-left: 8px !important;
}

.colnotoppad {
  padding-top: 0px !important;
}

.colbottompad {
  padding-bottom: 10px !important;
}

.colbottompad1 {
  padding-bottom: 18px !important;
}

.colnobottompad {
  padding-bottom: 0px !important;
}

.colbottomdashborder {
  border-bottom: 2px solid #edf0f5;
  border-bottom-left-radius: 1rem;
  border-bottom-style: dashed;
}

/* DIV column styles End */

/* Check Box Styles Start */

.chkbxalgn {
  padding-top: 25px !important;
    padding-left: 20px !important;
}

/* Check Box Styles End */

/* Field inLine validation start  */

.control-label.required:after {
  color: #ff0000 !important;
  content: "*";
  position: absolute;
  margin-left: 5px;
}

.has-error .form-control {
  border-color: #ff0000 !important;
  box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.has-feedback .form-control {
  padding-right: 42.5px;
}

.error-msg {
  color: #ff0000 !important;
  margin-top: 2px;
}

/* Field inLine validation end  */

/* Progress Bar Start*/

ul.Tstepper li:not(:last-child):after {
 
  height: calc(100% - 20px) !important; 
  top: 5rem !important;
  background-color: #cfd3d6 !important;
  left: .8rem !important;
}


ul.Tstepper li a {
  text-align: left !important;
  padding: 1.5rem 0rem 0rem 0rem;
}

ul.Tstepper li .leftcontrols span {
  float: left;
}

ul.Tstepper li .rightcontrols span {
  float: right;
}



ul.Tstepper li a .label {
  display: block;
}

ul.Tstepper li:not(:last-child):after {
  margin: -1.5rem 0 0 0 !important;
}

ul.Tstepper li:not(:last-child):before {
  margin: -1.5rem 0 0 0 !important;
}

ul.Tstepper li:not(:first-child):before {
  margin: -1.5rem 0 0 0 !important;
}

ul.Tstepper li.Done .circle {
  background-color: #6ad37a !important;
}

ul.Tstepper li.Pending .circle {
  background-color: #ffbe00 !important;
}

ul.Tstepper li.Rejected .circle {
  background-color: #ff0000 !important;
}

ul.Tstepper li.NS .circle {
  background-color: #acacac;
}

ul.Tstepper li.NS .label {
  opacity: 0.5 !important;
}

ul.Tstepper li .label {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 16px !important;
  letter-spacing: 0px;
  color: #000000 !important;
  opacity: 1;
  width: 22rem;
}

ul.Tstepper li .Slabel {
  font-weight: 400;
  font-stretch: normal;
  font-style: italic;
  font-size: 14px !important;
  letter-spacing: 0.42px;
  color: #000000 !important;
  opacity: 0.5;
}
/* 
.wrapper-progressBar {
  width: 80%;
  margin-left: -5px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0px;
}

.progressBar li {
  list-style-type: none;
  float: left;
  width: 23%;
  position: relative;
  text-align: center;
}

.progressBar li .icon {
  content: "1";
  line-height: 15px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  border: 1px solid #ddd;
  display: block;
  text-align: center;
  margin: 0 auto 10px;
  background-color: #acacac;
}

.progressBar li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background-color: #ddd;
  top: 10px;
  left: -50%;
  z-index: -1;
}

.progressBar li:first-child:after {
  content: none;
}

.progressBar li.active {
  color: rgb(0, 0, 0);
}

.progressBar li.active:before {
  background-color: rgb(18, 214, 50);
}

.progressBar .active:after {
  background-color: rgb(175, 172, 174);
}

.wrapper-progressBar .progressBar li.completed .circle {
  background-color: #6ad37a !important;
}

.wrapper-progressBar .progressBar li.Pending .circle {
  background-color: #ffbe00 !important;
}

.wrapper-progressBar .progressBar li.Rejected .circle {
  background-color: #ff0000 !important;
}

.wrapper-progressBar .progressBar li.NS .circle {
  background-color: #acacac;
} */

.NStxt, .completedtxt, .Pendingtxt, .Rejectedtxt {
  color: #000000;
}

.NStxt {
  color: #000000;
  opacity: 0.5;
}
.progress-bar,
.progress {
  width: 200px;
  height: 6px !important;
  left: 10;
}
.progress-bar {
  width: 200px;
  background: #edeff3 0% 0% no-repeat padding-box;
  border-radius: 3px;
  opacity: 1;
}/* Heading Styles End */

/*Progress Bar End*/

/* Split Screen Controls alignment Start*/

.otpfield {
  margin-left: auto;
  margin-right: auto;
  width: 500px;
}

.otp-input
{
  width: 40px !important;
  height: 40px !important;
  font-size: 20px !important;
}

.otpverify {
  margin-left: auto;
  margin-right: auto;
  width: 265px;
}

.wbtn {
  margin-left: auto;
  margin-right: auto;
  width: 250px;
}

.wbtneqs {
  width: 250px;
}

/* Split Screen Controls alignment End*/

/* Modal styles starts*/

.PMMODALD {
  min-height: 150px;
  margin-left: 15px;
}

/* Modal styles starts*/

/* Shapes Start */

.StatusA .circle1 {
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.38);
  width: 1.25rem;
  height: 1.25rem;
  text-align: center;
  line-height: 1.3rem;
  margin-right: 0.5rem;
}

.StatusA .Pending {}

.StatusA .Done {
  background-color: #6ad37a !important;
}

.StatusA .Pending {
  background-color: #F36D38 !important;
}

.StatusA .Rejected {
  background-color: #ff0000 !important;
}

.StatusA .NS {
  background-color: #acacac;
}

/* Shapes End */

/* Icon Style Start */

.iconhbl1 i {
  color: #ffffff !important;
  font-size: 18px !important;
}

.iconhbl2 i {
  color: #ffffff !important;
  font-size: 15px !important;
}

.iconhbl3 i {
  color: #253858 !important;
  font-size: 18px !important;
  opacity: 0.3;
}

.iconC1 i, .hlnkA .iconC0 i {
  color: #20a70b!important;

}
.iconC2 i, .hlnkW .iconC0 i  {
  color: #FF8A65 !important;

}
.iconC3 i, .hlnkE .iconC0 i {
  color: #007BC2 !important;

}
.iconC4 i, .hlnkR .iconC0 i {
  color: #2784ff !important;
}

.iconC5 i, .hlnkRj .iconC0 i {
  color: #f71111 !important;
}


.icon1 i{
  font-size: 45px !important;
  }
  .icon2 i{
    font-size: 16px !important;
    padding-right:2px;    
    }

/* Icon Style End */

/* Grid Datatable Start */

.mat-tab-body-content
{
   overflow: hidden !important;
}


.PGGrid th {
  font-weight: bold !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 13.5px !important;
  letter-spacing: 0.48px !important;
  color: #000000 !important;
  opacity: 1 !important;
  padding-bottom: .5rem !important;
}

.PGGrid td, .PGGrid .std {
  font-weight: normal !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size: 14px !important;
  letter-spacing: 0.48px !important;
  color: #000000 !important;
  opacity: .9 !important;
}

.PGGrid td {
  /*border-top: 1.5px solid #f3f5f8 !important;*/
  border-top: none !important;
  padding-bottom: .2rem !important;
}

.PGGrid th {
  border-bottom: 1.5px solid #c4c6c8 !important;
}



.PGGrid tbody{
  border-top: none !important;
border-bottom: 1.5px solid #f3f5f8 !important;
}

.PGGrid1 tbody {
  border-bottom: none !important;
}
.PGGrid1 tbody tr {
  border-top: 1.5px solid #f3f5f8 !important;
}

.PGGridlkp tbody tr
{
  border-top: none !important;
  border-bottom: .5px solid #f3f5f8 !important;
}

.PGGridMullkp .container2 {
  min-height: 100vh;
}

.PGGridMullkp .foot {
  position: sticky;
  bottom: -15px;
  background-color: #ffffff;
}

.PGGrid .card-header
{
  padding-right: 0px !important;
    padding-left: 0px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.PGGrid .card .card-body
{
  padding: 0rem !important;
  background: #F9F9F9 0% 0% no-repeat padding-box;
  border-radius: 0px 0px 8px 8px;
  opacity: 1;
  margin-top: .5rem;
}

.PGGrid .md-accordion .card:first-of-type, .PGGrid .md-accordion .card:not(:first-of-type):not(:last-of-type) {
border-bottom: none !important;
}

.PGGrid .mdb-accordion-indicator {

  top: -22px !important;
  right:-12px !important;
}

.PGGrid .accordion .card {
 
  box-shadow: none !important;
}

.PGGrid .accordion .card-body .col-2 {
 
  border-top: .1px solid #dcdcdc61;
  padding: .4rem;

}

.gridcolaps
{
position: absolute;
top: 20px !important;
right: 25px !important;
}



tfoot td
{
  padding-top: .5rem;
}

.pagintaion ul
{
  margin-bottom: 0rem !important;
}

.pagination li.page-item {

  border:1px solid #E0E0E0 !important;
  margin-left: .2rem !important;
 
}

.pagination li.ng-star-inserted {

  margin-right: 1.8rem !important; 
  font-weight: medium !important;
  font-stretch: normal !important;
  font-style: normal !important;
  font-size:13px !important;
letter-spacing: 0px !important;
color: #000000 !important;
opacity: 0.5 !important;
}

.pagination li.page-item .page-link {

  padding: 0.1rem 0.4rem !important;
 
  font-size: 15px !important;
  font-weight:bold !important;
  color:black;

}


.sgridmdbInput
{
  height: calc(0.6em + 0.75rem + 2px) !important;
  padding: .1rem !important;
  font-size: 14px !important;
}

.gridcA
{
border-left: 3px solid #20a70b !important;
}
.gridcR
{
border-left: 3px solid #2784ff !important;
}
.gridcE
{
border-left: 3px solid #007bc2 !important;
}
.gridcW
{
border-left: 3px solid #FF8A65 !important;
}
.gridcRR
{
border-left: 3px solid #fd5353 !important;
}

/* Grid Datatable End */

/* Page MAT Popup Start*/

.mat-dialog-container {
  position: absolute;
  right: 0;
  width: auto !important;
  border-top: 3px solid #505f7a;
}

.PGDataPopup .container2 {
  min-height: 100vh;
}

.PGDataPopup .foot {
  position: sticky;
  bottom: -15px;
  background-color: #ffffff;
}

.PGDataPopup{
  width: 450px;
}

.PGDataPopup1
{
  width: 1100px;
}

.PGDataPopup2{
  width: 600px;
}

.PGDataPopup2 .container2 {
  min-height: 100vh;
}

.PGDataPopup2 .foot {
  position: sticky;
  bottom: -24px;
  background-color: #ffffff;
}

.SPGDataPopup0{
  width: 400px;
}

.SPGDataPopup1{
  width: 600px;
}

.SPGDataPopup2{
  width: 800px;
}

.SPGDataPopup3{
  width: 1000px;
}

.SPGDataPopup4{
  width: 1100px;
}

/* Page MAT Popup End*/

/* Tool Tip Start */

.tooltip {

  z-index: 9999;
  position:absolute;
  

}

/* Tool Tip End */

/* Loading gif Start */

.loadsymb1
{
  width:4rem;
  height:4rem;
}

/* Loading gif End */

/* Toast Start */

.custom-toast {
  display: flex;
  align-items: center;
}

.custom-toast img {
  background-size: 50px 50px;
  height: 50px;
  width: 50px;
}

.custom-toast p {
  font-size: 14px;
  padding: 10px;
}

#toasts {
  min-height: 0;
  position: fixed;
  right: 20px;
  top: 20px;
  width: 400px;
  z-index: 999999;
}

#toasts .toast {
  background: #d6d8d9;
  border-radius: 3px;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, .1);
  color: rgba(0, 0, 0, .6);
  cursor: default;
  margin-bottom: 20px;
  opacity: 0;
  position: relative;
  padding: 15px;
  transform: translateY(15%);
  transition: opacity .5s ease-in-out, transform .5s ease-in-out;
  width: 100%;
  will-change: opacity, transform;
  z-index: 999999;
}

#toasts .toast span {
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 0.36px;
  color: #000000;
  opacity: 1;
}

#toasts .toast.success {
  background: #26d68a;
}

#toasts .toast.warning {
  background: #ffa533;
}

#toasts .toast.info {
  background: #2cbcff;
}

#toasts .toast.error {
  background: #f44336;
}

#toasts .toast.show {
  opacity: 1;
  transform: translateY(0);
  transition: opacity .5s ease-in-out, transform .5s ease-in-out;
}

#toasts .toast.hide {
  height: 0;
  margin: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0 30px;
  transition: all .5s ease-in-out;
}

#toasts .toast .close {
  cursor: pointer;
  font-size: 24px;
  height: 16px;
  margin-top: -10px;
  position: absolute;
  right: 14px;
  top: 50%;
  width: 16px;
}
/* Toast End */

/* Comments UI start */

.comment
{width: 20rem;}

.comment .container2
{min-height:100vh;}


.comment .commentbody
{
background: #F0F0F0 0% 0% no-repeat padding-box;
border-radius: 10px 10px 10px 0px;
opacity: 1;
padding: 1rem;
width: 20rem;
}

.comment .header {
  position: sticky;
  top: -24px;
  background-color: #ffffff;
  min-height: 20px;
  z-index: 1;
}


.comment .commentrow
{
margin-bottom: 2rem;
}

.comment .commentby
{
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.comment .commentbyr
{
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.comment .commentc
{
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.comment .commentdt
{
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  font-size: 12px;
  letter-spacing: 0px;
  color: #000000;
  opacity: 0.5;
}

.comment .foot {
  position: sticky;
  bottom: -24px;
  background-color: #ffffff;
}

/* Comments UI end */

/* Multi Select Start */

.multiselect-dropdown .dropdown-btn .selected-item {
 
  max-width: 100% !important;
  margin-bottom: .2rem !important;
  padding: .2rem !important;
}

/* Multi Select End */

/* Bar Radio / select Style Start */
.barradio
{

    padding: 0.4rem 0.4rem 0.4rem 2.5rem;
    background: #E4E4E4 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    opacity: 1;
    margin-bottom:15px;
}
.barradio label
{
  font-weight: 500 !important;
  font-size:14px !important;
  line-height: 1.5rem;

}
.barcheckbox .custom-checkbox
{

    padding: 0.4rem 0.4rem 0.4rem 2.5rem;
    background: #E4E4E4 0% 0% no-repeat padding-box;
    border: 1px solid #D3D3D3;
    border-radius: 5px;
    opacity: 1;
    margin-bottom:15px;
}
.barcheckbox .custom-checkbox label
{
  font-weight: 500 !important;
  font-size:14px !important;
  line-height: 1.5rem;

}
/* Bar Radio / select Style End */

/* Line UI Start */

hr {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important;
  border: 0 !important;
  border-top: 1px solid rgba(0, 0, 0, 0.1) !important;
}

/*Line UI End */

/* Tree View Start */

.treecard {
  border: 1px solid #F3F3F3;;
    border-radius: 5px;
    opacity: 1;
    background: #F9F9F9 0% 0% no-repeat padding-box; 
    padding:.2rem;
    margin:.2rem;
  }
  
  .treecard1 {
    border: 1px solid #253858;
    border-radius: 5px;
    opacity: 1;
    background: #ffffff 0% 0% no-repeat padding-box;
    padding: .2rem;
    margin: .2rem;
    cursor: pointer;
    }
  
  .treecard1 mdb-icon, .treecard1 mdb-icon i
  {
    padding-left: .2rem !important;
  }

  .treecard1 .row
  {
    padding:.3rem;
  }

/* Tree View End */

/* Line Heigth Start */

.LnHgt
{
  line-height: 1.8rem;
}

/* Line Height End */



/* WB Side Style Start */


.wbfiltertabs div
{

  border-right:2px solid #1976D2;
  padding-right:10px;
  padding-left:10px;

}
.wbfiltertabs div:first-child
{

  border-right:none;

}


.wbfiltertabs div.active
{

  background-color: #f4f4f4;
  border-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}


.WBsmenu
{
   /*min-height: 90vh;*/
  background-color: #ffffff;

}

.WBsmenumnh
{
  min-height: 90vh;
}
.WBsmenuScrl
{
   height: 90%;
  overflow-y: auto;
  
}
/* width */
.WBsmenuScrl::-webkit-scrollbar {
  width: 3px;
}

/* Track */
.WBsmenuScrl::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
.WBsmenuScrl::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.WBsmenuScrl::-webkit-scrollbar-thumb:hover {
  background: #555; 
}
.WBsmenuH
{
  background: #0B1941 0% 0% no-repeat padding-box;
}
.WBdatabody
{
  /*min-height: 90vh;*/
  background-color: #ffffff;

}

.WBsmenu .card
{
  border-bottom: 0px !important ;
  /*padding-bottom: 15px;*/
}

.leftmenubody.WBsmenu .card 
{
  padding-bottom: 15px;
}

.WBsmenu .card-body
{
padding-right:0px !important;
}

.WBsmenu .card-header,.WBsmenu .card-body
{
  background-color: #ffffff !important; 
}

.WBsmenu .card.active .card-header,.WBsmenu .card.active .card-body
{
  background: #fafafa  0% 0% no-repeat padding-box !important;
 /*background: #aad8f3a9  0% 0% no-repeat padding-box !important;*/
 /* border: 1px solid #2784FF;
  border-radius: 8px;*/
  opacity: 1;
}

.WBsmenu .card .card-header:hover
{
  background: #aad8f3a9  0% 0% no-repeat padding-box !important;
  border: 1px solid #2784FF;
  /*border-radius: 8px;*/
  opacity: 1;
}

.WBsmenu .card .card-header a h5
{
padding-left:0px !important;
line-height:25px !important;
}

.WBsmenu .card .WBsmenubody:hover
{
  background: #aad8f3a9  0% 0% no-repeat padding-box !important;
  /* border: 1px solid #2784FF;
 border-radius: 8px;*/
  opacity: 1;
  cursor: pointer;
}
.WBsmenu .card .WBsmenubody.active
{
  border-right: 4px solid #1976D2;
  margin-right: 0px !important;
}
.WBsmenu .card .WBsmenubody.active .TXTC
{
 /* background: #aad8f3a9  0% 0% no-repeat padding-box !important;
   border: 1px solid #2784FF;
 border-radius: 8px;*/
 color:#1976D2 !important;

}
.WBsmenu .card .WBsmenubody.active .ccircle
{
  background-color: #1976D2 !important;
}


.WBsmenu .P .ccircle {
  background-color: #FF8A65 !important;

  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 13px;
  letter-spacing: 0.54px;
  color: #FAFAFA;
  opacity: 1;
  
}
.WBsmenu .P .TXTC {

  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 0.54px;
  color: #FF8A65;
  opacity: 1;
  
}

.WBsmenu .C .ccircle {
  background-color: #20A70B !important;

  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 13px;
  letter-spacing: 0.54px;
  color: #FAFAFA;
  opacity: 1;
  
}
.WBsmenu .C .TXTC {

  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 0.54px;
  color: #20A70B;
  opacity: 1;
  
}

.WBsmenu .NS .ccircle {
  background-color: #E7E7E7 !important;

  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 13px;
  letter-spacing: 0.54px;
  color: #96A1A7;
  opacity: 1;
  
}
.WBsmenu .NS .TXTC
{
  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 0.54px;
  color: #96A1A7;
  opacity: 1;
}


.WBsmenu .WS .ccircle {
  background-color: #E7E7E7 !important;

  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  font-size: 13px;
  letter-spacing: 0.54px;
  color: #96A1A7;
  opacity: 1;
  
}

.WBsmenu .WS .TXTC {
  font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
  font-size: 15px;
  letter-spacing: 0.54px;
  color: #4c778e;
  opacity: 1;
}


.WBsmenu .circle {
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  background: #00000061;
  width: 1.75rem;
  height: 1.75rem;
  text-align: center;
  line-height: 1.7rem;
  margin-right: .5rem;
}
.WBsmenu .innercircle {
  display: inline-block;
  color: #fff;
  border-radius: 50%;
  background: #00000061;
  width: 0.75rem;
  height: 0.75rem;
  text-align: center;
  line-height: 1.7rem;
  margin-right: .5rem;
}
.stepper-vertical li a .circle {
  order: 1;
}

.WBbx
{
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #d1d1d1;
border-radius: 4px;
opacity: 1;
margin:.5rem .5rem 0.5rem 1rem;
box-shadow: rgb(60 64 67 / 9%) 0px 1px 2px 0px, rgb(60 64 67 / 6%) 0px 1px 3px 1px;
min-height: 6rem;
border-left: 3px solid #007bc2;
}

.WBbx.WbxA
{
border-left: 3px solid #20a70b !important;
}
.WBbx.WbxR
{
border-left: 3px solid #2784ff !important;
}
.WBbx.WbxE
{
border-left: 3px solid #007bc2 !important;
}
.WBbx.WbxW
{
border-left: 3px solid #FF8A65 !important;
}
.WBbx.WbxRR
{
border-left: 3px solid #fd5353 !important;
}


.WBbxfooter
{
  position:absolute;
  bottom:0;
  width:55%;
}

/*.WBbx:hover
{
  background: #c6dcfc  0% 0% no-repeat padding-box !important;
  border: 1px solid #1976D2;
}*/

.WBbxhovr:hover
{
  background: #c6dcfc  0% 0% no-repeat padding-box !important;
  border: 1px solid #1976D2;
  cursor: pointer;
}

.WBbx mdb-icon i
{
  font-size: 25px;
  color:#707070
}

.WBbx .hd1
{
padding-top: 10px;
font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
font-size:18px;
color:#253858
}

.WBbx .hd2
{
padding-top: 10px;
font-weight: 500 !important;
  font-stretch: normal;
  font-style: normal;
font-size:13px;
color: #253858;
opacity: 0.5;
}

.WBbx .hd2 mdb-icon i
{
  font-stretch: normal !important;
  font-style: normal !important;
font-size:11px !important;
color: #253858 !important;
opacity: 0.5 !important;
}

/* WB Side Style End */

/* Dashboard Start */

.dashboard .WBbx
{
  margin: 0rem !important;
  border: 0px !important;
}

.dashboard .widgetbx
{
  border-radius: 4px;
  box-shadow: rgb(60 64 67 / 9%) 0px 1px 2px 0px, rgb(60 64 67 / 6%) 0px 1px 3px 1px
}

/* Dashboard End */

/* pagination Start */
.pagination-style-three a
{
  padding: 5px 15px;
  background: #ffffff;
  color: #253858 !important;
  border-radius: 25px;
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,.1);
}
 
.pagination-style-three a.selected, .pagination-style-three a:hover, .pagination-style-three a:active, .pagination-style-three a:focus
 {
  background: #253858 !important;
  color: #ffffff !important;
}
.pagination-style-three a.selected:hover{
  background: #253858 !important;
  color: #ffffff !important;
}
/* pagination End */

.horizontal-scroll-container {
  width: 100%; /* Set the width of the container */
  overflow-x: auto; /* Enable horizontal scrolling */
}

.content {
  white-space: nowrap; /* Prevent content from wrapping */
}

.dropdown-menu {
  max-height: 400px; /* Set a max height if needed */
  overflow-y: auto;  /* Allows scrolling if content exceeds max-height */
  width: auto;       /* Let the width adjust based on content */
  min-width: 200px;  /* Ensure a minimum width if necessary */
}