/* common css start */

/* main[b-pu3lshfbh8] {
  background: #f4f6f9 !important;
} */
.SlReLogingbg {
height: 100vh;
background-image: url(../images/login-bg.jpg);
background-repeat: no-repeat, repeat;
width: 100%;
background-size: cover;
background-position: center;
}

.innerwrap {
  height: 100% !important;
}

.badge-primary {
  display: inline-block;
  background: #218fee !important;
  color: #fff !important;
}

.badge-primary {
  display: inline-block;
  padding: 2px 7px !important;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  border-radius: 20px !important;
}

.badge-active {
  color: #4caf50;
  background-color: #def0d8;
}

.badge-inactive {
  color: #f44336;
  background-color: #fbd3d5;
}

.SlRenavicon .fas .fa{
  font-weight: 900 !important;
  width: 1.5rem !important;
  vertical-align: text-top;
}


.e-btn, .e-css.e-btn {
  background: #013069 !important;
  border-color: #013069 !important;
  color: #fff;
}

.e-btn:hover, .e-css.e-btn:hover {
  background: #002450 !important;
  border-color: #002450 !important;
  color: #fff;
}



.top-row[b-ytcnb23ouk] {
  height: 3.5rem;
  background-color: #013069 !important;
}

.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
    height: 32px;
    padding: 0 12px;
    width: 100%;
}

.nav-item a.active {
    background-color: rgb(0 0 0 / 25%) !important;
    color: rgb(0, 0, 0) !important;
}

.nav-item a:hover {
    background-color: rgb(0 0 0 / 25%) !important;
    color: rgb(0, 0, 0) !important;
}


.elevation-2 {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23) !important;
}

.nav-item a {
    color: #000000 !important;
}


/* left tab design start */

.SlRetableft .e-tab .e-tab-header .e-toolbar-item .e-tab-icon,
.SlRetableft .e-tab .e-tab-header .e-toolbar-item .e-tab-icon::before {
  font-size: 16px;
  color: #001f3f;
}

.SlRetableft .e-tab .e-tab-header .e-toolbar-items {
  margin-right: 10px;
}

.SlRetableft
  .e-tab
  .e-tab-header.e-vertical.e-vertical-left
  .e-toolbar-item.e-active {
  border-radius: 4px 4px 4px 4px;
  border-right: 1px solid #fff;
}
.SlRetableft .e-tab.e-vertical-tab .e-content .e-item.e-active {
  padding-left: 15px;
}


.SlRetableft
  .e-control
  .e-toolbar
  .e-lib
  .e-tab-header
  .e-vertical
  .e-vertical-left
  .e-keyboard {
  width: 100%;
}

.SlRetableft .e-tab .e-tab-header.e-vertical .e-toolbar-item .e-tab-wrap {
  padding: 0 0px;
}

.slReInnerLeftTabWrap
  .e-tab
  .e-tab-header.e-vertical
  .e-toolbar-item
  .e-tab-text {
  font-size: 12px !important;
}

@media screen and (max-width: 768px) and (min-width: 0px) {
  .SlRetableft .e-tab {
    background: rgba(0, 0, 0, 0);
    border: none;
    display: flex;
    flex-direction: column;
  }
  .SlRetableft .e-tab .e-tab-header.e-vertical {
    max-width: 100%;
  }
}

/* left tab design end */

/* tab design 1 start */
.e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
  height: 32px;
  padding: 0 12px !important;
  width: 100%;
}

.e-tab .e-tab-header.e-vertical {
  max-width: 219px !important;
}

.SlRetabviewdesign1 .e-tab .e-tab-header {
  background: #E7E7E7 !important ;
  border-radius: 10px;
  padding: 5px 0px 5px 0px;
}
.SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap {
  color: #000000;
}

.SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-item.e-active {
  background: #d9d9d9 !important;
  border: 1px solid #d9d9d9 !important;
}

.SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-items {
  background: inherit;
  margin-left: 10px;
  margin-right: 10px;
}

.SlRetabviewdesign1 .e-tab .e-tab-header.e-vertical.e-vertical-left .e-toolbar-item.e-active {
  border-radius: 4px;
}

.SlRetabviewdesign1 .e-tab .e-tab-header:not(.e-vertical) .e-indicator,
.e-tab .e-tab-header.e-vertical .e-indicator {
  transition: none;
}
.e-tab .e-tab-header:not(.e-vertical) .e-indicator,
.e-tab .e-tab-header.e-vertical .e-indicator {
  transition: none !important;
}

.SlRetabviewdesign1
  .e-tab
  .e-tab-header:not(.e-vertical)
  .e-toolbar-item.e-active {
  border-radius: 10px;
}

.SlRetabviewdesign1
  .e-tab
  .e-tab-header
  .e-toolbar-item
  .e-icon-top.e-tab-icon::before {
  font-size: 14px;
}
.SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-item .e-tab-icon {
  font-weight: 600;
}

.SlRetabviewdesign1 .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover {
  background: #D2D2D2 !important;
  border: 1px solid #D2D2D2 !important;
  border-radius: 4px !important;
}



/* tab design 1 end */

------------------------------/* common css stop */-----------------------------


/* Dashboard Start */

.Slresmallboxicon {
    font-size: 25px !important;
    color: #fff !important;
    padding-bottom: 10px !important;
}

.Slresmallboxicon .far {
  font-size: 22px !important;
}

.Slrebgcardlightblue {
    background-color: #6DAFFF !important;
    border: none !important;
    color: #fff !important;
}

.Slrebgcarddarkblue {
    background-color: #013069 !important;
    border: none !important;
    color: #fff !important;
}

.Slrebgcardlightblue h3{
font-weight: 600 !important;
}

.Slrebgcarddarkblue h3{
font-weight: 700 !important;
}
/* Dashboard Stop */


.e-dialog .e-dlg-header-content .e-btn.e-dlg-closeicon-btn {
    background-color: rgba(0, 0, 0, 0) !important;
    border-color: rgba(0, 0, 0, 0) !important;
    border-radius: 50%;
    bottom: 5px;
    float: right;
    height: 20px;
    left: -5px;
    position: relative;
    width: 20px;
}