.a-tabs,
.disabledclass {
  pointer-events: none
}

#tab-button,
#tab-button1 {
  display: table;
  table-layout: fixed;
  margin: 0;
  list-style: none
}

#tab-button li,
#tab-button1 li {
  display: table-cell
}

#tab-button li a,
.nav-tabs li>a {
  color: var(--themecolor1)
}

#tab-button li a,
#tab-button1 li a,
.btn-link:hover,
.headaccord>h5>.btn-link,
.nav-tabs li>a,
.tabsty,
.text-link:hover {
  text-decoration: none
}

.ag-theme-alpine .ag-header-cell-text,
.igx-grid__td span {
  white-space: normal
}

:root {
  --themecolor: #64748b;
  --themecolor1: #0000009e;
  --black: #000000;
  --themecolor2: #4e4a4a;
  --submenucolor: #FBF5F3;
  --visitedcolor: #64748b85;
  --defaultbackformenu: #64748b;
  --activeborder: #64748b85;
  --thumbhoverscroll: rgb(100, 100, 100);
  --thumbscrollbar: #888;
  --trackscrollbar: #64748b35;
  --activecolor: #64748b85 !important;
  --dt-color-primary: #fefefe
}

.btnflip,
.dropdown-toggle::after,
.fliph .btnnoflip,
.fliph .user-panel div.info,
.header li>a:after,
.homefixed .img_logo,
.nodisplay,
.sidebar ul .cstmmaster,
.switchbtn input {
  display: none
}

.btnnoflip,
.fliph .btnflip,
.inlineeditor .e-rte-content {
  display: inline
}

.fnt15 {
  font-size: 15px
}

.cstmmultiselect span .btn-group div,
.mat-form-field,
.nocstmmultiselect span .btn-group,
.p-autocomplete,
app-radx-process {
  width: 100%
}

.backbtnmain {
  position: absolute;
  right: 0;
  top: -5px
}

.filtericon,
.posclose {
  position: relative
}

.asterisk {
  color: red;
  font-size: 14px
}

.cstmclose {
  border-radius: 50% !important;
  padding: 1px 4px;
  margin-top: 6px;
  font-size: 11px !important;
  line-height: 15px
}

.fnt85 {
  font-size: .85rem
}

.btn-group-sm>.btn,
.btn-sm,
.card-header,
.container a,
.container p,
.container-fluid .row div ul li a,
.cstmfnt,
.cstmtablegrid tr td,
.cstmtablegrid tr th,
.dropdown-item,
.font8,
.form-control,
.igx-grid__tbody-message,
.multiselect-item-checkbox input[type=checkbox]+div,
.ng-dropdown-panel.ng-select-bottom,
.ng-dropdown-panel.ng-select-top,
.posclose,
.valueback {
  font-size: 12px
}

.posclose {
  top: 0;
  right: -3px;
  padding: 0 4px;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  color: #020202
}

.counter,
.header li>a>.label {
  text-align: center;
  font-size: 9px;
  padding: 2px 3px;
  line-height: .9
}

.hyt24 {
  height: 24px
}

.counter {
  position: absolute;
  top: -3px;
  right: -7px;
  background-color: #333;
  border-radius: .25em
}

.badge .close {
  margin-left: .25rem;
  color: inherit;
  font-size: 100%;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.badge.badge-outlined,
.editorlist .NgxEditor__MenuBar {
  background-color: transparent
}

.badge.badge-outlined.badge-success {
  border: 1px solid;
  color: #28a745
}

.fnt100 {
  font-size: 95%;
  font-weight: 400
}

.cstmpostn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99
}

.form-check {
  float: left
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #575757;
  border-color: #575757
}

#tab-button .is-active a,
#tab-button li a:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: #fff;
  color: var(--themecolor);
  font-weight: 700
}

#sidebar-wrapper .sidebar-heading {
  padding: .875rem 1.25rem;
  font-size: 1.2rem
}

#sidebar-wrapper .list-group {
  width: 25rem;
  overflow: auto
}

#tab-button,
.nocstmmultiselect span span div div button span,
.nopadding,
.p-tree .p-tree-container .p-treenode,
.widget-main.no-padding {
  padding: 0
}

.cstmdop,
.p-tree .p-tree-container .p-treenode .p-treenode-content,
.repeatcontainer .col-lg-7,
.repeatcontainer .col-lg-8 {
  padding: 0 !important
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
  width: 1rem !important;
  height: 1rem !important
}

.p-tree .p-treenode-droppoint {
  list-style-type: none
}

.p-component {
  font-size: 12px !important;
  font-family: Lato, "Helvetica Neue", sans-serif !important
}

#page-content-wrapper {
  min-width: 100vw
}

#wrapper.toggled #sidebar-wrapper,
.form-check-input {
  margin-left: 0
}

.tab-contents .bottom-button-group {
  text-align: center;
  margin-top: 25px
}

@media (min-width:768px) {
  #sidebar-wrapper {
    margin-left: 0;
    min-height: 94vh;
    background: #475569
  }

  footer.page-footer.font-small.bg-light {
    position: relative;
    bottom: 0
  }

  .mrgtop73 {
    margin-top: 73px;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%
  }
}

#tab-button1 {
  width: 100%;
  padding: 0
}

#tab-button1 li {
  width: 20%
}

.gwt-PushButton-up {
  border: 1px outset #c3c3c3;
  cursor: pointer;
  cursor: hand;
  padding-top: 4px;
  line-height: 1.1em;
  height: 27px;
  width: 35px;
  margin-top: 2px;
  box-shadow: 0 0 2px #e7e7e7
}

.p-tree {
  min-height: 79vh;
  padding-top: 5px !important;
  padding-bottom: 5px !important
}

#tab-button li a {
  display: block;
  padding: 5px 20px !important;
  font-size: 13px !important;
  border: 1px solid #ddd;
  text-align: center;
  background: rgba(0, 0, 0, .03);
  margin-right: 5px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  font-weight: 700
}

#tab-button li:not(:first-child) a,
#tab-button1 li:not(:first-child) a {
  border-left: none
}

#tab-button .is-active a,
#tab-button li a:hover {
  border-bottom-color: transparent;
  padding: 5px 20px
}

#tab-button1 li a {
  display: block;
  padding: .5em;
  background: #eee;
  border: 1px solid #ddd;
  text-align: center;
  color: var(--themecolor)
}

#tab-button1 .is-active a,
#tab-button1 li a:hover {
  border-bottom-color: transparent;
  background: #fff
}

.tab-contents {
  padding: .5em 2em 1em;
  border: 1px solid #ddd;
  margin-top: 20px
}

@media screen and (min-width:768px) {
  .tab-button-outer {
    position: relative;
    z-index: 2;
    display: block
  }

  .tab-select-outer {
    display: none
  }

  .tab-contents {
    position: relative;
    top: 0;
    margin-top: 0
  }
}

.form-group {
  margin-bottom: .1rem
}

.br-bottom,
.btmbordr {
  border-bottom: 1px solid #e7e7e7
}

.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.2
}

form.form-group {
  padding-bottom: 2px
}

.form-check-inline .form-check-label,
label {
  margin-bottom: 0;
  font-size: 12px
}

#accordion .card .card-header h5,
.decrease_font .h5,
.decrease_font .volunteers h6.txt_v4,
.decrease_font h5,
.font-cn1 p,
.font-cn1 span p,
body.megh-one .ng-select .ng-select-container .ng-value-container .ng-placeholder,
main.vdv-main .cardbodystyle div hdsbpm-request-form>form .sectn1 div label.col-lg-4.col-sm-12,
main.vdv-main .closeBtn1,
main.vdv-main .cstmhead label,
main.vdv-main .fnt13,
main.vdv-main .font9,
main.vdv-main .form-control,
main.vdv-main .form-select,
main.vdv-main .h6,
main.vdv-main .ng-select div,
main.vdv-main .ng-select input,
main.vdv-main .ng-select span,
main.vdv-main .ngx-datatable.material .empty-row,
main.vdv-main h6,
main.vdv-main label.form-label,
main.vdv-main .multiselect-dropdown,
main.vdv-main .multiselect-item-checkbox input[type=checkbox]+div {
  font-size: 0.9rem !important
}

.container-fluid .row div .tabs .tab-contents {
  padding: .5em .9em 1em
}

form div div .form-control {
  height: calc(1.2em + .75rem + 2px);
  padding: .1rem .55rem;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 1.2
}

.nav-link {
  display: block;
  padding: .2rem 1rem;
  color: var(--themecolor)
}

.warningred {
  color: red
}

.nav-tabs li>a {
  display: block;
  padding: 5px 20px;
  font-size: 13px;
  border-right: 1px solid #ddd;
  text-align: center;
  background: 0 0;
  margin: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  font-weight: 400
}

.headaccord {
  background: rgba(0, 0, 0, .03);
  color: #000;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

#sec_carousel .owl-nav button:hover,
.btnlinkname,
.headaccord>h5>.btn-link,
.sub-menu li a {
  color: #000
}

.alert-dark-blue {
  background: #5d8eb3;
  color: #fff
}

.backbtn {
  position: absolute;
  bottom: 82px;
  background: #1573d1;
  right: 0;
  color: #e2d8d8;
  padding: 0 5px;
  box-shadow: 0 0 5px silver
}

.backbtn :hover {
  cursor: pointer;
  color: #fff
}

.lgouttxt {
  background: #0056b3;
  color: #fff;
  padding: 1px 4px;
  font-weight: 700
}

.lgouttxt:hover {
  color: #fff !important
}

.card-container.card {
  max-width: 350px;
  padding: 35px 25px 25px
}

.bckgry {
  background-color: #f5f5f5
}

.greybacklogin,
.labelhover:hover {
  background: #ddd
}

.angular-editor,
.cstmtablenew tr td,
.greyback,
.labelclass>div {
  background: #fff
}

.card {
  background-color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-box-shadow: 0 1px 2px rgb(0 0 0 / 17%);
  -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 17%);
  box-shadow: 0 1px 2px rgb(0 0 0 / 17%)
}

.logincontainer {
  margin: 50px auto 25px;
  padding: 20px 25px 30px
}

.minhyt80 {
  min-height: 95vh
}

.minhyt60 {
  min-height: 60vh
}

.profile-img-card {
  width: 280px;
  height: auto;
  margin: 0 auto 15px;
  display: block
}

.profile-name-card {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 10px 0 0;
  min-height: 1em
}

.reauth-email {
  display: block;
  color: #404040;
  line-height: 2;
  margin-bottom: 10px;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.form-signin .cstminput {
  direction: ltr;
  height: 40px;
  font-size: 12px;
  margin-bottom: 15px
}

.form-signin button,
.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text] {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  z-index: 1;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.form-signin .cstminput:focus {
  border-color: rgb(156 156 156);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(99 99 99 / 73%);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(99 99 99 / 73%)
}

.cstmlabel {
  color: #757575;
  font-weight: 600
}

.btn.btn-signin {
  background-color: #6891a2;
  padding: 0;
  font-weight: 700;
  font-size: 14px;
  height: 36px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;
  -o-transition: 218ms;
  -moz-transition: 218ms;
  -webkit-transition: 218ms;
  transition: 218ms
}

.sidebar,
.sidebar li a .nav-label,
.sidebar li a .nav-label+span,
.sidebar li a.active,
.sidebar ul li .sub-menu li a:hover,
.sidebar.fliph {
  transition: .5s ease-in-out
}

.btn.btn-signin:active,
.btn.btn-signin:focus,
.btn.btn-signin:hover {
  background-color: #0c6121
}

.forgot-password {
  color: #6891a2;
  padding-top: 10px
}

.forgot-password:active,
.forgot-password:focus,
.forgot-password:hover {
  color: #0c6121
}

@media screen and (max-width:991px) {

  .mmb-1,
  .mmtp-5 {
    margin-bottom: .5rem !important
  }

  a.whitespc span {
    white-space: break-spaces
  }

  .widu300 {
    width: 300px
  }

  .ptop2 {
    padding-top: .5rem
  }

  #leftmenunew label.col-lg-4.col-md-12.col-sm-12.font8.text-right,
  .font8.text-right {
    text-align: left !important
  }

  .pll-0 {
    padding-left: 0 !important
  }

  .erroredit,
  .successedit,
  .successedit2,
  .successedit3 {
    font-size: 13px;
    text-align: center;
    padding: 5px;
    z-index: 9;
    border-radius: 6px;
    left: 0
  }

  #leftmenunew .sectn1 .col-sm-12.row {
    margin-left: 0;
    margin-right: 0;
    padding: 0
  }

  #wizard1 section {
    background: 0 0
  }

  .minwid30 {
    width: 30% !important
  }

  .minwid40 {
    width: 40% !important
  }

  .mobileres,
  .nonedis {
    display: none
  }

  .mmt5.mtt-0 {
    margin-top: 0 !important
  }

  .mmtp-5 {
    margin-top: .5rem !important
  }

  .editorlist .NgxEditor__MenuItem.NgxEditor__MenuItem--Icon {
    height: 1rem;
    width: 1rem
  }

  .user-panel>.info {
    padding: 0 5px 5px 15px !important
  }

  .cstmactivity {
    position: absolute;
    right: 145px
  }

  .mrr-2 {
    margin-right: .5rem !important
  }

  .showinweb {
    display: none !important
  }

  .widdth100 {
    flex: 0 0 100% !important;
    max-width: 100% !important
  }

  .erroredit {
    position: absolute;
    width: 100%;
    background: #ffd8d5
  }

  .successedit,
  .successedit2,
  .successedit3 {
    background: #c1ffc1;
    width: 100%
  }

  .maargin45 {
    margin-top: -45px
  }

  .successedit,
  .successedit2 {
    position: absolute;
    top: 60px
  }

  .mttop-2 {
    margin-top: .5rem
  }

  .mttop-1 {
    margin-top: .25rem
  }

  .form-check-label.cml-0 {
    margin-left: 0
  }

  .card-container.card {
    max-width: 350px;
    padding: 35px 25px 25px
  }

  app-footer footer.page-footer.font-small {
    margin-top: 10px;
    background: #f7f7f7;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%
  }

  .bottom-button-group {
    width: 95% !important
  }
}

.footer-ul a,
.header-ul {
  background-color: #fff;
  padding: 7px 10px;
  color: #333
}

.header .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
  border-radius: 0
}

.header .user-image {
  float: right;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-left: 10px;
  margin-top: -2px;
  background: #fff
}

.font7 {
  font-size: .7rem
}

.header .navbar-light .navbar-nav .nav-link.cstmlink {
  color: #fff;
  padding: 5px 20px;
  position: relative;
  display: flex;
  align-items: center;
  border-left: 1px solid #ddd;
  line-height: 16px
}

.header .navbar-light .navbar-nav .nav-link:focus,
.header .navbar-light .navbar-nav .nav-link:hover {
  background: rgba(0, 0, 0, .1);
  color: #f6f6f6
}

.header .fa.fa-fw.fa-bars,
.user-panel>.info,
.user-panel>.info>a,
.widget-box[class*=widget-color-]>.widget-header {
  color: #fff
}

.header .navbar-light .navbar-nav .nav-link {
  color: #fff;
  padding: 10px 20px;
  position: relative
}

.header li>a>.label {
  position: absolute;
  top: 9px;
  right: 7px;
  background-color: #333;
  border-radius: .25em
}

.header-ul {
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #f4f4f4;
  font-size: 14px
}

.sidebar,
input:checked+.sliderbtn {
  background-color: var(--themecolor)
}

.navbar-nav>.messages-menu>.dropdown-menu,
.navbar-nav>.notifications-menu>.dropdown-menu,
.navbar-nav>.tasks-menu>.dropdown-menu {
  width: 280px;
  padding: 0;
  margin: 0;
  top: 100%
}

.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>div>img {
  margin: auto 10px auto auto;
  width: 35px;
  height: 35px
}

.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a,
.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a {
  margin: 0;
  padding: 10px;
  display: block;
  white-space: nowrap;
  border-bottom: 1px solid #f4f4f4
}

.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #333;
  font-size: 12px;
  position: relative
}

.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>p {
  margin: 0 0 0 45px;
  font-size: .7rem;
  color: #888
}

.footer-ul a {
  border-radius: 0 0 4px 4px;
  font-size: 12px;
  border-bottom: 1px solid #eee;
  display: block
}

.dropdown-menu-over .menu {
  max-height: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden
}

.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a {
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
  font-size: 12px
}

.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.fa,
.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.glyphicon,
.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.ion {
  width: 20px
}

a.navbar-brand {
  width: 165px
}

#editcontent,
#example-content,
#viewcontent {
  margin-top: 5%
}

#viewcontent .sectn1 {
  padding: 0;
  margin-bottom: 0
}

.sidebar {
  width: 230px;
  height: 100vh;
  position: relative;
  top: 0;
  z-index: 99
}

.bg-defoult {
  background-color: var(--defaultbackformenu)
}

.fliph .user-panel,
.user-panel,
.user-panel1 {
  background: var(--themecolor)
}

.sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.sidebar li a,
.sidebar li a.collapsed.active {
  font-size: .7rem;
  display: block;
  padding: 11px 12px;
  color: #fff;
  border-left: 0 solid #dedede;
  text-decoration: none
}

.sidebar li a.active {
  background-color: var(--activecolor);
  border-left: 5px solid #dedede
}

.sidebar li a:hover {
  background-color: #64748b !important
}

.sidebar li a i {
  padding-right: 5px
}

.sidebar ul li .sub-menu li a {
  position: relative;
  color: #333;
  display: inline-flex;
  width: 100%
}

.sidebar ul li.active a {
  background: var(--visitedcolor)
}

.fliph li a,
.fliph li a.collapsed.active {
  color: #fff !important;
  padding: 15px 12px
}

.sidebar ul li .sub-menu li a:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 0;
  padding-right: 10px;
  margin-top: 0;
  vertical-align: middle
}

.minhyt100 {
  min-height: calc(95vh - 100px)
}

.sidebar ul li .sub-menu li a:hover:after {
  content: "";
  position: absolute;
  left: -5px;
  top: 0;
  width: 5px;
  background-color: #111;
  height: 100%
}

.sidebar ul li .sub-menu li a:hover {
  background-color: #222;
  padding-left: 20px
}

.sub-menu {
  border-left: 5px solid var(--activeborder)
}

.sidebar.fliph li a .nav-label,
.sidebar.fliph li a .nav-label+span {
  display: none;
  transition: .5s ease-in-out
}

.sidebar.fliph {
  width: 45px;
  height: 100vh
}

.sidebar.fliph .sub-menu {
  position: absolute;
  left: 45px;
  background-color: #93a4a4;
  width: 210px;
  z-index: 100;
  top: 0;
  height: 100vh;
  max-height: 95vh
}

.user-panel1 {
  clear: left;
  display: block;
  float: left;
  margin-bottom: 0;
  padding: 5px;
  border-bottom: 1px solid
}

.user-panel1>.image>img {
  width: 100%;
  max-width: 34px;
  height: auto
}

.user-panel1>.info,
.user-panel2>.info {
  padding: 5px 5px 0 0;
  line-height: 1;
  position: absolute;
  left: 50px
}

.user-panel2 {
  float: left;
  padding: 0 10px
}

.text-meghalaya {
  padding: 5px 10px;
  font-weight: 600;
  color: #fff;
  MARGIN: 0
}

.user-panel2>.image>img {
  width: 175px;
  height: auto
}

.width30p {
  width: 29px !important;
  margin-top: 2px
}

.minhyt88 {
  min-height: 88vh
}

.wrapper1 {
  margin-left: 75px
}

.user-panel>.image>img {
  width: 100%;
  max-width: 21px;
  height: auto
}

.user-panel>.info>p {
  font-weight: 600;
  margin-bottom: 9px
}

.user-panel {
  cursor: pointer;
  clear: left;
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding: 8px 15px;
  border-bottom: 2px solid
}

.user-panel>.info {
  padding: 4px 5px 5px 15px;
  line-height: 1;
  position: absolute;
  left: 40px;
  font-weight: 600
}

.fliph .user-panel {
  padding: 10px 6px
}

.cstmshadow {
  border: 1px solid #ddd;
  box-shadow: 0 0 3px #0000004d;
  margin-bottom: 3px
}

.card {
  border-radius: 5px
}

.font300 {
  font-weight: 300 !important
}

@media (min-width:992px) {
  .grid7 .igx-paginator {
    height: 2.5rem;
  }

  .cstmmultiselectnew1 span .btn-group button,
  .text-md-start,
  .text-start {
    text-align: left
  }

  .text-end,
  .text-md-end {
    text-align: right
  }

  .navbar-toggleable-md,
  .navbar-toggleable-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
  }

  .submitbtnfile {
    position: absolute;
    right: 0;
    top: -40px
  }

  .desktnone,
  .headshow,
  .mobdis,
  .navbar-toggleable-md .navbar-toggler {
    display: none
  }

  .cstmflxnew,
  .d-flexnew {
    display: flex
  }

  app-textarea .col-lg-8.col-md-12.col-sm-12 {
    padding-left: .2rem !important
  }

  .bredcrumb app-breadcrumb nav ol {
    background: 0 0 !important;
    text-align: center !important;
    align-items: center;
    justify-content: center !important
  }

  .bredcrumb app-breadcrumb nav ol li {
    background: #f5f5f5 !important;
    padding: 2px 5px !important;
    text-align: center !important
  }

  .NgxEditor:focus,
  .NgxEditor:visited,
  .NgxEditor__Content:focus,
  .NgxEditor__Content:visited {
    min-height: 400px
  }

  .ngxcstm ngx-editor .NgxEditor {
    min-height: 400px !important;
    cursor: text
  }

  .minhy30 {
    max-height: 80vh;
    overflow: auto;
    min-height: 230px
  }

  .container-fluid {
    padding-bottom: 10px;
    min-height: calc(100vh - 109px)
  }

  .pll-0,
  .pll-0-n {
    padding-left: 0 !important
  }

  #rightmenunew {
    background: #d8fecb;
    padding: 0
  }

  .prr-1-new {
    padding-right: .25rem !important
  }

  .linehyt {
    line-height: 1 !important
  }

  .cstmcbtn {
    position: absolute;
    top: 0;
    margin: auto;
    right: 75%
  }

  .erroredit,
  .erroredit1,
  .successedit,
  .successedit1 {
    top: 5px;
    position: absolute;
    text-align: center;
    left: 0;
    font-weight: 700
  }

  .width40n {
    width: 40% !important
  }

  .editorlist .NgxEditor__MenuItem.NgxEditor__MenuItem--Icon {
    height: 1.2rem;
    width: 1.2rem
  }

  .nocstmmultiselect.nowcstm div .multiselect-dropdown .dropdown-list {
    max-width: 375px !important;
    position: fixed;
    top: 45%;
    bottom: auto
  }

  .cstmflxnew {
    align-items: center
  }

  .wid15 {
    width: 20% !important
  }

  .NgxEditor {
    min-height: 250px
  }

  .NgxEditor__MenuItem.NgxEditor__MenuItem--Icon {
    height: 1.2rem !important;
    transition: .3s ease-in-out;
    width: 1.2rem !important
  }

  .cstmmultiselectnew1 span span div div button span,
  .nodpadding {
    padding: 0
  }

  .cstmmultiselectnew1 span .btn-group {
    width: 40%
  }

  .cstmactivity {
    position: absolute;
    right: 165px
  }

  .text-center3 {
    text-align: center
  }

  .erroredit,
  .successedit {
    width: 100%;
    z-index: 99
  }

  .erroredit1,
  .successedit1 {
    width: 100%
  }

  .erroredit2,
  .successedit2 {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    font-weight: 700;
    top: 38px;
    z-index: 99
  }

  .erroredit3,
  .successedit3 {
    width: 100%;
    text-align: center;
    left: 0;
    font-weight: 700;
    z-index: 99
  }

  .navbar-toggleable-md .navbar-nav {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .navbar-toggleable-md {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .navbar-toggleable-md .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%
  }

  .navbar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
  }

  .dropdown,
  .dropup {
    position: relative
  }

  .flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
}

.clsicn,
.wrappern .owl-nav .owl-next {
  right: 10px
}

.ag-header-cell-text,
.blrshade p {
  -webkit-box-orient: vertical;
  text-overflow: ellipsis
}

.progress-devider,
.textleft li a {
  text-align: left !important
}

.cstmpage,
.font600,
.headback label {
  font-weight: 600
}

.otherlinkicon ul li {
  margin-bottom: 5px
}

.iconstyle {
  width: 15px;
  margin-right: 5px
}

.page-header-toolbar {
  display: flex;
  align-items: center;
  width: 100%
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}

.filter-wrapper {
  display: flex;
  margin-left: 15px
}

.sort-wrapper {
  display: flex;
  width: 50%;
  justify-content: flex-end
}

.advanced-link {
  display: flex;
  align-items: center;
  margin-left: 30px;
  margin-right: 20px;
  white-space: nowrap
}

.displaynone,
.nodisplay1,
.num1 .min450,
.num3 .min450,
a.next.icons.next-icon,
a.prev.icons.prev-icon {
  display: none !important
}

.ag-body-viewport,
.ag-body-viewport-wrapper,
.ag-cell,
.ag-root,
actions-button-cell {
  overflow: visible !important
}

.ag-theme-alpine .ag-row-focus {
  background-color: #fef9cf !important
}

.ag-row {
  z-index: 0 !important
}

.ag-row.ag-row-focus {
  z-index: 1 !important
}

.ag-row.ag-row-no-focus.ag-row-level-0.ag-row-position-absolute {
  z-index: 0
}

.cstmpage {
  position: relative;
  top: 0;
  left: 15px;
  font-size: 12px;
  color: #6b6b6b;
  padding-top: 10px
}

.cstposabs {
  position: absolute;
  bottom: 12px;
  top: auto
}

.cstmselect {
  background: #fff;
  border: 1px solid #ddd;
  padding: 3px 0;
  border-radius: 5px;
  margin-left: 5px
}

.cstmbtngreen {
  background: green;
  color: #fff !important;
  border-radius: 5px
}

.sidebar.fliph .sub-menu .cstmmaster {
  color: #fff;
  padding: 25px 25px 0;
  margin-top: 20px;
  display: block
}

.cstmtogglebutton {
  padding: 3px 7px;
  margin: 4px;
  font-size: 18px
}

.fliph ul li .sub-menu li a,
.fliph ul li .sub-menu li a.collapsed.active {
  padding: 10px 15px
}

.fliph ul li .sub-menu li a.collapsed.active,
.fliph ul li .sub-menu li a:hover {
  background: #64748b !important
}

.sidebar li a span.fa.fa-chevron-left,
.sidebar li a.collapsed.active span.fa.fa-chevron-left {
  margin-top: 4px
}

@media screen and (max-width:1260px) {
  .headaccord {
    position: relative;
    display: flex;
    padding-bottom: 5px
  }
}

@media screen and (max-width:576px) {
  .br-bottom {
    border-bottom: 0
  }
}

@media screen and (max-width :991px) {

  #navbarNavDropdown .mobhide,
  .disnone,
  .headshow1,
  .loginname,
  .webdisplay {
    display: none
  }

  #rightmenunew {
    position: absolute;
    right: 0;
    height: calc(100vh - 100px)
  }

  .mll-4-new {
    margin-left: 1.5rem !important
  }

  .header.app-header.cstmshadow {
    z-index: 9
  }

  .prr-1-new {
    padding-right: 15px
  }

  .pll-0-new {
    padding-left: 0 !important
  }

  .width40n {
    width: 100% !important;
    position: absolute;
    top: 0
  }

  .cstmmultiselectnew1 span span div div button span {
    padding: 0
  }

  .cstmmultiselectnew1 span .btn-group {
    width: 100%
  }

  .cstmmultiselectnew1 span .btn-group button {
    text-align: left
  }

  .tab-button-outer.cstmmobiletab {
    display: block
  }

  .pad0 {
    padding-left: 0
  }

  .mbb-1 {
    margin-bottom: .25rem
  }

  .absl {
    position: fixed;
    top: 7px;
    width: 98%
  }

  #page-content-wrapper {
    min-width: 100%
  }

  .webviewnone .sub-menu li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .border-noneleft a.cstmpadding {
    padding: 10px !important
  }

  .card-body.p-0 p-tree .p-tree.p-component.p-tree-selectable {
    min-height: auto !important
  }

  .user-panel1 {
    float: right
  }

  .mmt5 {
    margin-top: 5px !important
  }

  .pll-1 {
    padding-left: 15px !important
  }
}

.wid75n {
  width: 75%
}

.wid25n {
  width: 25%
}

.ag-theme-alpine {
  font-family: Lato !important;
  font-size: 13px
}

.ag-theme-alpine .ag-row,
.bordrsty .btn.btn-white,
.brdrradius,
.cstmfnttitle,
.cstmmultiselect div .multiselect-dropdown div ul li h5,
.decrease_font .btn,
.decrease_font a,
.decrease_font p,
.decrease_font .breadcrumb-item,
.decrease_font span,
.igx-grid__td,
.igx-grid__th,
.igx-grid__thead-title,
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell,
.nocstmmultiselect div .multiselect-dropdown div ul li h5,
.ui-icon,
a.documentlink {
  font-size: 12px !important
}

.ag-center-cols-container {
  display: block;
  width: 100% !important
}

.fntedit,
.fntedit a {
  color: #181818;
  font-weight: 600
}

.table td,
.table th {
  padding: .35rem .75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6
}

.form-check-label {
  vertical-align: top;
  margin-left: 15px;
  margin-top: 1px
}

button.multiselect.dropdown-toggle.custom-select {
  height: 30px;
  padding: 0 10px
}

.multiselect-selected-text {
  font-size: .7rem;
  color: var(--themecolor)
}

.borderbottom {
  border-bottom: 1px solid #f5f5f5
}

.cardbodystyle div hdsbpm-request-form>form .sectn1 div label.col-lg-4.col-sm-12,
.cstmhead label,
.fnt13,
.font9,
.h6,
.ngx-datatable.material .empty-row,
h6 {
  font-size: 13px
}

.clsicn {
  position: absolute
}

.modifydesign,
.sectn1 {
  margin-bottom: 10px
}

.form-check-inline {
  vertical-align: text-top
}

.modal-demo .ui-modal {
  width: 60.5%
}

.modal-demo .ui-modal,
.modal-demo .ui-modal-overlay {
  z-index: 10
}

.ui-modal-header {
  background-color: #fefefe;
  color: #000 !important;
  border-bottom: 1px solid silver
}

.ui-modal-body {
  max-height: 600px !important
}

.minhyt65vh .dynamic-form form div,
.minhyt65vh .huno-formview form div,
.minhyt66vh {
  max-height: 55vh;
  overflow-x: hidden;
  overflow-y: auto
}

.ag-root-wrapper.ag-layout-normal {
  min-height: 300px
}

.cstmfooter>.ag-root-wrapper.ag-layout-normal,
.minhyt150 {
  min-height: 150px
}

.cstmfooter1>.ag-root-wrapper.ag-layout-normal {
  min-height: 70px
}

.pt-6 {
  padding-top: 4.3rem !important
}

.ag-root-wrapper {
  position: relative !important
}

.modal-body {
  padding-left: 2px;
  padding-right: 2px
}

.fc .fc-button {
  padding: .1em .5em !important
}

.ngx-datatable .datatable-footer {
  overflow: hidden !important;
  padding-left: 10px;
  color: #181d1f !important
}

.cstminblock {
  display: inline-block;
  left: 3px
}

.ngx-datatable .datatable-body .datatable-body-row {
  border-bottom: 1px solid #dde2eb
}

.cstmhyt,
.ngx-datatable.material .datatable-footer .datatable-pager a {
  line-height: 19px !important
}

.ngx-datatable .datatable-footer .datatable-pager .pager li a {
  color: #575757
}

.datatable-header,
.ngx-datatable .datatable-footer {
  display: flex !important;
  align-items: center !important
}

.ngx-datatable.material .datatable-header {
  background-color: #f8f8f8;
  border-top: 1px solid #babfc7;
  border-bottom: 1px solid #babfc7;
  color: #181d1f
}

.ngx-datatable .datatable-footer .datatable-pager {
  flex: 1 1 70% !important;
  text-align: right
}

.minhyt40 .igx-grid-summary--active,
.minhyt40 .igx-grid__group-row--active,
.minhyt40 .igx-grid__td--active,
.minhyt40 .igx-grid__th--active,
.minhyt40 .igx-grid__th--active .igx-grid__th--selectable,
.minhyt40 .igx-grid__th--active .igx-grid__th--selected,
.minhyt40 .igx-grid__tr-container--active,
.ngx-datatable.material,
.noshdw,
.remove-shadow {
  box-shadow: none !important
}

.ngx-datatable.material .datatable-header .datatable-header-cell {
  text-align: left;
  border-right: 1px solid #e7e7e7;
  vertical-align: bottom;
  font-size: 13px !important
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  text-align: left;
  vertical-align: top;
  border-top: 0;
  color: rgba(0, 0, 0, .87);
  transition: width .3s;
  font-weight: 400
}

.datatable-row-even {
  background-color: #fff !important
}

.datatable-row-odd {
  background-color: #fcfcfc !important
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background-color: #eaeaea !important
}

.modal-body .bottom-button-group {
  position: absolute;
  bottom: -32px;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin: auto;
  background: #fff;
  padding-top: 5px;
  border-top: 1px solid #ddd
}

.btn-white-dark {
  color: #343a40;
  background-color: #fff;
  border-color: #343a40
}

.btn-white-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}

.switchbtn {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px
}

input:checked+.sliderbtn.round:before {
  left: -17px
}

.sliderbtn {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a7a7a7;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50px
}

.sliderbtn:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 6px;
  bottom: 6px;
  background-color: #fff;
  transition: .4s;
  border-radius: 50%
}

input:focus+.sliderbtn {
  box-shadow: 0 0 1px var(--themecolor)
}

input:checked+.sliderbtn:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(55px)
}

.sliderbtn:after {
  content: 'No';
  color: #fff;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 60%;
  font-size: 12px
}

input:checked+.sliderbtn:after {
  content: 'Yes';
  right: -20px
}

.ag-overlay {
  float: left;
  width: 100% !important;
  display: flex;
  flex-direction: column;
  position: relative !important
}

.documentrytcont,
.rytcont {
  float: right;
  margin-right: 5px
}

.modal-body .ag-overlay {
  flex: none;
  position: absolute !important
}

.ag-header-row-column-group>.jstflx {
  float: left;
  width: 100%;
  padding-top: 4em
}

.ag-root-wrapper-body.ag-layout-normal.ag-focus-managed {
  height: 100%
}

.minhyt66vh {
  min-height: 40vh;
  margin-bottom: 20px
}

.minhyt65vh dynamic-formview form,
.minhyt65vh form.dynamic-form,
.minhyt65vh form.huno-formview {
  overflow-y: auto;
  max-height: 55vh;
  overflow-x: hidden;
  margin-bottom: 20px
}

.formview dynamic-form form .bottom-button-group {
  text-align: center;
  width: 100%;
  float: left;
  margin-bottom: 20px
}

.labelclass>label {
  border: 1px solid #dfdfdf;
  background: #fafafa;
  padding: 4px 6px
}

.popcstm .labelclass>label {
  border: none;
  background: 0 0;
  border-top: none;
  padding: 7px 6px;
  border-left: none
}

.minhyt40 form.dynamic-form,
.minhyt40 form.huno-formview {
  padding-bottom: 10px;
  margin-bottom: 5px;
  min-height: 50vh
}

.popcstm .labelclass>div:last-child {
  padding: 4px 8px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #ddd
}

.popcstm .labelclass>div:last-child label {
  font-weight: 500 !important;
  font-size: 12px !important
}

.alert-white {
  background: #fff;
  border: 1px solid #e7e7e7;
  padding: 12px
}

.headback {
  border: 1px solid #dfdfdf;
  background: #fafafa;
  padding: 3px 3px 3px 10px
}

.valueback {
  background: #fff;
  border-bottom: 1px solid #dfdfdf;
  padding: 3px
}

.widget-header,
table.fc-col-header {
  background: #f7f7f7
}

.cstmfooter .ag-paging-panel {
  height: 26px !important;
  font-size: 12px
}

.container .font16,
.fnt16,
.increase_font .set_pos .card-body h6,
.transectionsection p {
  font-size: 16px !important
}

.btn-light {
  border-color: #d1d4d6;
  font-size: .9em
}

.fc .fc-toolbar-title {
  font-size: 1em !important;
  margin: 0 !important
}

.card-header1,
.headstylefnt,
.modifydesign .sectn1 {
  margin-bottom: 0
}

.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0 !important;
  background: #f7f7f7 !important
}

.widget-header {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  min-height: 30px;
  color: #000 !important;
  border-bottom: 1px solid #ddd;
  padding-left: 12px
}

.bordrsty,
.form-control2,
.tabsty,
.tabvertical .rhttablst li a {
  color: var(--themecolor)
}

.documentrytcont {
  color: #369
}

.min-vh-75,
.minhyt75 {
  min-height: 75vh
}

.decrease_font .serviseBox h6,
.headstylefnt {
  font-size: 14px
}

a.documentlink {
  margin-top: 2px;
  float: left;
  margin-right: 5px;
  color: #2e6589;
  font-weight: 700;
  margin-left: 2px
}

.card-header1 {
  padding: .2rem .3rem !important;
  background: #ececec;
  font-size: 13px
}

.cstmsctn-one {
  border-bottom: 1px solid #e7e7e7;
  padding-top: 5px;
  padding-bottom: 5px
}

.tablesecondheader {
  background: #f7f7f7 !important;
  color: #000 !important;
  padding: .2rem 1.2rem !important;
  font-size: 12px;
  border-right: 1px solid #e7e7e7 !important
}

.widget-header>.widget-title {
  line-height: 33px;
  padding: 0;
  margin: 0;
  display: inline;
  font-size: 12px
}

.rytcont {
  color: #fff;
  margin-top: 6px
}

.greensheetlink {
  color: #fff !important;
  font-weight: bolder;
  margin-right: 10px;
  font-size: 12px
}

.notesheet {
  background: #d8fecb;
  float: left;
  width: 100%
}

.widget-color-blue>.widget-header {
  background: #4caf50;
  border-color: #4caf50
}

.btn-outline-dark:hover {
  color: #fff !important;
  cursor: pointer
}

.armada-devider {
  border-right: 1px dashed #fb0000;
  width: 6%;
  padding-top: 20px !important;
  vertical-align: top
}

.headback1,
.labelclass>div,
.valueback1 {
  padding: 4px 6px
}

.progress-devider {
  width: 6%;
  border-left: 1px dashed #fb0000;
  vertical-align: top;
  overflow: hidden;
  font-size: 9px
}

.widget-body .table {
  border-top: 1px solid #e5e5e5;
  font-size: 11px
}

.cstmbtnwarning {
  position: absolute;
  left: -29px;
  top: 60px;
  background: #2174cc;
  background: -webkit-gradient(linear, left top, right top, from(#277fda), to(#0d4b98));
  background: linear-gradient(to right, #277fda, #0d4b98);
  border: 1px solid #2274cc;
  border-radius: 5px 0 0 5px;
  color: #fff
}

.newfilebtn {
  position: fixed;
  z-index: 99;
  right: 0;
  top: 175px;
  box-shadow: 0 0 5px silver;
  background: #2174cc;
  background: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7);
  background: linear-gradient(to right, #277fda, #0d4b98);
  border: 1px solid #2274cc;
  border-radius: 5px 0 0 5px !important
}

.borderd,
.headback1,
.labelclass>div,
.valueback1 {
  border: 1px solid #ddd
}

.smallscreen1 {
  transition-duration: 3s !important
}

.smallscreen2 {
  transition: .1s !important
}

.headback1 {
  background: #f1f1f1
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.2em + 13px + 2px) !important;
  padding: .275rem .75rem !important;
  color: var(--black)
}

.IC-delete :hover,
.btnsrch:focus,
.btnsrch:hover,
.btnsrch:visited,
.input-group-text:hover,
.text-link:hover,
.user-panel2 :hover,
a.page-link {
  cursor: pointer
}

.nav-tabs li>a.active {
  border-bottom: 3px solid #188a26 !important;
  background: #188a26;
  border: none;
  padding: 5px 20px;
  margin: 0;
  color: #fff
}

.nav-tabs li>a:hover {
  color: #188a26;
  border-bottom: 3px solid #188a26 !important
}

.cstmlist {
  padding-inline-start: 5px
}

.minht20 {
  max-height: 30vh;
  overflow: auto;
  margin: 0;
  padding: 0
}

.cstmlist>li {
  border-bottom: 1px solid #e7e7e7;
  padding: 2px 0
}

.cstmlist>li>span {
  font-size: .7rem;
  padding: 5px 8px
}

.cstmlist>li:hover {
  background: #2196f3;
  color: #fff
}

.cstmlist>li:focus {
  background: #178dee;
  color: #fff
}

.backgrey {
  background-color: #f7f7f7
}

.form-control1 {
  display: block;
  width: 100%;
  min-height: calc(1.4em + 13px + 2px);
  padding: .275rem .75rem;
  color: var(--themecolor);
  background-color: #fbfbfb;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.p-inputtext {
  width: 100%;
  padding: .3rem .5rem !important
}

.cstmhead {
  background: rgba(0, 0, 0, .03);
  color: #000;
  padding: 5px
}

@media screen and (max-width:991px) {

  .sidebar .list-sidebar,
  .sidebar.left .user-panel {
    position: fixed;
    width: 220px
  }

  .minhyt80 {
    min-height: 92vh
  }

  .prr-1 {
    padding-right: 0 !important
  }

  .modal-demo .ui-modal {
    width: 90%
  }

  .labelclass {
    padding-left: 15px;
    padding-right: 15px
  }

  .form-check-input {
    position: relative
  }

  .pll-1 {
    padding-left: 0 !important
  }

  .webclose {
    position: absolute;
    right: 15px;
    font-size: 20px
  }

  .cstmposition,
  .cstmposition2,
  .cstmposition3 {
    right: 0;
    width: auto;
    position: absolute;
    z-index: 99
  }

  .cstmposition {
    top: 12px
  }

  .pbb-2 {
    padding-bottom: .5rem !important
  }

  .cstmposition .sort-wrapper,
  .cstmposition2 .sort-wrapper,
  .cstmposition3 .sort-wrapper {
    width: auto !important
  }

  .cstmposition3 {
    top: -5px
  }

  .tab-contents {
    margin-top: 0
  }

  .min-vh-37 {
    min-height: 25vh;
    margin-bottom: 20px
  }

  .cstmbtnmenu img {
    width: 45px;
    cursor: pointer
  }

  .sidebar li a,
  .sidebar li a.collapsed.active {
    padding: 14px 20px
  }

  .sidebar.fliph {
    width: 0
  }

  .sidebar.left.fliph ul {
    position: absolute;
    left: -45px
  }

  .sidebar .list-sidebar::-webkit-scrollbar {
    width: 10px
  }

  .sidebar .list-sidebar::-webkit-scrollbar-track {
    background: var(--trackscroll);
    border-radius: 10px
  }

  .sidebar .list-sidebar::-webkit-scrollbar-thumb {
    background: var(--thumbscroll);
    border-radius: 10px
  }

  .sidebar .list-sidebar::-webkit-scrollbar-thumb:hover {
    background: var(--thumbhoverscroll);
    border-radius: 10px
  }

  .sidebar.left.fliph .list-sidebar,
  .sidebar.left.fliph .user-panel {
    display: none
  }

  .sidebar .list-sidebar {
    top: 48px;
    overflow: auto;
    height: 90vh
  }

  .sidebar {
    width: 220px;
    position: absolute;
    -webkit-transition: display .5s ease-out;
    -moz-transition: display .5s ease-out;
    -o-transition: display .5s ease-out;
    transition: display .5s ease-out;
    z-index: 99
  }
}

@media screen and (min-width:992px) {
  app-textarea div .col-lg-4.col-md-12.col-sm-12.font8.text-right {
    width: 17% !important;
    max-width: 17% !important;
    flex: 0 0 17% !important
  }

  app-textarea div .col-lg-8.col-md-12.col-sm-12 {
    flex: 0 0 82% !important;
    max-width: 82% !important
  }

  .mx10width {
    max-width: 10%
  }

  .mx30width {
    max-width: 30%;
    flex: 0 0 30%
  }

  .cstmbtnmenu,
  .loginnamemob,
  .mobiledisplay,
  .showinmob,
  .webclose,
  .webviewnone {
    display: none
  }

  #leftmenunew label.col-lg-4.col-md-12.col-sm-12.font8.text-right {
    display: flex;
    padding: 0 !important;
    align-items: center;
    text-align: right;
    justify-content: flex-end
  }

  #leftmenunew .sectn1 .col-sm-12.row {
    margin-left: 0;
    margin-right: 0;
    padding: 0
  }

  #leftmenunew .col-lg-8.col-md-12.col-sm-12 {
    display: flex;
    align-items: center
  }

  .minwid15 {
    width: 20%;
    text-align: center
  }

  .prr-0 {
    padding-right: 0 !important
  }

  .pl-2n {
    padding-left: .5rem !important
  }

  .pr-2n {
    padding-right: .5rem !important
  }

  .modal-dialog {
    margin: 3.5rem auto
  }

  .sectnnew .ng-dropdown-panel.ng-select-bottom {
    position: fixed;
    top: auto;
    left: auto;
    width: auto;
    min-width: 23%
  }

  .list-sidebar>li>.sub-menu {
    max-height: 50vh;
    overflow: auto
  }

  .list-sidebar>li>.sub-menu::-webkit-scrollbar {
    width: 10px
  }

  .list-sidebar>li>.sub-menu::-webkit-scrollbar-track {
    background: var(--trackscrollbar);
    border-radius: 10px
  }

  .list-sidebar>li>.sub-menu::-webkit-scrollbar-thumb {
    background: var(--thumbscrollbar);
    border-radius: 10px
  }

  .list-sidebar>li>.sub-menu::-webkit-scrollbar-thumb:hover {
    background: var(--thumbhoverscroll);
    border-radius: 10px
  }

  .minwid750 {
    min-width: 800px
  }

  .prr-1 {
    padding-right: .25rem !important
  }

  .pll-1 {
    padding-left: .25rem !important
  }
}

footer.page-footer.font-small {
  background: #f7f7f7;
  position: relative;
  bottom: 0;
  left: 0;
  z-index: 9;
  width: 100%
}

@media screen and (max-width:1200px) and (min-width:1001px) {
  .pd-0 {
    padding: 0 !important
  }

  .sidebar,
  .sidebar.fliph {
    height: 93vh
  }
}

@media screen and (max-width:1400px) and (min-width:1201px) {

  .sidebar,
  .sidebar.fliph {
    height: 94vh
  }
}

@media screen and (max-width:2000px) and (min-width:1401px) {

  .sidebar,
  .sidebar.fliph {
    height: 95vh
  }
}

@media screen and (max-width:4000px) and (min-width:2001px) {

  .sidebar,
  .sidebar.fliph {
    height: 96vh
  }
}

@media screen and (max-width:7000px) and (min-width:4001px) {

  .sidebar,
  .sidebar.fliph {
    height: 98vh
  }
}

.cstmspinner {
  position: fixed;
  text-align: center;
  display: flex;
  justify-content: center;
  z-index: 8;
  background: #00000047;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%
}

.cstmspinner div {
  justify-content: center;
  align-items: center;
  margin: auto
}

.cstmflx {
  display: flex;
  align-items: center
}

.custommodal div .ui-modal-footer button {
  position: absolute;
  right: 10px;
  bottom: 0
}

.custommodal div .ui-modal-header {
  cursor: move
}

.custommodal div .ui-modal-header .ui-titlebar,
.megh-one .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  font-size: 1rem
}

.custommodal .ui-modal,
.custommodal .ui-modal-overlay {
  z-index: 999
}

.custommodal div .ui-modal-body {
  max-height: calc(75vh - 12.5rem) !important
}

.customborder {
  border-bottom: 1px solid #ddd
}

.width50 {
  width: 50%
}

.width70 {
  width: 70%
}

.tabularview {
  flex: 1;
  padding: 0 10px
}

.cstmmultiselect div .multiselect-dropdown .dropdown-btn,
.nocstmmultiselect div .multiselect-dropdown .dropdown-btn {
  display: inline-block;
  border: 1px solid #e1dfdf;
  width: 100%;
  padding: 6px 12px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: .7rem;
  line-height: 1.52857143;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border-radius: 4px
}

.cstmmultiselect div .multiselect-dropdown .dropdown-list {
  position: fixed !important;
  max-width: 200px;
  padding-top: 0;
  margin-top: 2px;
  bottom: auto
}

.cstmmultiselect div .multiselect-dropdown div ul li.filter-textbox,
.nocstmmultiselect div .multiselect-dropdown div ul li.filter-textbox {
  padding: 5px !important;
  font-size: 12px
}

.nocstmmultiselect div .multiselect-dropdown .dropdown-list {
  max-width: 200px
}

.text-right1 {
  text-align: right
}

.widget-box {
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 3px 0;
  border: 1px solid #ccc
}

.igx-grid__tfoot .igx-grid__tr,
.igx-grid__thead-wrapper .igx-grid__tr,
.widget-body {
  background-color: #fff
}

.headback2 {
  background: #f7f7f7;
  border: 1px solid #dcdcdc;
  padding: 6px 10px !important
}

.node.firstnode {
  background: #b6fbbb;
  border: 1px solid #b6fbbb
}

app-section {
  width: 100%;
  padding: 0;
  margin: 0
}

.node.lastnode {
  background: #d1e5ea;
  border: 1px solid #d1e5ea
}

.bg-light-yellow {
  background: #fffcf3
}

.dynamic-formview h6,
.huno-formview h6 {
  font-size: 13px;
  padding: 5px
}

.dynamic-form h6,
.huno-formview h6 {
  padding-left: 5px;
  padding-top: 5px
}

button.btn.btn-dark.btn-new {
  display: flex;
  align-items: center;
  border-radius: 50px;
  font-size: 12px
}

.hyt80 {
  min-height: 180px !important
}

.btn.btn-white {
  text-shadow: none !important;
  background-color: #fff !important;
  border-radius: 50px
}

.minhyt93 {
  max-height: calc(100vh - 100px);
  overflow: auto;
  min-height: calc(100vh - 100px)
}

.cancelcdtn {
  position: absolute;
  right: 0;
  background: var(--themecolor);
  border-radius: 100%;
  padding-top: 0;
  font-size: 12px;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #fff
}

.minhyt931 {
  max-height: 93vh;
  overflow: auto;
  min-height: 93vh
}

.no-border {
  border: none
}

.nocstmmultiselect span .btn-group button {
  text-align: left
}

.btn-circle,
.center-column,
.materialnew.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap,
.paginationCare input,
.tabsty {
  text-align: center
}

.list-sidebar>li>.sub-menu {
  background: var(--submenucolor)
}

.width54 {
  width: 54%
}

.minhyt40 {
  min-height: 40vh
}

.minhyt40 form.dynamic-form {
  overflow-y: auto;
  max-height: 70vh;
  overflow-x: hidden
}

.minhyt40 dynamic-formview form,
.minhyt40 form.huno-formview,
.newminhyt40 {
  max-height: 72vh;
  overflow-x: hidden;
  overflow-y: auto
}

.newminhyt40 {
  min-height: 72vh
}

.sectn1 .ng-dropdown-panel .ng-dropdown-panel-items {
  max-height: 25vh !important
}

.minhyt40 dynamic-formview form {
  min-height: 50vh;
  margin-bottom: 20px
}

.radius0 {
  border-radius: 0 !important
}

.tabsty {
  padding: 5px 20px;
  font-size: 13px !important;
  border: 1px solid #ddd;
  background: #dadfe8;
  margin-right: 5px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  font-weight: 700
}

.form-control2 {
  color: #000;
  display: block;
  width: 100%;
  min-height: calc(1.4em + 13px + 2px);
  padding: .275rem .75rem;
  background-clip: padding-box;
  border: 1px solid #f3cbcc;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  height: 100px;
  font-size: 12px !important
}

.form-control2:focus,
.newform-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgb(0 123 255 / 25%)
}

.cstmtb {
  border: 1px solid #ddd !important;
  padding: 5px 20px !important
}

.minhyt20 {
  min-height: 25vh
}

.bg-lyt,
.cstmable tr th,
.cstmtable tr th,
.cstmtablenew tr th,
main.bgbannerimg {
  background: #f5f5f5
}

.ng-select {
  font-size: .8em;
  width: 100%;
  margin-right: 5px
}

.width60n {
  width: 60% !important
}

.bg-greylight {
  background: #f7f4f4
}

.wid7 {
  width: 7%
}

.wid13 {
  width: 13%
}

.multiselect-container {
  max-height: 40vh;
  overflow: auto
}

.bgrey {
  background-color: #f9fafc !important
}

.tblchklst {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 0
}

.tblchklst tbody {
  display: inline-table;
  width: 100%
}

.tblchklst tr .IC-delete {
  visibility: hidden;
  color: #bfbfbf
}

.tblchklst tr:hover .IC-delete {
  visibility: visible;
  color: #000
}

.popoverwidth {
  min-width: 400px
}

.tabvertical .nav-pills>li.active>a {
  background-color: #4b89dc;
  color: #fff;
  width: 100%;
  display: inline-block;
  padding: 4px 10px
}

.popover {
  line-height: 1.42857143;
  font-family: inherit;
  -webkit-box-shadow: 0 4px 15px 0 rgb(0 0 0 / 15%);
  box-shadow: 0 4px 15px 0 rgb(0 0 0 / 15%);
  border: 1px solid #e4e4e4;
  max-width: inherit;
  padding: 0;
  top: 44px;
  z-index: 99
}

.arvo-bold,
.arvo-regular {
  font-family: Arvo, serif;
  font-style: normal
}

.popover.bottom>.arrow {
  left: 50%;
  margin-left: -9px;
  border-top-width: 0;
  border-bottom-color: #fcfcfc;
  top: -9px
}

.popover>.arrow {
  border-width: 9px
}

.popover>.arrow,
.popover>.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #fcfcfc;
  border-bottom: 1px solid #efefef;
  border-radius: 3px 3px 0 0
}

.popover-content {
  font-size: 14px;
  padding: 0
}

.tabvertical {
  position: relative;
  max-height: 480px;
  min-width: 200px
}

.tabvertical .lfttab {
  background-color: #f9fafc;
  border-right: 1px solid #eee;
  overflow-y: auto;
  padding: 0;
  width: 180px;
  bottom: 0;
  height: 280px;
  top: 0;
  left: 0;
  overflow-x: hidden;
  position: relative
}

.dvPopsearch {
  position: relative;
  background-color: #fff;
  padding: 0 12px
}

.nav-stacked>li {
  float: none;
  width: 100%
}

.tabvertical .rhtlstsrl {
  position: absolute;
  bottom: 0;
  height: 280px;
  top: 0;
  left: 180px;
  right: 0
}

.popover-lg {
  min-width: 480px
}

.popover-md {
  min-width: 350px
}

.tabvertical .rhttablst {
  float: left;
  width: 100%;
  overflow-y: auto;
  max-height: 235px;
  padding-left: 5px
}

.tabvertical .rhttablst li.head {
  padding: 4px 12px;
  color: #666;
  margin: 5px 0;
  font-size: 12px
}

.tabvertical .rhttablst li {
  padding: 3px 20px;
  float: left;
  width: 100%;
  list-style: none;
  font-size: 11px
}

.tabvertical .rhttablst li span {
  max-width: 99%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: break-word;
  display: block
}

.tabvertical .rhttablst li:hover {
  background: #f4f8fb;
  cursor: pointer
}

.editorlist .NgxEditor__Content {
  font-size: 12px;
  min-height: 30vh
}

@media screen and (max-width :400px) {
  .cstmposition {
    position: relative;
    right: auto;
    top: 0;
    z-index: 9;
    width: 100%;
    float: right;
    left: 0
  }
}

.popover-custom {
  min-width: 93%;
  float: left;
  left: auto;
  top: 33px
}

.maxhyt40h {
  max-height: 65vh;
  overflow: auto
}

.cstmabs {
  position: absolute;
  right: 0;
  top: 0
}

.mrb5 {
  margin-top: -3px
}

.linehyt1 {
  line-height: 1.1
}

.minhyt10 {
  min-height: 10vh !important
}

#sessionhide2,
.sessionhide,
.sessionhide1,
.sessionhide2 {
  display: inline-flex;
  margin-right: 12px;
  padding-left: 0 !important
}

.font9_new {
  font-size: 13px !important
}

.sec_new {
  margin-bottom: 0 !important;
  margin-top: 7px
}

@media screen and (min-width:1200px) {
  .container.wid80 {
    max-width: 90% !important
  }

  .fifthcls {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 400px;
    right: 0
  }

  .fifthcls img {
    bottom: -50%;
    transform: translateY(0) translateX(0);
    -webkit-animation: 10s infinite animateProfile;
    animation: 10s infinite animateProfile
  }

  @keyframes animateProfile {

    0%,
    100% {
      transform: translateY(0) translateX(0)
    }

    50% {
      transform: translateY(-10px) translateX(0)
    }
  }
}

@media screen and (max-width:1199px) {
  .fifthcls {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 50%;
    right: 0
  }

  .fifthcls img {
    bottom: -50%;
    transform: translateY(0) translateX(0);
    -webkit-animation: 10s infinite animateProfile;
    animation: 10s infinite animateProfile
  }

  @keyframes animateProfile {

    0%,
    100% {
      transform: translateY(0) translateX(0)
    }

    50% {
      transform: translateY(-10px) translateX(0)
    }
  }
}

.container-fluid {
  padding-bottom: 15px
}

.ag-theme-alpine .ag-ltr .ag-cell-range-single-cell,
.ag-theme-alpine .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-alpine .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-alpine .ag-rtl .ag-cell-range-single-cell,
.ag-theme-alpine .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-alpine .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected) {
  border-color: none !important;
  border-right: 0px !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 1px solid #bebfc7 !important
}

.ag-theme-alpine .ag-ltr .ag-cell-range-single-cell,
.ag-theme-alpine .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-alpine .ag-rtl .ag-cell-range-single-cell,
.ag-theme-alpine .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-alpine .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.tab-pane .ag-theme-alpine .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected) {
  border-color: none !important;
  border-right: 0px !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem
}

.paginationCare {
  border-top: 1px solid #ccc;
  font-size: .8em;
  line-height: 35px;
  height: 40px;
  padding: 2px 5px 5px;
  margin-bottom: 5px;
  background-color: #f0f0f0
}

.paginationCare .itemsPerPage select.form-control {
  width: 55px;
  height: 35px;
  display: inline-block;
  padding: .275rem .35rem !important;
  font-size: 1em
}

.paginationCare input {
  width: 50px;
  height: 30px;
  display: inline-block;
  font-size: 1em;
  padding: .375rem .25rem
}

.paginationCare .page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #000;
  background-color: initial;
  border: 0 solid #dee2e6
}

.igx-grid__th,
.igx-grid__thead-title,
.igx-grid__tr-action:last-of-type {
  border-right: 0px !important
}

.igx-grid--cosy .igx-grid__th {
  min-height: 2.5rem;
  flex-direction: row-reverse
}

.jstflx {
  float: left;
  width: 100%;
  padding-top: 0;
  margin-bottom: 15px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: auto !important
}

.igx-grid__th-icons {
  flex-direction: row-reverse;
  padding-right: 5px
}

.newform-control {
  font-weight: 400;
  line-height: 1.5;
  color: #999;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid #ced4da;
  border-bottom: 1px solid #ddd;
  border-radius: .25rem
}

.btn-circle {
  width: 45px;
  height: 45px;
  line-height: 45px;
  padding: 0;
  border-radius: 50%;
  border: 0
}

.btn-circle-sm {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 12px
}

.btn-group .dropdown-menu {
  padding-left: .5rem;
  padding-right: .5rem
}

.cstmdop .dropdown-item {
  padding: .3rem .5rem !important;
  border-bottom: 1px solid #ddd
}

.btn-roll {
  padding: .175rem .5rem !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  border-radius: 1.5rem !important;
  margin: 0 4px
}

a.truncate {
  text-decoration: underline;
  color: #000
}

.igx-grid--cosy .igx-grid__th {
  padding: 0 .3rem 0 .2rem !important
}

.noback {
  background: 0 0 !important
}

.igx-grid__tr--selected .igx-grid__td--selected,
.nobrdr {
  border: 0 solid #fff !important
}

.playbtn:hover,
.textdark {
  color: #000 !important
}

.btn-cstm {
  border-radius: 50px !important;
  background: #f2f2f2;
  padding: 4px;
  font-size: 14px;
  height: 30px;
  margin-top: 3px;
  margin-left: 3px
}

.btn-cstm:focus,
.btn-cstm:hover {
  background: #e7e5e5
}

@media screen and (max-width:480px) {
  .prr-0-n {
    padding-right: 0 !important
  }
}

a {
  cursor: pointer !important
}

@media screen and (min-width:1280px) {
  .childsearch.top1new {
    top: 1% !important
  }

  .childsearch {
    position: absolute;
    top: 3%;
    place-content: center
  }

  .childsearch .childindex {
    z-index: 9
  }

  .childindex .btn-cstm {
    background: #dcd9d9
  }

  .childindex .btn-cstm:hover {
    background: #ccc9c9
  }
}

.newnav.nav-tabs li>a.active,
.newnav.nav-tabs li>a:hover {
  color: #fff;
  border-bottom: 3px solid #9c670d !important;
  background: #bd7e12;
  box-shadow: 0 0 1px #ac730f
}

.newform-control {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important
}

.igx-grid,
.igx-grid--compact,
.igx-grid--cosy {
  box-shadow: none !important;
  margin-bottom: 15px
}

.minhyt40 .ag-overlay-wrapper.ag-layout-normal.ag-overlay-no-rows-wrapper {
  padding: 7%
}

.igx-grid-summary--active,
.igx-grid__group-row--active,
.igx-grid__td--active,
.igx-grid__th--active,
.igx-grid__th--active .igx-grid__th--selectable,
.igx-grid__th--active .igx-grid__th--selected,
.igx-grid__tr-container--active {
  box-shadow: none !important;
  background: 0 0 !important;
  border: none !important
}

.topActionButtons {
  z-index: 99
}

.btn-secondary1 {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}

.btn-secondary1:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62
}

.instructiontxt li {
  color: #bd180f;
  font-size: 12px;
  list-style: number;
  padding-left: 0;
  font-weight: 700
}

.linktitle {
  color: var(--coffeorange1);
  font-size: 1rem;
  font-weight: 600
}

.fldsctn {
  position: relative;
  top: -14px;
  background: var(--coffeorange1);
  color: #fff;
  width: 157px;
  border-radius: 11px
}

.btnsrch,
.btnsrch:focus,
.btnsrch:hover,
.btnsrch:visited {
  background: var(--coffeorange1);
  color: #fff !important
}

.dsblcls {
  border: 1px;
  background: #e7e7e7;
  border-radius: 5px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 8px
}

.instrctntxt {
  margin-bottom: 0;
  color: #bd180f;
  font-size: 14px;
  font-weight: 700;
  padding-left: 20px
}

.charttbl {
  display: table;
  width: 100%
}

.charttbl .col-md-4 {
  float: none;
  display: table-cell
}

.igx-grid__tfoot,
.igx-grid__thead-wrapper {
  background: #fff7ed !important;
  color: #d27524 !important;
  font-weight: 400 !important;
  border: 1px solid #efdbca
}

.igx-grid__th-title {
  font-weight: 600 !important;
  opacity: 1 !important;
  font-size: 12px
}

.igx-grid__footer {
  grid-row: 2 !important
}

.igx-paginator,
.igx-paginator--compact,
.igx-paginator--cosy {
  background-color: #e7e7e7 !important
}

.igx-input-group--compact .igx-input-group__input {
  font-size: .8545454545rem !important;
  height: 1rem !important
}

.igx-grid__td span {
  text-overflow: ellipsis;
  overflow: hidden
}

.igx-grid__th,
.igx-grid__thead-title {
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center !important
}

span.igx-grid__th-title {
  white-space: wrap !important;
  word-break: break-word;
  text-overflow: unset;
  word-break: break-word;
  line-height: normal !important
}

.bordrsty {
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  background: #fffbd4;
  padding-left: 0 !important
}

.btn-success:active,
.btn-success:hover,
.open>.btn-success.dropdown-toggle {
  background-color: #629b58 !important;
  border-color: #87b87f
}

.bordrsty .btn.btn-white {
  border-radius: 3px !important
}

.brdrradius {
  width: 150px;
  height: 32px
}

.ngxcstm.NgxEditor__Wrapper {
  border: 1px solid #f5f5f5
}

.ngxcstm .NgxEditor__Wrapper .NgxEditor__MenuBar {
  border: 1px solid #f5f5f5 !important
}

.progress-devider p a {
  color: #337ab7 !important;
  font-size: .7rem
}

.progress-devider p a:hover {
  text-decoration: underline !important
}

.NgxEditor:focus,
.NgxEditor:visited,
.NgxEditor__Content:focus,
.NgxEditor__Content:visited {
  box-shadow: 0 0 5px #2a69c794 !important;
  border: 1px solid #2a69c794 !important;
  background: 0 0 !important;
  min-height: 400px;
  cursor: text
}

.btn-default.active,
.btn-default:hover {
  border-bottom: 2px solid #188a26
}

.NgxEditor__Content p {
  margin: 0 0 .2rem !important
}

.addbtnabs {
  position: absolute;
  top: 2px
}

textarea:disabled {
  background-color: #e4e7ea !important;
  border: 1px solid silver !important
}

.btn-default,
.btn-default:hover {
  border-radius: 4px 4px 0 0;
  margin-bottom: 2px;
  font-weight: 600
}

.placecntr {
  place-content: center
}

.igx-grid__td-text {
  white-space: initial !important;
  text-overflow: inherit !important;
  overflow-wrap: anywhere
}

.ng-dropdown-panel-items div span {
  white-space: initial;
  word-break: normal
}

body {
  user-select: none !important
}

.popattachment .ng-image-slider {
  height: 58vh !important
}

.popattachment .ng-image-slider .ng-image-slider-container .main {
  height: 57vh !important
}

.min-vh-70 {
  max-height: 70vh;
  overflow: auto;
  min-height: 70vh
}

.btn-default {
  background: #ddd;
  border-bottom: 2px solid #ddd
}

.btn-default:hover {
  background: #b6b6b6
}

.bg-white {
  background: #fff !important
}

.headshow nav,
.headshow1 nav {
  text-transform: uppercase !important
}

.bannerHeading,
.blrshade h5,
.decrease_font .txt_v1,
.increase_font .txt_v1 {
  text-transform: uppercase
}

.backdrop {
  position: fixed !important
}

.minhyt70vh {
  min-height: 40vh;
  max-height: 72vh;
  overflow: auto
}

.ag-header-cell-text,
.blrshade p,
.watermark,
.wrappern .slick-initialized .slick-slide .hyt100 .playbtn {
  overflow: hidden
}

.overlay-container.addcontainerdisable {
  background-color: rgba(0, 0, 0, .4);
  z-index: 999999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.igx-grid--cosy .igx-grid__td {
  word-break: break-word !important;
  padding: 0 1rem 0 .5rem !important
}

.NgxEditor div ol,
.txtnoteleft ol {
  list-style: decimal !important;
  padding-left: 13px !important
}

.txtnoteleft p,
.txtnoteleft p ol li p {
  margin-bottom: .4rem !important
}

.NgxEditor div ul,
.txtnoteleft ul {
  list-style: disc !important;
  padding-left: 13px !important
}

.NgxEditor__Content blockquote {
  padding-left: 13px !important
}

.NgxEditor__Content {
  font-feature-settings: inherit !important;
  min-height: 50vh
}

.angular-editor-textarea {
  min-height: 400px !important
}

.bg-disabled {
  background: #e4e7ea;
  cursor: default !important
}

.widget-body .widget-main.minhyt450.notesheet {
  max-height: 82vh;
  min-height: 80vh;
  overflow: auto
}

.ag-theme-alpine .ag-cell {
  border: 1px solid transparent;
  line-height: 1.2 !important;
  align-items: center;
  display: flex
}

.pull_file .angular-editor-textarea {
  min-height: 155px !important;
  max-height: 155px !important;
  height: 155px !important
}

.borderhead div div label {
  font-size: .7rem;
  word-break: break-word
}

.borderhead div div {
  border: 1px solid #9b9b9b;
  font-size: 12px
}

.colorheaddiv div {
  background: #d8f388;
  font-weight: 600
}

.wordbreak tr td,
.wordbreak tr th {
  word-break: break-word;
  border: 1px solid #333;
  padding: 8px
}

.header .user-imagenew {
  width: 25px;
  height: 25px;
  margin-left: 10px
}

.greensheetlink.paperclip {
  font-size: 16px;
  font-weight: 600
}

.greensheetlink.paperclip .fa {
  transform: rotate(41deg)
}

.cstmheighteditor .angular-editor-textarea,
.newhyt1 .angular-editor-textarea {
  min-height: 200px !important
}

button.close:focus,
button.close:focus-visible,
button.close:focus-within,
button.close:visited {
  outline: 0 !important
}

@media screen and (min-width :1100px) {
  .col-25 {
    max-width: 20% !important
  }
}

.rmks .angular-editor-textarea {
  min-height: 126px !important
}

.fingerprint {
  width: 200px;
  margin: auto auto 10px;
  background: #efefef;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 5px;
  min-height: 215px;
  max-height: 215px
}

.fingerprintverified {
  background: #cbffcb45 !important;
  border: 1px solid green !important
}

.fingerprintfailed {
  background: #ffcbcb45 !important;
  border: 1px solid maroon !important
}

.editbtncstm {
  position: absolute;
  right: 20px;
  top: -35px
}

li.breadcrumb-item.newitm2 {
  font-weight: 600;
  color: #969696dd
}

@media screen and (max-width :767px) {
  h4.text-meghalaya {
    font-size: 1rem !important;
  }

  .mrgtop73 {
    margin-top: 50px;
  }
}

.ngx-datatable.material .datatable-header .datatable-header-cell {
  background: #fff7ed !important;
  color: #d27524 !important;
  font-weight: 600 !important;
  padding: .5rem !important
}

.ngx-datatable.material .datatable-footer {
  background: #e9e9e9 !important;
  padding: 5px !important
}

.materialnew.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
  height: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
  white-space: normal !important;
  word-break: break-word !important
}

.ngx-datatable.materialnew .datatable-body .datatable-body-row .datatable-body-cell {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  border-right: 1px solid #e7e7e7;
  padding: .1rem 0 !important
}

.datatable-body-cell-label {
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

datatable-header.datatable-header {
  height: auto !important
}

.ngx-datatable.material .datatable-footer .datatable-footer-inner {
  height: 28px !important
}

.bredcrumbeoffice {
  background: #eaeaea;
  padding: 6px 10px;
  border-bottom: 1px solid #ddd
}

.bredcrumbeoffice .fbasiclink {
  color: #000;
  font-weight: 600
}

.address-container a span,
.address-container span {
  white-space: break-spaces;
  user-select: all
}

.watermark {
  color: rgb(204 248 189);
  line-height: 2.8;
  margin: 0;
  position: absolute;
  transform-origin: 0 100%;
  width: 99%;
  font-weight: 100;
  max-height: 79vh;
  font-size: 33px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  word-spacing: 105px;
  z-index: -1
}

@media print {
  .watermark {
    opacity: .1;
    color: #ddd !important;
    z-index: 1
  }
}

.editorminhyt .angular-editor-textarea {
  min-height: 250px !important
}

.dakpriority_vip,
.outtoday {
  background-color: #bdd7ee !important
}

.dakpriority_assembly,
.mostimd {
  background-color: #ffc7ce !important
}

.dakpriority_urgent {
  background-color: #ffeb9c !important
}

.fingerprinclass {
  position: absolute;
  right: 50px;
  z-index: -1;
  opacity: .4;
  filter: hue-rotate(136deg);
  margin-top: 15px;
  width: 50px
}

.igx-grid__cbx-selection,
.igx-grid__td,
.igx-grid__th,
.igx-grid__thead-title {
  border-right: 1px solid #e7e7e7 !important
}

.igx-grid__td:last-child,
igx-grid-header-group:last-child .igx-grid__th {
  border-right: 1px solid transparent
}

.gridCheckboxCenter.row {
  margin: 0
}

.txtqstn p {
  margin-bottom: .5rem !important
}

.handsontable .spotlight,
.handsontable tr td:nth-child(12),
.handsontable tr td:nth-child(7) {
  background-color: #f5f3f3;
  text-align: center
}

.handsontable span.colHeader {
  height: 100%;
  white-space: break-spaces;
  word-wrap: break-word;
  font-size: 12px
}

.collapsibleIndicator {
  left: 0
}

.collapsibleIndicator.expanded::after {
  box-shadow: 0 0 0 6px #eee;
  background: #eee;
  content: '▼'
}

.collapsibleIndicator.collapsed::after {
  box-shadow: 0 0 0 6px #eee;
  background: #eee;
  content: '▶'
}

.handsontable {
  z-index: 9
}

.myLegend,
.myLegend2 {
  position: absolute;
  z-index: 2
}

.nav-link.lnknw {
  padding: 5px 20px;
  text-align: left;
  color: #5c6873;
  background: #dadfe8 !important;
  margin: 2px;
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #e0e0e0 !important;
  border-right: 1px solid #e0e0e0 !important;
  border-left: 1px solid #e0e0e0 !important;
  font-weight: 500
}

.nav-link.lnknw.active {
  color: #495f71;
  background: #eee !important;
  border-bottom: 3px solid #2196f3 !important
}

@media screen and (min-width :2200px) {
  #wrapper {
    margin: 0 auto;
    min-width: 978px;
    max-width: 1680px;
    padding: 8px
  }
}

.e-richtexteditor .e-rte-content .e-content,
.e-richtexteditor .e-source-content .e-content {
  padding: 10px 70px !important;
  text-align: justify !important
}

.e-richtexteditor .rte-placeholder {
  padding-left: 70px !important
}

.note_wb {
  word-break: break-all;
  font-size: 14px !important;
  text-align: justify
}

.radius-7 {
  border-radius: 7px
}

.lndong .owl-next,
.lndong .owl-prev {
  width: 20px !important;
  height: 45px !important;
  top: 35% !important;
  display: block !important;
  border: 0 solid #000 !important;
  background: #c01c1c;
  position: absolute !important
}

.bg-none {
  background: 0 0
}

.cardbodystyle {
  padding: 8px;
  box-shadow: 0 1px 5px #ababab96;
  background: #fff;
  border-top: 3px solid green
}

.cardbodystyle div hdsbpm-request-form form div div h6.col-sm-12.nopadding.font600.mb-0.mt-0 {
  font-size: 1rem;
  text-align: left;
  color: green;
  padding: 5px !important
}

.cardbodystyle div hdsbpm-request-form form .col-sm-12.row.width-10 {
  padding: 0 0 7px;
  margin: 0
}

.hdstld hdsbpm-request-form form div div h6.col-sm-12.nopadding.font600.mb-0.mt-0 {
  padding: 4px !important;
  font-size: .9rem
}

.inlineeditor .e-rte-content p {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important
}

.pagingbottom .igx-grid__footer {
  grid-row: 7 !important
}

.notreadable {
  background-color: #fff2e0
}

.disabledclass {
  background: #ebebeb;
  opacity: .7
}

.bgOnes,
main.minheightpage {
  background: #f5f5f5 !important
}

.ag-header-cell-text {
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2
}

.faqBox h2 {
  font-size: 1.25rem;
  font-weight: 700 !important
}

main .igx-grid__tfoot,
main .igx-grid__thead-wrapper {
  background: #f5f5f5 !important;
  color: #434343 !important;
  font-weight: 400 !important;
  border: 0 solid #aeaeae
}

.ng-select {
  line-height: 16px
}

.lndong .owl-prev {
  margin-left: -25px !important
}

.lndong .owl-theme .owl-nav [class*=owl-] {
  background: #ff3a3a !important
}

.lndong .owl-next {
  right: -30px !important
}

.lndong .owl-next i,
.lndong .owl-prev i {
  transform: scale(1, 2) !important;
  color: #fff;
  margin-top: 12px
}

.igx-linear-bar__base {
  height: 1rem !important
}

.pmscls span.igx-linear-bar__value.igx-linear-bar__value--start {
  padding-left: 5px !important
}

.pmscls .igx-linear-bar {
  display: -webkit-box !important;
  max-width: 90% !important;
  width: 90% !important
}

.decrease_font .h2,
.decrease_font h2,
.increase_font .h5,
.increase_font .volunteers h6.txt_v4,
.increase_font h5,
main.vdv-main .text-theme-vdv.h4 {
  font-size: 1.5rem !important
}

main.vdv-main .breadcrumb-item,
main.vdv-main .breadcrumb-item a {
  font-size: .8rem !important
}

main.vdv-main .form-control {
  height: calc(1.2em + 18px + 2px) !important;
  padding: .275rem .75rem !important
}

main.vdv-main .disclosing-info span p:first-child {
  padding: 0;
  font-size: 16px !important;
}

main.vdv-main .disclosing-info span p {
  font-size: 14px !important;
  margin-bottom: 3px;
  padding: 3px 18px 0
}

.toast-top-center,
main.vdv-main .toast-top-center {
  left: 40% !important;
  width: auto !important;
  right: auto !important
}

.arvo-regular {
  font-weight: 400
}

.arvo-bold {
  font-weight: 700
}

.arvo-bold-italic,
.arvo-regular-italic {
  font-family: Arvo, serif;
  font-style: italic
}

.arvo-regular-italic {
  font-weight: 400
}

.arvo-bold-italic {
  font-weight: 700
}

main.minheightpage {
  min-height: calc(100vh - 150px)
}

.vdv-main .container-fluid {}

.vdv-main.bgOne section {
  float: none
}

.myLegend {
  top: -8px;
  left: 40px;
  background: #fff;
  padding: 0 5px
}

.myLegend2 {
  left: 22px;
  background: #fff;
  top: -6px
}

.pmscls .igx-grid__hierarchical-indent {
  padding: 1rem !important;
  background: #fff7ed;
  width: 100%;
  margin: 0 !important
}

.cst-cars .owl-next,
.cst-cars .owl-prev {
  top: 24%;
  font-size: 19px !important;
  width: 42px !important;
  background: 0 0;
  position: absolute
}

.cst-cars .owl-next {
  right: -20px
}

.cst-cars .owl-prev {
  left: -20px
}

.blrshade p,
.decrease_font .accordion-button {
  font-size: .9rem
}

.desanctionRed {
  filter: hue-rotate(154deg) !important
}

.completeGreen {
  filter: hue-rotate(240deg) !important
}

.ongoingOrange {
  filter: hue-rotate(187deg) !important
}

.delayedMagenta {
  filter: hue-rotate(460deg) !important
}

.preclosedVoilate {
  filter: hue-rotate(425deg) !important
}

.num1 .col-lg-6,
.num3 .col-lg-6 {
  width: 100% !important;
  text-align: center !important;
  margin-top: -230px !important
}

.leaflet-popup-content label {
  width: 100%;
  display: flex;
  padding: 2px
}

.leaflet-popup {
  width: 600px
}

span.evn1 {
  min-width: 45%;
  float: left
}

span.odn1 {
  min-width: 55%
}

.igx-grid__thead-wrapper,
.ngo-grid .igx-grid__tfoot {
  background: #e4e4e4 !important;
  color: #565656 !important;
  font-weight: 400 !important;
  border: 1px solid #eee
}

.bannerHeading {
  font-size: 2.8rem;
  color: #dac015;
  width: 300px;
  z-index: 9999
}

.bannerdes {
  font-weight: 600;
  color: #fff;
  font-size: 1.4rem;
  z-index: 9999
}

.newbanerImg li::after {
  background-color: rgba(45, 45, 46, .452);
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%
}

.wrappern {
  overflow-x: hidden
}

@media (max-width:424px) {
  .wrappern .my-slider {
    padding: 0 !important
  }

  .wrappern {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .slick-dotted.slick-slider {
    margin-left: 23px !important
  }

  .wrappern .slick-prev {
    left: -2px !important
  }

  .wrappern .slick-next {
    right: 2px !important
  }
}

.wrappern .my-slider {
  padding: 0 70px
}

.wrappern .slick-initialized .slick-slide {
  background-color: #37383a;
  color: #fff;
  height: 450px;
  margin: 20px 15px 0 0;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center
}

.slick-prev,
.wrappern .slick-next {
  z-index: 5
}

.wrappern .slick-next {
  right: 15px
}

.wrappern .slick-prev {
  left: 15px
}

.wrappern .slick-next:before,
.wrappern .slick-prev:before {
  color: #000;
  font-size: 26px
}

.wrappern .slick-initialized .slick-slide .hyt100 {
  height: 100%;
  position: relative;
  cursor: pointer
}

.wrappern .slick-initialized .slick-slide .hyt100 .blrshade {
  position: absolute;
  inset-block-end: -2px;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
  align-items: flex-start;
  inline-size: 100%;
  padding: 8px 15px;
  height: 230px;
  inline-size: 100%;
  border-radius: 0 0 15px 15px;
  border-block-start: 1px solid rgb(0 0 0 / 70%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #00000085;
  margin-top: 18px;
  transition: 1ms ease-in-out
}

.blrshade p {
  display: -webkit-box;
  -webkit-line-clamp: 6
}

.blrshade h5 {
  font-size: 1.1rem
}

.wrappern .slick-initialized .slick-slide .hyt100:hover .playbtn {
  overflow: visible;
  position: absolute;
  bottom: 25px;
  background: #fff;
  left: 40%;
  padding: 6px 20px;
  border-radius: 15px;
  font-weight: 600;
  transition: cubic-bezier(.165, .84, .44, 1)
}

.wrappern .slick-initialized .slick-slide .hyt100:hover .blrshade {
  display: none;
  overflow: hidden;
  transition: cubic-bezier(.215, .61, .355, 1)
}

.wrappern .slick-initialized .slick-slide img {
  object-fit: cover;
  height: 450px !important;
  border-radius: 20px
}

.other-page-header .themeHederNew {
  background: #3b6588
}

body.megh-one {
  font-family: Montserrat, sans-serif
}

.homefixed .themeHederNew {
  position: fixed
}

#sec_carousel .owl-nav {
  position: absolute !important;
  top: -140px !important
}

#sec_carousel .owl-nav button.owl-next,
#sec_carousel .owl-nav button.owl-prev {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 25px;
  height: 30px;
  border-radius: 0;
  font-weight: 700
}

@media (min-width:1400px) {
  .MeghlayaOnePortal .container {
    max-width: 1460px
  }
}

.pdflf {
  padding-left: 42px !important;
  padding-top: 1px !important;
  height: 36px !important
}

.srch {
  position: absolute;
  left: 5px;
  background: #e39c28;
  padding: 8px;
  border-radius: 50%;
  color: #fff;
  top: 6px
}

.homefixed .themeHederNewbg {
  background: 0 0 !important;
  position: fixed !important;
  z-index: 99;
  width: 100%
}

.wrappern .owl-item {
  height: 390px !important
}

.wrappern .hyt100 {
  height: 390px
}

.wrappern .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%)
}

.wrappern .owl-nav .owl-prev,
.wrappern .wrappern.owl-nav .owl-next {
  background-color: rgba(0, 0, 0, .1);
  border-radius: 50%;
  padding: 10px;
  font-size: 24px
}

.wrappern .owl-theme .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 0;
  background: #275973;
  display: inline-block;
  cursor: pointer;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center
}

.wrappern .owl-nav .owl-prev {
  left: 10px
}

.wrappern .owl-nav .owl-prev i,
.wrappern .wrappern.owl-nav .owl-next i {
  font-size: 20px
}

.megh-one .fixed-top .nav-item {
  border-top: none;
  padding-top: 0
}

.decrease_font .bannerHeadings {
  font-size: 2.2rem !important
}

.decrease_font .countservice {
  font-size: .82rem
}

.decrease_font .h6,
.decrease_font h6 {
  font-size: .9rem !important
}

.decrease_font .h4,
.decrease_font h4 {
  font-size: 1.4rem !important
}

.decrease_font .txt_v1 {
  font-size: 2rem !important
}

.decrease_font .txt_v2 {
  font-size: 3rem !important
}

.decrease_font .service-box li,
.increase_font .h6,
.increase_font h6 {
  font-size: 1.1rem !important
}

.decrease_font .serviseBox h4 {
  font-size: 1.4rem
}

.decrease_font .scheme-detail-data .brklimit1 {
  font-size: 1.1rem
}

.increase_font .h4,
.increase_font h4 {
  font-size: 1.6rem !important
}

.increase_font .btn,
.increase_font a,
.increase_font p,
.increase_font span,
.increase_font .breadcrumb-item {
  font-size: 16.8px !important
}

.increase_font .h2,
.increase_font h2 {
  font-size: 2.5rem !important
}

.increase_font .txt_v1 {
  font-size: 3.5rem !important
}

.increase_font .txt_v2 {
  font-size: 5rem !important
}

.increase_font .blrshade h5 {
  font-size: 1.25rem
}

.increase_font .filters button {
  max-width: 190px !important
}

.increase_font .scheme-detail-data .brklimit1,
.increase_font .service-box li {
  font-size: 1.3rem
}

.increase_font .serviseBox h6 {
  font-size: 18px
}

.increase_font .serviseBox h4 {
  font-size: 1.7rem
}

.increase_font .bannerHeadings {
  font-size: 2.6rem !important
}

.increase_font .accordion-button {
  font-size: 1.2rem
}

.servieslistdata .tab-content h6 {
  font-size: 16px
}

@media screen and (min-width:768px) {

  .main.vdv-main.bgOne,
  main.minheightpage,
  main.mydashbaord {
    margin-top: 73px !important
  }

  .homefixed .fixed-top.digi-middle-megh-header {
    z-index: 990 !important
  }
}

@media screen and (max-width:767px) {

  .main.vdv-main.bgOne,
  main.minheightpage,
  main.mydashbaord {
    margin-top: 50px !important
  }
}

.a-tabs,
.disabledclass {
  pointer-events: none
}

#tab-button,
#tab-button1 {
  display: table;
  table-layout: fixed;
  margin: 0;
  list-style: none
}

#tab-button li,
#tab-button1 li {
  display: table-cell
}

#tab-button li a,
.nav-tabs li>a {
  color: var(--themecolor1)
}

#tab-button li a,
#tab-button1 li a,
.btn-link:hover,
.headaccord>h5>.btn-link,
.nav-tabs li>a,
.tabsty,
.text-link:hover {
  text-decoration: none
}

.ag-theme-alpine .ag-header-cell-text,
.igx-grid__td span {
  white-space: normal
}

:root {
  --themecolor: #64748b;
  --themecolor1: #0000009e;
  --black: #000000;
  --themecolor2: #4e4a4a;
  --submenucolor: #FBF5F3;
  --visitedcolor: #64748b85;
  --defaultbackformenu: #64748b;
  --activeborder: #64748b85;
  --thumbhoverscroll: rgb(100, 100, 100);
  --thumbscrollbar: #888;
  --trackscrollbar: #64748b35;
  --activecolor: #64748b85 !important;
  --dt-color-primary: #fefefe
}

.btnflip,
.dropdown-toggle::after,
.fliph .btnnoflip,
.fliph .user-panel div.info,
.header li>a:after,
.homefixed .img_logo,
.nodisplay,
.sidebar ul .cstmmaster,
.switchbtn input {
  display: none
}

.btnnoflip,
.fliph .btnflip,
.inlineeditor .e-rte-content {
  display: inline
}

.fnt15 {
  font-size: 15px
}

.cstmmultiselect span .btn-group div,
.mat-form-field,
.nocstmmultiselect span .btn-group,
.p-autocomplete,
app-radx-process {
  width: 100%
}

.backbtnmain {
  position: absolute;
  right: 0;
  top: -5px
}

.filtericon,
.posclose {
  position: relative
}

.asterisk {
  color: red;
  font-size: 14px
}

.cstmclose {
  border-radius: 50% !important;
  padding: 1px 4px;
  margin-top: 6px;
  font-size: 11px !important;
  line-height: 15px
}

.fnt85 {
  font-size: .85rem
}

.btn-group-sm>.btn,
.btn-sm,
.card-header,
.container a,
.container p,
.container-fluid .row div ul li a,
.cstmfnt,
.cstmtablegrid tr td,
.cstmtablegrid tr th,
.dropdown-item,
.font8,
.form-control,
.igx-grid__tbody-message,
.multiselect-item-checkbox input[type=checkbox]+div,
.ng-dropdown-panel.ng-select-bottom,
.ng-dropdown-panel.ng-select-top,
.posclose,
.valueback {
  font-size: 12px
}

.posclose {
  top: 0;
  right: -3px;
  padding: 0 4px;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  color: #020202
}

.counter,
.header li>a>.label {
  text-align: center;
  font-size: 9px;
  padding: 2px 3px;
  line-height: .9
}

.hyt24 {
  height: 24px
}

.counter {
  position: absolute;
  top: -3px;
  right: -7px;
  background-color: #333;
  border-radius: .25em
}

.badge .close {
  margin-left: .25rem;
  color: inherit;
  font-size: 100%;
  text-shadow: 0 1px 0 rgba(0, 0, 0, .5)
}

.badge.badge-outlined,
.editorlist .NgxEditor__MenuBar {
  background-color: transparent
}

.badge.badge-outlined.badge-success {
  border: 1px solid;
  color: #28a745
}

.fnt100 {
  font-size: 95%;
  font-weight: 400
}

.cstmpostn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99
}

.form-check {
  float: left
}

.page-item.active .page-link {
  z-index: 1;
  color: #fff;
  background-color: #575757;
  border-color: #575757
}

#tab-button .is-active a,
#tab-button li a:hover,
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: #dadfe8;
  color: var(--themecolor);
  font-weight: 700
}

#sidebar-wrapper .sidebar-heading {
  padding: .875rem 1.25rem;
  font-size: 1.2rem
}

#sidebar-wrapper .list-group {
  width: 25rem;
  overflow: auto
}

#tab-button,
.nocstmmultiselect span span div div button span,
.nopadding,
.p-tree .p-tree-container .p-treenode,
.widget-main.no-padding {
  padding: 0
}

.cstmdop,
.p-tree .p-tree-container .p-treenode .p-treenode-content,
.repeatcontainer .col-lg-7,
.repeatcontainer .col-lg-8 {
  padding: 0 !important
}

.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
  width: 1rem !important;
  height: 1rem !important
}

.p-tree .p-treenode-droppoint {
  list-style-type: none
}

.p-component {
  font-size: 12px !important;
  font-family: Lato, "Helvetica Neue", sans-serif !important
}

#page-content-wrapper {
  min-width: 100vw
}

#wrapper.toggled #sidebar-wrapper,
.form-check-input {
  margin-left: 0
}

.tab-contents .bottom-button-group {
  text-align: center;
  margin-top: 25px
}

@media (min-width:768px) {
  #sidebar-wrapper {
    margin-left: 0;
    min-height: 94vh;
    background: #475569
  }

  footer.page-footer.font-small.bg-light {
    position: relative;
    bottom: 0
  }

  .mrgtop73 {
    margin-top: 73px;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%
  }
}

#tab-button1 {
  width: 100%;
  padding: 0
}

#tab-button1 li {
  width: 20%
}

.gwt-PushButton-up {
  border: 1px outset #c3c3c3;
  cursor: pointer;
  cursor: hand;
  padding-top: 4px;
  line-height: 1.1em;
  height: 27px;
  width: 35px;
  margin-top: 2px;
  box-shadow: 0 0 2px #e7e7e7
}

.p-tree {
  min-height: 79vh;
  padding-top: 5px !important;
  padding-bottom: 5px !important
}

#tab-button li a {
  display: block;
  padding: 5px 20px !important;
  font-size: 13px !important;
  border: 1px solid #ddd;
  text-align: center;
  background: rgba(0, 0, 0, .03);
  margin-right: 5px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  font-weight: 700
}

#tab-button li:not(:first-child) a,
#tab-button1 li:not(:first-child) a {
  border-left: none
}

#tab-button .is-active a,
#tab-button li a:hover {
  border-bottom-color: transparent;
  padding: 5px 20px
}

#tab-button1 li a {
  display: block;
  padding: .5em;
  background: #eee;
  border: 1px solid #ddd;
  text-align: center;
  color: var(--themecolor)
}

#tab-button1 .is-active a,
#tab-button1 li a:hover {
  border-bottom-color: transparent;
  background: #fff
}

.tab-contents {
  padding: .5em 2em 1em;
  border: 1px solid #ddd;
  margin-top: 20px
}

@media screen and (min-width:768px) {
  .tab-button-outer {
    position: relative;
    z-index: 1;
    display: block
  }

  .tab-select-outer {
    display: none
  }

  .tab-contents {
    position: relative;
    top: 0;
    margin-top: 0
  }
}

.form-group {
  margin-bottom: .1rem
}

.br-bottom,
.btmbordr {
  border-bottom: 1px solid #e7e7e7
}

.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: 12px;
  line-height: 1.2
}

form.form-group {
  padding-bottom: 2px
}

.form-check-inline .form-check-label,
label {
  margin-bottom: 0;
  font-size: 12px
}

#accordion .card .card-header h5,
.decrease_font .h5,
.decrease_font .volunteers h6.txt_v4,
.decrease_font h5,
.font-cn1 p,
.font-cn1 span p,
body.megh-one .ng-select .ng-select-container .ng-value-container .ng-placeholder,
main.vdv-main .cardbodystyle div hdsbpm-request-form>form .sectn1 div label.col-lg-4.col-sm-12,
main.vdv-main .closeBtn1,
main.vdv-main .cstmhead label,
main.vdv-main .fnt13,
main.vdv-main .font9,
main.vdv-main .form-control,
main.vdv-main .form-select,
main.vdv-main .h6,
main.vdv-main .ng-select div,
main.vdv-main .ng-select input,
main.vdv-main .ng-select span,
main.vdv-main .ngx-datatable.material .empty-row,
main.vdv-main h6,
main.vdv-main label.form-label,
main.vdv-main .multiselect-dropdown,
main.vdv-main .multiselect-item-checkbox input[type=checkbox]+div {
  font-size: 0.9rem !important
}

.container-fluid .row div .tabs .tab-contents {
  padding: .5em .9em 1em
}

form div div .form-control {
  height: calc(1.2em + .75rem + 2px);
  padding: .1rem .55rem;
  font-size: 12px !important;
  font-weight: 400;
  line-height: 1.2
}

.nav-link {
  display: block;
  padding: .2rem 1rem;
  color: var(--themecolor)
}

.warningred {
  color: red
}

.nav-tabs li>a {
  display: block;
  padding: 5px 20px;
  font-size: 13px;
  border-right: 1px solid #ddd;
  text-align: center;
  background: 0 0;
  margin: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  font-weight: 400
}

.headaccord {
  background: rgba(0, 0, 0, .03);
  color: #000;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px
}

#sec_carousel .owl-nav button:hover,
.btnlinkname,
.headaccord>h5>.btn-link,
.sub-menu li a {
  color: #000
}

.alert-dark-blue {
  background: #5d8eb3;
  color: #fff
}

.backbtn {
  position: absolute;
  bottom: 82px;
  background: #1573d1;
  right: 0;
  color: #e2d8d8;
  padding: 0 5px;
  box-shadow: 0 0 5px silver
}

.backbtn :hover {
  cursor: pointer;
  color: #fff
}

.lgouttxt {
  background: #0056b3;
  color: #fff;
  padding: 1px 4px;
  font-weight: 700
}

.lgouttxt:hover {
  color: #fff !important
}

.card-container.card {
  max-width: 350px;
  padding: 35px 25px 25px
}

.bckgry {
  background-color: #f5f5f5
}

.greybacklogin,
.labelhover:hover {
  background: #ddd
}

.angular-editor,
.cstmtablenew tr td,
.greyback,
.labelclass>div {
  background: #fff
}

.card {
  background-color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-box-shadow: 0 1px 2px rgb(0 0 0 / 17%);
  -webkit-box-shadow: 0 1px 2px rgb(0 0 0 / 17%);
  box-shadow: 0 1px 2px rgb(0 0 0 / 17%)
}

.logincontainer {
  margin: 50px auto 25px;
  padding: 20px 25px 30px
}

.minhyt80 {
  min-height: 95vh
}

.minhyt60 {
  min-height: 60vh
}

.profile-img-card {
  width: 280px;
  height: auto;
  margin: 0 auto 15px;
  display: block
}

.profile-name-card {
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  margin: 10px 0 0;
  min-height: 1em
}

.reauth-email {
  display: block;
  color: #404040;
  line-height: 2;
  margin-bottom: 10px;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.form-signin .cstminput {
  direction: ltr;
  height: 40px;
  font-size: 12px;
  margin-bottom: 15px
}

.form-signin button,
.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text] {
  width: 100%;
  display: block;
  margin-bottom: 15px;
  z-index: 1;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.form-signin .cstminput:focus {
  border-color: rgb(156 156 156);
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(99 99 99 / 73%);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgb(99 99 99 / 73%)
}

.cstmlabel {
  color: #757575;
  font-weight: 600
}

.btn.btn-signin {
  background-color: #6891a2;
  padding: 0;
  font-weight: 700;
  font-size: 14px;
  height: 36px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: none;
  -o-transition: 218ms;
  -moz-transition: 218ms;
  -webkit-transition: 218ms;
  transition: 218ms
}

.sidebar,
.sidebar li a .nav-label,
.sidebar li a .nav-label+span,
.sidebar li a.active,
.sidebar ul li .sub-menu li a:hover,
.sidebar.fliph {
  transition: .5s ease-in-out
}

.btn.btn-signin:active,
.btn.btn-signin:focus,
.btn.btn-signin:hover {
  background-color: #0c6121
}

.forgot-password {
  color: #6891a2;
  padding-top: 10px
}

.forgot-password:active,
.forgot-password:focus,
.forgot-password:hover {
  color: #0c6121
}

@media screen and (max-width:991px) {

  .mmb-1,
  .mmtp-5 {
    margin-bottom: .5rem !important
  }

  a.whitespc span {
    white-space: break-spaces
  }

  .widu300 {
    width: 300px
  }

  .ptop2 {
    padding-top: .5rem
  }

  #leftmenunew label.col-lg-4.col-md-12.col-sm-12.font8.text-right,
  .font8.text-right {
    text-align: left !important
  }

  .pll-0 {
    padding-left: 0 !important
  }

  .erroredit,
  .successedit,
  .successedit2,
  .successedit3 {
    font-size: 13px;
    text-align: center;
    padding: 5px;
    z-index: 9;
    border-radius: 6px;
    left: 0
  }

  #leftmenunew .sectn1 .col-sm-12.row {
    margin-left: 0;
    margin-right: 0;
    padding: 0
  }

  #wizard1 section {
    background: 0 0
  }

  .minwid30 {
    width: 30% !important
  }

  .minwid40 {
    width: 40% !important
  }

  .mobileres,
  .nonedis {
    display: none
  }

  .mmt5.mtt-0 {
    margin-top: 0 !important
  }

  .mmtp-5 {
    margin-top: .5rem !important
  }

  .editorlist .NgxEditor__MenuItem.NgxEditor__MenuItem--Icon {
    height: 1rem;
    width: 1rem
  }

  .user-panel>.info {
    padding: 0 5px 5px 15px !important
  }

  .cstmactivity {
    position: absolute;
    right: 145px
  }

  .mrr-2 {
    margin-right: .5rem !important
  }

  .showinweb {
    display: none !important
  }

  .widdth100 {
    flex: 0 0 100% !important;
    max-width: 100% !important
  }

  .erroredit {
    position: absolute;
    width: 100%;
    background: #ffd8d5
  }

  .successedit,
  .successedit2,
  .successedit3 {
    background: #c1ffc1;
    width: 100%
  }

  .maargin45 {
    margin-top: -45px
  }

  .successedit,
  .successedit2 {
    position: absolute;
    top: 60px
  }

  .mttop-2 {
    margin-top: .5rem
  }

  .mttop-1 {
    margin-top: .25rem
  }

  .form-check-label.cml-0 {
    margin-left: 0
  }

  .card-container.card {
    max-width: 350px;
    padding: 35px 25px 25px
  }

  app-footer footer.page-footer.font-small {
    margin-top: 10px;
    background: #f7f7f7;
    position: relative;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%
  }

  .bottom-button-group {
    width: 95% !important
  }
}

.footer-ul a,
.header-ul {
  background-color: #fff;
  padding: 7px 10px;
  color: #333
}

.header .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
  border-radius: 0
}

.header .user-image {
  float: right;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-left: 10px;
  margin-top: -2px;
  background: #fff
}

.font7 {
  font-size: .7rem
}

.header .navbar-light .navbar-nav .nav-link.cstmlink {
  color: #fff;
  padding: 5px 20px;
  position: relative;
  display: flex;
  align-items: center;
  border-left: 1px solid #ddd;
  line-height: 16px
}

.header .navbar-light .navbar-nav .nav-link:focus,
.header .navbar-light .navbar-nav .nav-link:hover {
  background: rgba(0, 0, 0, .1);
  color: #f6f6f6
}

.header .fa.fa-fw.fa-bars,
.user-panel>.info,
.user-panel>.info>a,
.widget-box[class*=widget-color-]>.widget-header {
  color: #fff
}

.header .navbar-light .navbar-nav .nav-link {
  color: #fff;
  padding: 10px 20px;
  position: relative
}

.header li>a>.label {
  position: absolute;
  top: 9px;
  right: 7px;
  background-color: #333;
  border-radius: .25em
}

.header-ul {
  border-radius: 4px 4px 0 0;
  border-bottom: 1px solid #f4f4f4;
  font-size: 14px
}

.sidebar,
input:checked+.sliderbtn {
  background-color: var(--themecolor)
}

.navbar-nav>.messages-menu>.dropdown-menu,
.navbar-nav>.notifications-menu>.dropdown-menu,
.navbar-nav>.tasks-menu>.dropdown-menu {
  width: 280px;
  padding: 0;
  margin: 0;
  top: 100%
}

.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>div>img {
  margin: auto 10px auto auto;
  width: 35px;
  height: 35px
}

.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a,
.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a {
  margin: 0;
  padding: 10px;
  display: block;
  white-space: nowrap;
  border-bottom: 1px solid #f4f4f4
}

.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #333;
  font-size: 12px;
  position: relative
}

.navbar-nav>.messages-menu>.dropdown-menu li .menu>li>a>p {
  margin: 0 0 0 45px;
  font-size: .7rem;
  color: #888
}

.footer-ul a {
  border-radius: 0 0 4px 4px;
  font-size: 12px;
  border-bottom: 1px solid #eee;
  display: block
}

.dropdown-menu-over .menu {
  max-height: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden
}

.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a {
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
  font-size: 12px
}

.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.fa,
.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.glyphicon,
.navbar-nav>.notifications-menu>.dropdown-menu li .menu>li>a>.ion {
  width: 20px
}

a.navbar-brand {
  width: 165px
}

#editcontent,
#example-content,
#viewcontent {
  margin-top: 5%
}

#viewcontent .sectn1 {
  padding: 0;
  margin-bottom: 0
}

.sidebar {
  width: 230px;
  height: 100vh;
  position: relative;
  top: 0;
  z-index: 99
}

.bg-defoult {
  background-color: var(--defaultbackformenu)
}

.fliph .user-panel,
.user-panel,
.user-panel1 {
  background: var(--themecolor)
}

.sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.sidebar li a,
.sidebar li a.collapsed.active {
  font-size: .7rem;
  display: block;
  padding: 11px 12px;
  color: #fff;
  border-left: 0 solid #dedede;
  text-decoration: none
}

.sidebar li a.active {
  background-color: var(--activecolor);
  border-left: 5px solid #dedede
}

.sidebar li a:hover {
  background-color: #64748b !important
}

.sidebar li a i {
  padding-right: 5px
}

.sidebar ul li .sub-menu li a {
  position: relative;
  color: #333;
  display: inline-flex;
  width: 100%
}

.sidebar ul li.active a {
  background: var(--visitedcolor)
}

.fliph li a,
.fliph li a.collapsed.active {
  color: #fff !important;
  padding: 15px 12px
}

.sidebar ul li .sub-menu li a:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 0;
  padding-right: 10px;
  margin-top: 0;
  vertical-align: middle
}

.minhyt100 {
  min-height: calc(95vh - 100px)
}

.sidebar ul li .sub-menu li a:hover:after {
  content: "";
  position: absolute;
  left: -5px;
  top: 0;
  width: 5px;
  background-color: #111;
  height: 100%
}

.sidebar ul li .sub-menu li a:hover {
  background-color: #222;
  padding-left: 20px
}

.sub-menu {
  border-left: 5px solid var(--activeborder)
}

.sidebar.fliph li a .nav-label,
.sidebar.fliph li a .nav-label+span {
  display: none;
  transition: .5s ease-in-out
}

.sidebar.fliph {
  width: 45px;
  height: 100vh
}

.sidebar.fliph .sub-menu {
  position: absolute;
  left: 45px;
  background-color: #475569;
  width: 210px;
  z-index: 100;
  top: 0;
  height: 100vh;
  max-height: 95vh
}

.user-panel1 {
  clear: left;
  display: block;
  float: left;
  margin-bottom: 0;
  padding: 5px;
  border-bottom: 1px solid
}

.user-panel1>.image>img {
  width: 100%;
  max-width: 34px;
  height: auto
}

.user-panel1>.info,
.user-panel2>.info {
  padding: 5px 5px 0 0;
  line-height: 1;
  position: absolute;
  left: 50px
}

.user-panel2 {
  float: left;
  padding: 0 10px
}

.text-meghalaya {
  padding: 5px 10px;
  font-weight: 600;
  color: #fff;
  MARGIN: 0
}

.user-panel2>.image>img {
  width: 175px;
  height: auto
}

.width30p {
  width: 29px !important;
  margin-top: 2px
}

.minhyt88 {
  min-height: 88vh
}

.wrapper1 {
  margin-left: 75px
}

.user-panel>.image>img {
  width: 100%;
  max-width: 21px;
  height: auto
}

.user-panel>.info>p {
  font-weight: 600;
  margin-bottom: 9px
}

.user-panel {
  cursor: pointer;
  clear: left;
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding: 8px 15px;
  border-bottom: 2px solid
}

.user-panel>.info {
  padding: 4px 5px 5px 15px;
  line-height: 1;
  position: absolute;
  left: 40px;
  font-weight: 600
}

.fliph .user-panel {
  padding: 10px 6px
}

.cstmshadow {
  border: 1px solid #ddd;
  box-shadow: 0 0 3px #0000004d;
  margin-bottom: 3px
}

.card {
  border-radius: 5px
}

.font300 {
  font-weight: 300 !important
}

@media (min-width:992px) {
  .grid7 .igx-paginator {
    height: 2.5rem;
  }

  .cstmmultiselectnew1 span .btn-group button,
  .text-md-start,
  .text-start {
    text-align: left
  }

  .text-end,
  .text-md-end {
    text-align: right
  }

  .navbar-toggleable-md,
  .navbar-toggleable-md .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
  }

  .submitbtnfile {
    position: absolute;
    right: 0;
    top: -40px
  }

  .desktnone,
  .headshow,
  .mobdis,
  .navbar-toggleable-md .navbar-toggler {
    display: none
  }

  .cstmflxnew,
  .d-flexnew {
    display: flex
  }

  app-textarea .col-lg-8.col-md-12.col-sm-12 {
    padding-left: .2rem !important
  }

  .bredcrumb app-breadcrumb nav ol {
    background: 0 0 !important;
    text-align: center !important;
    align-items: center;
    justify-content: center !important
  }

  .bredcrumb app-breadcrumb nav ol li {
    background: #f5f5f5 !important;
    padding: 2px 5px !important;
    text-align: center !important
  }

  .NgxEditor:focus,
  .NgxEditor:visited,
  .NgxEditor__Content:focus,
  .NgxEditor__Content:visited {
    min-height: 400px
  }

  .ngxcstm ngx-editor .NgxEditor {
    min-height: 400px !important;
    cursor: text
  }

  .minhy30 {
    max-height: 80vh;
    overflow: auto;
    min-height: 230px
  }

  .container-fluid {
    padding-bottom: 10px;
    min-height: calc(100vh - 109px)
  }

  .pll-0,
  .pll-0-n {
    padding-left: 0 !important
  }

  #rightmenunew {
    background: #d8fecb;
    padding: 0
  }

  .prr-1-new {
    padding-right: .25rem !important
  }

  .linehyt {
    line-height: 1 !important
  }

  .cstmcbtn {
    position: absolute;
    top: 0;
    margin: auto;
    right: 75%
  }

  .erroredit,
  .erroredit1,
  .successedit,
  .successedit1 {
    top: 5px;
    position: absolute;
    text-align: center;
    left: 0;
    font-weight: 700
  }

  .width40n {
    width: 40% !important
  }

  .editorlist .NgxEditor__MenuItem.NgxEditor__MenuItem--Icon {
    height: 1.2rem;
    width: 1.2rem
  }

  .nocstmmultiselect.nowcstm div .multiselect-dropdown .dropdown-list {
    max-width: 375px !important;
    position: fixed;
    top: 45%;
    bottom: auto
  }

  .cstmflxnew {
    align-items: center
  }

  .wid15 {
    width: 20% !important
  }

  .NgxEditor {
    min-height: 250px
  }

  .NgxEditor__MenuItem.NgxEditor__MenuItem--Icon {
    height: 1.2rem !important;
    transition: .3s ease-in-out;
    width: 1.2rem !important
  }

  .cstmmultiselectnew1 span span div div button span,
  .nodpadding {
    padding: 0
  }

  .cstmmultiselectnew1 span .btn-group {
    width: 40%
  }

  .cstmactivity {
    position: absolute;
    right: 165px
  }

  .text-center3 {
    text-align: center
  }

  .erroredit,
  .successedit {
    width: 100%;
    z-index: 99
  }

  .erroredit1,
  .successedit1 {
    width: 100%
  }

  .erroredit2,
  .successedit2 {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    font-weight: 700;
    top: 38px;
    z-index: 99
  }

  .erroredit3,
  .successedit3 {
    width: 100%;
    text-align: center;
    left: 0;
    font-weight: 700;
    z-index: 99
  }

  .navbar-toggleable-md .navbar-nav {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
  }

  .navbar-toggleable-md {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
  }

  .navbar-toggleable-md .navbar-collapse {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%
  }

  .navbar-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
  }

  .dropdown,
  .dropup {
    position: relative
  }

  .flex-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
  }
}

.clsicn,
.wrappern .owl-nav .owl-next {
  right: 10px
}

.ag-header-cell-text,
.blrshade p {
  -webkit-box-orient: vertical;
  text-overflow: ellipsis
}

.progress-devider,
.textleft li a {
  text-align: left !important
}

.cstmpage,
.font600,
.headback label {
  font-weight: 600
}

.otherlinkicon ul li {
  margin-bottom: 5px
}

.iconstyle {
  width: 15px;
  margin-right: 5px
}

.page-header-toolbar {
  display: flex;
  align-items: center;
  width: 100%
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}

.filter-wrapper {
  display: flex;
  margin-left: 15px
}

.sort-wrapper {
  display: flex;
  width: 50%;
  justify-content: flex-end
}

.advanced-link {
  display: flex;
  align-items: center;
  margin-left: 30px;
  margin-right: 20px;
  white-space: nowrap
}

.displaynone,
.nodisplay1,
.num1 .min450,
.num3 .min450,
a.next.icons.next-icon,
a.prev.icons.prev-icon {
  display: none !important
}

.ag-body-viewport,
.ag-body-viewport-wrapper,
.ag-cell,
.ag-root,
actions-button-cell {
  overflow: visible !important
}

.ag-theme-alpine .ag-row-focus {
  background-color: #fef9cf !important
}

.ag-row {
  z-index: 0 !important
}

.ag-row.ag-row-focus {
  z-index: 1 !important
}

.ag-row.ag-row-no-focus.ag-row-level-0.ag-row-position-absolute {
  z-index: 0
}

.cstmpage {
  position: relative;
  top: 0;
  left: 15px;
  font-size: 12px;
  color: #6b6b6b;
  padding-top: 10px
}

.cstposabs {
  position: absolute;
  bottom: 12px;
  top: auto
}

.cstmselect {
  background: #fff;
  border: 1px solid #ddd;
  padding: 3px 0;
  border-radius: 5px;
  margin-left: 5px
}

.cstmbtngreen {
  background: green;
  color: #fff !important;
  border-radius: 5px
}

.sidebar.fliph .sub-menu .cstmmaster {
  color: #fff;
  padding: 25px 25px 0;
  margin-top: 20px;
  display: block
}

.cstmtogglebutton {
  padding: 3px 7px;
  margin: 4px;
  font-size: 18px
}

.fliph ul li .sub-menu li a,
.fliph ul li .sub-menu li a.collapsed.active {
  padding: 10px 15px
}

.fliph ul li .sub-menu li a.collapsed.active,
.fliph ul li .sub-menu li a:hover {
  background: #64748b !important
}

.sidebar li a span.fa.fa-chevron-left,
.sidebar li a.collapsed.active span.fa.fa-chevron-left {
  margin-top: 4px
}

@media screen and (max-width:1260px) {
  .headaccord {
    position: relative;
    display: flex;
    padding-bottom: 5px
  }
}

@media screen and (max-width:576px) {
  .br-bottom {
    border-bottom: 0
  }
}

@media screen and (max-width :991px) {

  #navbarNavDropdown .mobhide,
  .disnone,
  .headshow1,
  .loginname,
  .webdisplay {
    display: none
  }

  #rightmenunew {
    position: absolute;
    right: 0;
    height: calc(100vh - 100px)
  }

  .mll-4-new {
    margin-left: 1.5rem !important
  }

  .header.app-header.cstmshadow {
    z-index: 9
  }

  .prr-1-new {
    padding-right: 15px
  }

  .pll-0-new {
    padding-left: 0 !important
  }

  .width40n {
    width: 100% !important;
    position: absolute;
    top: 0
  }

  .cstmmultiselectnew1 span span div div button span {
    padding: 0
  }

  .cstmmultiselectnew1 span .btn-group {
    width: 100%
  }

  .cstmmultiselectnew1 span .btn-group button {
    text-align: left
  }

  .tab-button-outer.cstmmobiletab {
    display: block
  }

  .pad0 {
    padding-left: 0
  }

  .mbb-1 {
    margin-bottom: .25rem
  }

  .absl {
    position: fixed;
    top: 7px;
    width: 98%
  }

  #page-content-wrapper {
    min-width: 100%
  }

  .webviewnone .sub-menu li a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
  }

  .border-noneleft a.cstmpadding {
    padding: 10px !important
  }

  .card-body.p-0 p-tree .p-tree.p-component.p-tree-selectable {
    min-height: auto !important
  }

  .user-panel1 {
    float: right
  }

  .mmt5 {
    margin-top: 5px !important
  }

  .pll-1 {
    padding-left: 15px !important
  }
}

.wid75n {
  width: 75%
}

.wid25n {
  width: 25%
}

.ag-theme-alpine {
  font-family: Lato !important;
  font-size: 13px
}

.ag-theme-alpine .ag-row,
.bordrsty .btn.btn-white,
.brdrradius,
.cstmfnttitle,
.cstmmultiselect div .multiselect-dropdown div ul li h5,
.decrease_font .btn,
.decrease_font a,
.decrease_font p,
.decrease_font .breadcrumb-item,
.decrease_font span,
.igx-grid__td,
.igx-grid__th,
.igx-grid__thead-title,
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell,
.nocstmmultiselect div .multiselect-dropdown div ul li h5,
.ui-icon,
a.documentlink {
  font-size: 12px !important
}

.ag-center-cols-container {
  display: block;
  width: 100% !important
}

.fntedit,
.fntedit a {
  color: #828282;
  font-weight: 600
}

.table td,
.table th {
  padding: .35rem .75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6
}

.form-check-label {
  vertical-align: top;
  margin-left: 15px;
  margin-top: 1px
}

button.multiselect.dropdown-toggle.custom-select {
  height: 30px;
  padding: 0 10px
}

.multiselect-selected-text {
  font-size: .7rem;
  color: var(--themecolor)
}

.borderbottom {
  border-bottom: 1px solid #f5f5f5
}

.cardbodystyle div hdsbpm-request-form>form .sectn1 div label.col-lg-4.col-sm-12,
.cstmhead label,
.fnt13,
.font9,
.h6,
.ngx-datatable.material .empty-row,
h6 {
  font-size: 13px
}

.clsicn {
  position: absolute
}

.modifydesign,
.sectn1 {
  margin-bottom: 10px
}

.form-check-inline {
  vertical-align: text-top
}

.modal-demo .ui-modal {
  width: 60.5%
}

.modal-demo .ui-modal,
.modal-demo .ui-modal-overlay {
  z-index: 10
}

.ui-modal-header {
  background-color: #fefefe;
  color: #000 !important;
  border-bottom: 1px solid silver
}

.ui-modal-body {
  max-height: 600px !important
}

.minhyt65vh .dynamic-form form div,
.minhyt65vh .huno-formview form div,
.minhyt66vh {
  max-height: 55vh;
  overflow-x: hidden;
  overflow-y: auto
}

.ag-root-wrapper.ag-layout-normal {
  min-height: 300px
}

.cstmfooter>.ag-root-wrapper.ag-layout-normal,
.minhyt150 {
  min-height: 150px
}

.cstmfooter1>.ag-root-wrapper.ag-layout-normal {
  min-height: 70px
}

.pt-6 {
  padding-top: 4.3rem !important
}

.ag-root-wrapper {
  position: relative !important
}

.modal-body {
  padding-left: 2px;
  padding-right: 2px
}

.fc .fc-button {
  padding: .1em .5em !important
}

.ngx-datatable .datatable-footer {
  overflow: hidden !important;
  padding-left: 10px;
  color: #181d1f !important
}

.cstminblock {
  display: inline-block;
  left: 3px
}

.ngx-datatable .datatable-body .datatable-body-row {
  border-bottom: 1px solid #dde2eb
}

.cstmhyt,
.ngx-datatable.material .datatable-footer .datatable-pager a {
  line-height: 19px !important
}

.ngx-datatable .datatable-footer .datatable-pager .pager li a {
  color: #575757
}

.datatable-header,
.ngx-datatable .datatable-footer {
  display: flex !important;
  align-items: center !important
}

.ngx-datatable.material .datatable-header {
  background-color: #f8f8f8;
  border-top: 1px solid #babfc7;
  border-bottom: 1px solid #babfc7;
  color: #181d1f
}

.ngx-datatable .datatable-footer .datatable-pager {
  flex: 1 1 70% !important;
  text-align: right
}

.minhyt40 .igx-grid-summary--active,
.minhyt40 .igx-grid__group-row--active,
.minhyt40 .igx-grid__td--active,
.minhyt40 .igx-grid__th--active,
.minhyt40 .igx-grid__th--active .igx-grid__th--selectable,
.minhyt40 .igx-grid__th--active .igx-grid__th--selected,
.minhyt40 .igx-grid__tr-container--active,
.ngx-datatable.material,
.noshdw,
.remove-shadow {
  box-shadow: none !important
}

.ngx-datatable.material .datatable-header .datatable-header-cell {
  text-align: left;
  border-right: 1px solid #e7e7e7;
  vertical-align: bottom;
  font-size: 13px !important
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  text-align: left;
  vertical-align: top;
  border-top: 0;
  color: rgba(0, 0, 0, .87);
  transition: width .3s;
  font-weight: 400
}

.datatable-row-even {
  background-color: #fff !important
}

.datatable-row-odd {
  background-color: #fcfcfc !important
}

.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background-color: #eaeaea !important
}

.modal-body .bottom-button-group {
  position: absolute;
  bottom: -32px;
  width: 100%;
  text-align: center;
  align-items: center;
  justify-content: center;
  margin: auto;
  background: #fff;
  padding-top: 5px;
  border-top: 1px solid #ddd
}

.btn-white-dark {
  color: #343a40;
  background-color: #fff;
  border-color: #343a40
}

.btn-white-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40
}

.switchbtn {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 30px
}

input:checked+.sliderbtn.round:before {
  left: -17px
}

.sliderbtn {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a7a7a7;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 50px
}

.sliderbtn:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 6px;
  bottom: 6px;
  background-color: #fff;
  transition: .4s;
  border-radius: 50%
}

input:focus+.sliderbtn {
  box-shadow: 0 0 1px var(--themecolor)
}

input:checked+.sliderbtn:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(55px)
}

.sliderbtn:after {
  content: 'No';
  color: #fff;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 60%;
  font-size: 12px
}

input:checked+.sliderbtn:after {
  content: 'Yes';
  right: -20px
}

.ag-overlay {
  float: left;
  width: 100% !important;
  display: flex;
  flex-direction: column;
  position: relative !important
}

.documentrytcont,
.rytcont {
  float: right;
  margin-right: 5px
}

.modal-body .ag-overlay {
  flex: none;
  position: absolute !important
}

.ag-header-row-column-group>.jstflx {
  float: left;
  width: 100%;
  padding-top: 4em
}

.ag-root-wrapper-body.ag-layout-normal.ag-focus-managed {
  height: 100%
}

.minhyt66vh {
  min-height: 40vh;
  margin-bottom: 20px
}

.minhyt65vh dynamic-formview form,
.minhyt65vh form.dynamic-form,
.minhyt65vh form.huno-formview {
  overflow-y: auto;
  max-height: 55vh;
  overflow-x: hidden;
  margin-bottom: 20px
}

.formview dynamic-form form .bottom-button-group {
  text-align: center;
  width: 100%;
  float: left;
  margin-bottom: 20px
}

.labelclass>label {
  border: 1px solid #dfdfdf;
  background: #fafafa;
  padding: 4px 6px
}

.popcstm .labelclass>label {
  border: none;
  background: 0 0;
  border-top: none;
  padding: 7px 6px;
  border-left: none
}

.minhyt40 form.dynamic-form,
.minhyt40 form.huno-formview {
  padding-bottom: 10px;
  margin-bottom: 5px;
  min-height: 50vh
}

.popcstm .labelclass>div:last-child {
  padding: 4px 8px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: #ddd
}

.popcstm .labelclass>div:last-child label {
  font-weight: 500 !important;
  font-size: 12px !important
}

.alert-white {
  background: #fff;
  border: 1px solid #e7e7e7;
  padding: 12px
}

.headback {
  border: 1px solid #dfdfdf;
  background: #fafafa;
  padding: 3px 3px 3px 10px
}

.valueback {
  background: #fff;
  border-bottom: 1px solid #dfdfdf;
  padding: 3px
}

.widget-header,
table.fc-col-header {
  background: #f7f7f7
}

.cstmfooter .ag-paging-panel {
  height: 26px !important;
  font-size: 12px
}

.container .font16,
.fnt16,
.increase_font .set_pos .card-body h6,
.transectionsection p {
  font-size: 16px !important
}

.btn-light {
  border-color: #d1d4d6;
  font-size: .9em
}

.fc .fc-toolbar-title {
  font-size: 1em !important;
  margin: 0 !important
}

.card-header1,
.headstylefnt,
.modifydesign .sectn1 {
  margin-bottom: 0
}

.fc .fc-toolbar.fc-header-toolbar {
  margin-bottom: 0 !important;
  background: #f7f7f7 !important
}

.widget-header {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: relative;
  min-height: 30px;
  color: #000 !important;
  border-bottom: 1px solid #ddd;
  padding-left: 12px
}

.bordrsty,
.form-control2,
.tabsty,
.tabvertical .rhttablst li a {
  color: var(--themecolor)
}

.documentrytcont {
  color: #369
}

.min-vh-75,
.minhyt75 {
  min-height: 75vh
}

.decrease_font .serviseBox h6,
.headstylefnt {
  font-size: 14px
}

a.documentlink {
  margin-top: 2px;
  float: left;
  margin-right: 5px;
  color: #2e6589;
  font-weight: 700;
  margin-left: 2px
}

.card-header1 {
  padding: .2rem .3rem !important;
  background: #ececec;
  font-size: 13px
}

.cstmsctn-one {
  border-bottom: 1px solid #e7e7e7;
  padding-top: 5px;
  padding-bottom: 5px
}

.tablesecondheader {
  background: #f7f7f7 !important;
  color: #000 !important;
  padding: .2rem 1.2rem !important;
  font-size: 12px;
  border-right: 1px solid #e7e7e7 !important
}

.widget-header>.widget-title {
  line-height: 33px;
  padding: 0;
  margin: 0;
  display: inline;
  font-size: 12px
}

.rytcont {
  color: #fff;
  margin-top: 6px
}

.greensheetlink {
  color: #fff !important;
  font-weight: bolder;
  margin-right: 10px;
  font-size: 12px
}

.notesheet {
  background: #d8fecb;
  float: left;
  width: 100%
}

.widget-color-blue>.widget-header {
  background: #4caf50;
  border-color: #4caf50
}

.btn-outline-dark:hover {
  color: #fff !important;
  cursor: pointer
}

.armada-devider {
  border-right: 1px dashed #fb0000;
  width: 6%;
  padding-top: 20px !important;
  vertical-align: top
}

.headback1,
.labelclass>div,
.valueback1 {
  padding: 4px 6px
}

.progress-devider {
  width: 6%;
  border-left: 1px dashed #fb0000;
  vertical-align: top;
  overflow: hidden;
  font-size: 9px
}

.widget-body .table {
  border-top: 1px solid #e5e5e5;
  font-size: 11px
}

.cstmbtnwarning {
  position: absolute;
  left: -29px;
  top: 60px;
  background: #2174cc;
  background: -webkit-gradient(linear, left top, right top, from(#277fda), to(#0d4b98));
  background: linear-gradient(to right, #277fda, #0d4b98);
  border: 1px solid #2274cc;
  border-radius: 5px 0 0 5px;
  color: #fff
}

.newfilebtn {
  position: fixed;
  z-index: 99;
  right: 0;
  top: 175px;
  box-shadow: 0 0 5px silver;
  background: #2174cc;
  background: -webkit-linear-gradient(to right, #2c3e50, #bdc3c7);
  background: linear-gradient(to right, #277fda, #0d4b98);
  border: 1px solid #2274cc;
  border-radius: 5px 0 0 5px !important
}

.borderd,
.headback1,
.labelclass>div,
.valueback1 {
  border: 1px solid #ddd
}

.smallscreen1 {
  transition-duration: 3s !important
}

.smallscreen2 {
  transition: .1s !important
}

.headback1 {
  background: #f1f1f1
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.2em + 13px + 2px) !important;
  padding: .275rem .75rem !important;
  color: var(--black)
}

.IC-delete :hover,
.btnsrch:focus,
.btnsrch:hover,
.btnsrch:visited,
.input-group-text:hover,
.text-link:hover,
.user-panel2 :hover,
a.page-link {
  cursor: pointer
}

.nav-tabs li>a.active {
  border-bottom: 3px solid #188a26 !important;
  background: 0 0;
  border: none;
  padding: 5px 20px;
  margin: 0;
  color: #2196f3
}

.nav-tabs li>a:hover {
  color: #188a26;
  border-bottom: 3px solid #188a26 !important
}

.cstmlist {
  padding-inline-start: 5px
}

.minht20 {
  max-height: 30vh;
  overflow: auto;
  margin: 0;
  padding: 0
}

.cstmlist>li {
  border-bottom: 1px solid #e7e7e7;
  padding: 2px 0
}

.cstmlist>li>span {
  font-size: .7rem;
  padding: 5px 8px
}

.cstmlist>li:hover {
  background: #2196f3;
  color: #fff
}

.cstmlist>li:focus {
  background: #178dee;
  color: #fff
}

.backgrey {
  background-color: #f7f7f7
}

.form-control1 {
  display: block;
  width: 100%;
  min-height: calc(1.4em + 13px + 2px);
  padding: .275rem .75rem;
  color: var(--themecolor);
  background-color: #fbfbfb;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.p-inputtext {
  width: 100%;
  padding: .3rem .5rem !important
}

.cstmhead {
  background: rgba(0, 0, 0, .03);
  color: #000;
  padding: 5px
}

@media screen and (max-width:991px) {

  .sidebar .list-sidebar,
  .sidebar.left .user-panel {
    position: fixed;
    width: 220px
  }

  .minhyt80 {
    min-height: 92vh
  }

  .prr-1 {
    padding-right: 0 !important
  }

  .modal-demo .ui-modal {
    width: 90%
  }

  .labelclass {
    padding-left: 15px;
    padding-right: 15px
  }

  .form-check-input {
    position: relative
  }

  .pll-1 {
    padding-left: 0 !important
  }

  .webclose {
    position: absolute;
    right: 15px;
    font-size: 20px
  }

  .cstmposition,
  .cstmposition2,
  .cstmposition3 {
    right: 0;
    width: auto;
    position: absolute;
    z-index: 99
  }

  .cstmposition {
    top: 12px
  }

  .pbb-2 {
    padding-bottom: .5rem !important
  }

  .cstmposition .sort-wrapper,
  .cstmposition2 .sort-wrapper,
  .cstmposition3 .sort-wrapper {
    width: auto !important
  }

  .cstmposition3 {
    top: -5px
  }

  .tab-contents {
    margin-top: 0
  }

  .min-vh-37 {
    min-height: 25vh;
    margin-bottom: 20px
  }

  .cstmbtnmenu img {
    width: 45px;
    cursor: pointer
  }

  .sidebar li a,
  .sidebar li a.collapsed.active {
    padding: 14px 20px
  }

  .sidebar.fliph {
    width: 0
  }

  .sidebar.left.fliph ul {
    position: absolute;
    left: -45px
  }

  .sidebar .list-sidebar::-webkit-scrollbar {
    width: 10px
  }

  .sidebar .list-sidebar::-webkit-scrollbar-track {
    background: var(--trackscroll);
    border-radius: 10px
  }

  .sidebar .list-sidebar::-webkit-scrollbar-thumb {
    background: var(--thumbscroll);
    border-radius: 10px
  }

  .sidebar .list-sidebar::-webkit-scrollbar-thumb:hover {
    background: var(--thumbhoverscroll);
    border-radius: 10px
  }

  .sidebar.left.fliph .list-sidebar,
  .sidebar.left.fliph .user-panel {
    display: none
  }

  .sidebar .list-sidebar {
    top: 48px;
    overflow: auto;
    height: 90vh
  }

  .sidebar {
    width: 220px;
    position: absolute;
    -webkit-transition: display .5s ease-out;
    -moz-transition: display .5s ease-out;
    -o-transition: display .5s ease-out;
    transition: display .5s ease-out;
    z-index: 99
  }
}

@media screen and (min-width:992px) {
  app-textarea div .col-lg-4.col-md-12.col-sm-12.font8.text-right {
    width: 17% !important;
    max-width: 17% !important;
    flex: 0 0 17% !important
  }

  app-textarea div .col-lg-8.col-md-12.col-sm-12 {
    flex: 0 0 82% !important;
    max-width: 82% !important
  }

  .mx10width {
    max-width: 10%
  }

  .mx30width {
    max-width: 30%;
    flex: 0 0 30%
  }

  .cstmbtnmenu,
  .loginnamemob,
  .mobiledisplay,
  .showinmob,
  .webclose,
  .webviewnone {
    display: none
  }

  #leftmenunew label.col-lg-4.col-md-12.col-sm-12.font8.text-right {
    display: flex;
    padding: 0 !important;
    align-items: center;
    text-align: right;
    justify-content: flex-end
  }

  #leftmenunew .sectn1 .col-sm-12.row {
    margin-left: 0;
    margin-right: 0;
    padding: 0
  }

  #leftmenunew .col-lg-8.col-md-12.col-sm-12 {
    display: flex;
    align-items: center
  }

  .minwid15 {
    width: 20%;
    text-align: center
  }

  .prr-0 {
    padding-right: 0 !important
  }

  .pl-2n {
    padding-left: .5rem !important
  }

  .pr-2n {
    padding-right: .5rem !important
  }

  .modal-dialog {
    margin: 3.5rem auto
  }

  .sectnnew .ng-dropdown-panel.ng-select-bottom {
    position: fixed;
    top: auto;
    left: auto;
    width: auto;
    min-width: 23%
  }

  .list-sidebar>li>.sub-menu {
    max-height: 170px;
    overflow: auto
  }

  .list-sidebar>li>.sub-menu::-webkit-scrollbar {
    width: 10px
  }

  .list-sidebar>li>.sub-menu::-webkit-scrollbar-track {
    background: var(--trackscrollbar);
    border-radius: 10px
  }

  .list-sidebar>li>.sub-menu::-webkit-scrollbar-thumb {
    background: var(--thumbscrollbar);
    border-radius: 10px
  }

  .list-sidebar>li>.sub-menu::-webkit-scrollbar-thumb:hover {
    background: var(--thumbhoverscroll);
    border-radius: 10px
  }

  .minwid750 {
    min-width: 800px
  }

  .prr-1 {
    padding-right: .25rem !important
  }

  .pll-1 {
    padding-left: .25rem !important
  }
}

footer.page-footer.font-small {
  background: #f7f7f7;
  position: relative;
  bottom: 0;
  left: 0;
  z-index: 9;
  width: 100%
}

@media screen and (max-width:1200px) and (min-width:1001px) {
  .pd-0 {
    padding: 0 !important
  }

  .sidebar,
  .sidebar.fliph {
    height: 93vh
  }
}

@media screen and (max-width:1400px) and (min-width:1201px) {

  .sidebar,
  .sidebar.fliph {
    height: 94vh
  }
}

@media screen and (max-width:2000px) and (min-width:1401px) {

  .sidebar,
  .sidebar.fliph {
    height: 95vh
  }
}

@media screen and (max-width:4000px) and (min-width:2001px) {

  .sidebar,
  .sidebar.fliph {
    height: 96vh
  }
}

@media screen and (max-width:7000px) and (min-width:4001px) {

  .sidebar,
  .sidebar.fliph {
    height: 98vh
  }
}

.cstmspinner {
  position: fixed;
  text-align: center;
  display: flex;
  justify-content: center;
  z-index: 8;
  background: #00000047;
  width: 100%;
  top: 0;
  left: 0;
  height: 100%
}

.cstmspinner div {
  justify-content: center;
  align-items: center;
  margin: auto
}

.cstmflx {
  display: flex;
  align-items: center
}

.custommodal div .ui-modal-footer button {
  position: absolute;
  right: 10px;
  bottom: 0
}

.custommodal div .ui-modal-header {
  cursor: move
}

.custommodal div .ui-modal-header .ui-titlebar,
.megh-one .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  font-size: 1rem
}

.custommodal .ui-modal,
.custommodal .ui-modal-overlay {
  z-index: 999
}

.custommodal div .ui-modal-body {
  max-height: calc(75vh - 12.5rem) !important
}

.customborder {
  border-bottom: 1px solid #ddd
}

.width50 {
  width: 50%
}

.width70 {
  width: 70%
}

.tabularview {
  flex: 1;
  padding: 0 10px
}

.cstmmultiselect div .multiselect-dropdown .dropdown-btn,
.nocstmmultiselect div .multiselect-dropdown .dropdown-btn {
  display: inline-block;
  border: 1px solid #e1dfdf;
  width: 100%;
  padding: 6px 12px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: .7rem;
  line-height: 1.52857143;
  text-align: left;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border-radius: 4px
}

.cstmmultiselect div .multiselect-dropdown .dropdown-list {
  position: fixed !important;
  max-width: 200px;
  padding-top: 0;
  margin-top: 2px;
  bottom: auto
}

.cstmmultiselect div .multiselect-dropdown div ul li.filter-textbox,
.nocstmmultiselect div .multiselect-dropdown div ul li.filter-textbox {
  padding: 5px !important;
  font-size: 12px
}

.nocstmmultiselect div .multiselect-dropdown .dropdown-list {
  max-width: 200px
}

.text-right1 {
  text-align: right
}

.widget-box {
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 3px 0;
  border: 1px solid #ccc
}

.igx-grid__tfoot .igx-grid__tr,
.igx-grid__thead-wrapper .igx-grid__tr,
.widget-body {
  background-color: #fff
}

.headback2 {
  background: #f7f7f7;
  border: 1px solid #dcdcdc;
  padding: 6px 10px !important
}

.node.firstnode {
  background: #b6fbbb;
  border: 1px solid #b6fbbb
}

app-section {
  width: 100%;
  padding: 0;
  margin: 0
}

.node.lastnode {
  background: #d1e5ea;
  border: 1px solid #d1e5ea
}

.bg-light-yellow {
  background: #fffcf3
}

.dynamic-formview h6,
.huno-formview h6 {
  font-size: 13px;
  padding: 5px
}

.dynamic-form h6,
.huno-formview h6 {
  padding-left: 5px;
  padding-top: 5px
}

button.btn.btn-dark.btn-new {
  display: flex;
  align-items: center;
  border-radius: 50px;
  font-size: 12px
}

.hyt80 {
  min-height: 180px !important
}

.btn.btn-white {
  text-shadow: none !important;
  background-color: #fff !important;
  border-radius: 50px
}

.minhyt93 {
  max-height: calc(100vh - 100px);
  overflow: auto;
  min-height: calc(100vh - 100px)
}

.cancelcdtn {
  position: absolute;
  right: 0;
  background: var(--themecolor);
  border-radius: 100%;
  padding-top: 0;
  font-size: 12px;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #fff
}

.minhyt931 {
  max-height: 93vh;
  overflow: auto;
  min-height: 93vh
}

.no-border {
  border: none
}

.nocstmmultiselect span .btn-group button {
  text-align: left
}

.btn-circle,
.center-column,
.materialnew.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap,
.paginationCare input,
.tabsty {
  text-align: center
}

.list-sidebar>li>.sub-menu {
  background: var(--submenucolor)
}

.width54 {
  width: 54%
}

.minhyt40 {
  min-height: 40vh
}

.minhyt40 form.dynamic-form {
  overflow-y: auto;
  max-height: 70vh;
  overflow-x: hidden
}

.minhyt40 dynamic-formview form,
.minhyt40 form.huno-formview,
.newminhyt40 {
  max-height: 72vh;
  overflow-x: hidden;
  overflow-y: auto
}

.newminhyt40 {
  min-height: 72vh
}

.sectn1 .ng-dropdown-panel .ng-dropdown-panel-items {
  max-height: 25vh !important
}

.minhyt40 dynamic-formview form {
  min-height: 50vh;
  margin-bottom: 20px
}

.radius0 {
  border-radius: 0 !important
}

.tabsty {
  padding: 5px 20px;
  font-size: 13px !important;
  border: 1px solid #ddd;
  background: #dadfe8;
  margin-right: 5px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  font-weight: 700
}

.form-control2 {
  color: #000;
  display: block;
  width: 100%;
  min-height: calc(1.4em + 13px + 2px);
  padding: .275rem .75rem;
  background-clip: padding-box;
  border: 1px solid #f3cbcc;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  height: 100px;
  font-size: 12px !important
}

.form-control2:focus,
.newform-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 .2rem rgb(0 123 255 / 25%)
}

.cstmtb {
  border: 1px solid #ddd !important;
  padding: 5px 20px !important
}

.minhyt20 {
  min-height: 25vh
}

.bg-lyt,
.cstmable tr th,
.cstmtable tr th,
.cstmtablenew tr th,
main.bgbannerimg {
  background: #f5f5f5
}

.ng-select {
  font-size: .8em;
  width: 100%;
  margin-right: 5px
}

.width60n {
  width: 60% !important
}

.bg-greylight {
  background: #f7f4f4
}

.wid7 {
  width: 7%
}

.wid13 {
  width: 13%
}

.multiselect-container {
  max-height: 40vh;
  overflow: auto
}

.bgrey {
  background-color: #f9fafc !important
}

.tblchklst {
  background-color: #fff;
  border: 1px solid #ddd;
  margin-bottom: 0
}

.tblchklst tbody {
  display: inline-table;
  width: 100%
}

.tblchklst tr .IC-delete {
  visibility: hidden;
  color: #bfbfbf
}

.tblchklst tr:hover .IC-delete {
  visibility: visible;
  color: #000
}

.popoverwidth {
  min-width: 400px
}

.tabvertical .nav-pills>li.active>a {
  background-color: #4b89dc;
  color: #fff;
  width: 100%;
  display: inline-block;
  padding: 4px 10px
}

.popover {
  line-height: 1.42857143;
  font-family: inherit;
  -webkit-box-shadow: 0 4px 15px 0 rgb(0 0 0 / 15%);
  box-shadow: 0 4px 15px 0 rgb(0 0 0 / 15%);
  border: 1px solid #e4e4e4;
  max-width: inherit;
  padding: 0;
  top: 44px;
  z-index: 99
}

.arvo-bold,
.arvo-regular {
  font-family: Arvo, serif;
  font-style: normal
}

.popover.bottom>.arrow {
  left: 50%;
  margin-left: -9px;
  border-top-width: 0;
  border-bottom-color: #fcfcfc;
  top: -9px
}

.popover>.arrow {
  border-width: 9px
}

.popover>.arrow,
.popover>.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid
}

.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #fcfcfc;
  border-bottom: 1px solid #efefef;
  border-radius: 3px 3px 0 0
}

.popover-content {
  font-size: 14px;
  padding: 0
}

.tabvertical {
  position: relative;
  max-height: 480px;
  min-width: 200px
}

.tabvertical .lfttab {
  background-color: #f9fafc;
  border-right: 1px solid #eee;
  overflow-y: auto;
  padding: 0;
  width: 180px;
  bottom: 0;
  height: 280px;
  top: 0;
  left: 0;
  overflow-x: hidden;
  position: relative
}

.dvPopsearch {
  position: relative;
  background-color: #fff;
  padding: 0 12px
}

.nav-stacked>li {
  float: none;
  width: 100%
}

.tabvertical .rhtlstsrl {
  position: absolute;
  bottom: 0;
  height: 280px;
  top: 0;
  left: 180px;
  right: 0
}

.popover-lg {
  min-width: 480px
}

.popover-md {
  min-width: 350px
}

.tabvertical .rhttablst {
  float: left;
  width: 100%;
  overflow-y: auto;
  max-height: 235px;
  padding-left: 5px
}

.tabvertical .rhttablst li.head {
  padding: 4px 12px;
  color: #666;
  margin: 5px 0;
  font-size: 12px
}

.tabvertical .rhttablst li {
  padding: 3px 20px;
  float: left;
  width: 100%;
  list-style: none;
  font-size: 11px
}

.tabvertical .rhttablst li span {
  max-width: 99%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  word-wrap: break-word;
  display: block
}

.tabvertical .rhttablst li:hover {
  background: #f4f8fb;
  cursor: pointer
}

.editorlist .NgxEditor__Content {
  font-size: 12px;
  min-height: 30vh
}

@media screen and (max-width :400px) {
  .cstmposition {
    position: relative;
    right: auto;
    top: 0;
    z-index: 9;
    width: 100%;
    float: right;
    left: 0
  }
}

.popover-custom {
  min-width: 93%;
  float: left;
  left: auto;
  top: 33px
}

.maxhyt40h {
  max-height: 65vh;
  overflow: auto
}

.cstmabs {
  position: absolute;
  right: 0;
  top: 0
}

.mrb5 {
  margin-top: -3px
}

.linehyt1 {
  line-height: 1.1
}

.minhyt10 {
  min-height: 10vh !important
}

#sessionhide2,
.sessionhide,
.sessionhide1,
.sessionhide2 {
  display: inline-flex;
  margin-right: 12px;
  padding-left: 0 !important
}

.font9_new {
  font-size: 13px !important
}

.sec_new {
  margin-bottom: 0 !important;
  margin-top: 7px
}

@media screen and (min-width:1200px) {
  .container.wid80 {
    max-width: 90% !important
  }

  .fifthcls {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 400px;
    right: 0
  }

  .fifthcls img {
    bottom: -50%;
    transform: translateY(0) translateX(0);
    -webkit-animation: 10s infinite animateProfile;
    animation: 10s infinite animateProfile
  }

  @keyframes animateProfile {

    0%,
    100% {
      transform: translateY(0) translateX(0)
    }

    50% {
      transform: translateY(-10px) translateX(0)
    }
  }
}

@media screen and (max-width:1199px) {
  .fifthcls {
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 50%;
    right: 0
  }

  .fifthcls img {
    bottom: -50%;
    transform: translateY(0) translateX(0);
    -webkit-animation: 10s infinite animateProfile;
    animation: 10s infinite animateProfile
  }

  @keyframes animateProfile {

    0%,
    100% {
      transform: translateY(0) translateX(0)
    }

    50% {
      transform: translateY(-10px) translateX(0)
    }
  }
}

.container-fluid {
  padding-bottom: 15px
}

.ag-theme-alpine .ag-ltr .ag-cell-range-single-cell,
.ag-theme-alpine .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-alpine .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.ag-theme-alpine .ag-rtl .ag-cell-range-single-cell,
.ag-theme-alpine .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-alpine .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected) {
  border-color: none !important;
  border-right: 0px !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 1px solid #bebfc7 !important
}

.ag-theme-alpine .ag-ltr .ag-cell-range-single-cell,
.ag-theme-alpine .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-alpine .ag-rtl .ag-cell-range-single-cell,
.ag-theme-alpine .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-theme-alpine .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.tab-pane .ag-theme-alpine .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected) {
  border-color: none !important;
  border-right: 0px !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: .25rem
}

.paginationCare {
  border-top: 1px solid #ccc;
  font-size: .8em;
  line-height: 35px;
  height: 40px;
  padding: 2px 5px 5px;
  margin-bottom: 5px;
  background-color: #f0f0f0
}

.paginationCare .itemsPerPage select.form-control {
  width: 55px;
  height: 35px;
  display: inline-block;
  padding: .275rem .35rem !important;
  font-size: 1em
}

.paginationCare input {
  width: 50px;
  height: 30px;
  display: inline-block;
  font-size: 1em;
  padding: .375rem .25rem
}

.paginationCare .page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #000;
  background-color: initial;
  border: 0 solid #dee2e6
}

.igx-grid__th,
.igx-grid__thead-title,
.igx-grid__tr-action:last-of-type {
  border-right: 0px !important
}

.igx-grid--cosy .igx-grid__th {
  min-height: 2.5rem;
  flex-direction: row-reverse
}

.jstflx {
  float: left;
  width: 100%;
  padding-top: 0;
  margin-bottom: 15px
}

.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: auto !important
}

.igx-grid__th-icons {
  flex-direction: row-reverse;
  padding-right: 5px
}

.newform-control {
  font-weight: 400;
  line-height: 1.5;
  color: #999;
  background-color: #fff;
  background-clip: padding-box;
  border: 0 solid #ced4da;
  border-bottom: 1px solid #ddd;
  border-radius: .25rem
}

.btn-circle {
  width: 45px;
  height: 45px;
  line-height: 45px;
  padding: 0;
  border-radius: 50%;
  border: 0
}

.btn-circle-sm {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 12px
}

.btn-group .dropdown-menu {
  padding-left: .5rem;
  padding-right: .5rem
}

.cstmdop .dropdown-item {
  padding: .3rem .5rem !important;
  border-bottom: 1px solid #ddd
}

.btn-roll {
  padding: .175rem .5rem !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  border-radius: 1.5rem !important;
  margin: 0 4px
}

a.truncate {
  text-decoration: underline;
  color: #000
}

.igx-grid--cosy .igx-grid__th {
  padding: 0 .3rem 0 .2rem !important
}

.noback {
  background: 0 0 !important
}

.igx-grid__tr--selected .igx-grid__td--selected,
.nobrdr {
  border: 0 solid #fff !important
}

.playbtn:hover,
.textdark {
  color: #000 !important
}

.btn-cstm {
  border-radius: 50px !important;
  background: #f2f2f2;
  padding: 4px;
  font-size: 14px;
  height: 30px;
  margin-top: 3px;
  margin-left: 3px
}

.btn-cstm:focus,
.btn-cstm:hover {
  background: #e7e5e5
}

@media screen and (max-width:480px) {
  .prr-0-n {
    padding-right: 0 !important
  }
}

a {
  cursor: pointer !important
}

@media screen and (min-width:1280px) {
  .childsearch.top1new {
    top: 1% !important
  }

  .childsearch {
    position: absolute;
    top: 3%;
    place-content: center
  }

  .childsearch .childindex {
    z-index: 9
  }

  .childindex .btn-cstm {
    background: #dcd9d9
  }

  .childindex .btn-cstm:hover {
    background: #ccc9c9
  }
}

.newnav.nav-tabs li>a.active,
.newnav.nav-tabs li>a:hover {
  color: #fff;
  border-bottom: 3px solid #188a26 !important;
  background: #bd7e12;
  box-shadow: 0 0 1px #ac730f
}

.newform-control {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important
}

.igx-grid,
.igx-grid--compact,
.igx-grid--cosy {
  box-shadow: none !important;
  margin-bottom: 15px
}

.minhyt40 .ag-overlay-wrapper.ag-layout-normal.ag-overlay-no-rows-wrapper {
  padding: 7%
}

.igx-grid-summary--active,
.igx-grid__group-row--active,
.igx-grid__td--active,
.igx-grid__th--active,
.igx-grid__th--active .igx-grid__th--selectable,
.igx-grid__th--active .igx-grid__th--selected,
.igx-grid__tr-container--active {
  box-shadow: none !important;
  background: 0 0 !important;
  border: none !important
}

.topActionButtons {
  z-index: 99
}

.btn-secondary1 {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}

.btn-secondary1:hover {
  color: #fff;
  background-color: #5a6268;
  border-color: #545b62
}

.instructiontxt li {
  color: #bd180f;
  font-size: 12px;
  list-style: number;
  padding-left: 0;
  font-weight: 700
}

.linktitle {
  color: var(--coffeorange1);
  font-size: 1rem;
  font-weight: 600
}

.fldsctn {
  position: relative;
  top: -14px;
  background: var(--coffeorange1);
  color: #fff;
  width: 157px;
  border-radius: 11px
}

.btnsrch,
.btnsrch:focus,
.btnsrch:hover,
.btnsrch:visited {
  background: var(--coffeorange1);
  color: #fff !important
}

.dsblcls {
  border: 1px;
  background: #e7e7e7;
  border-radius: 5px;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  padding-left: 8px
}

.instrctntxt {
  margin-bottom: 0;
  color: #bd180f;
  font-size: 14px;
  font-weight: 700;
  padding-left: 20px
}

.charttbl {
  display: table;
  width: 100%
}

.charttbl .col-md-4 {
  float: none;
  display: table-cell
}

.igx-grid__tfoot,
.igx-grid__thead-wrapper {
  background: #fff7ed !important;
  color: #d27524 !important;
  font-weight: 400 !important;
  border: 1px solid #efdbca
}

.igx-grid__th-title {
  font-weight: 600 !important;
  opacity: 1 !important;
  font-size: 12px
}

.igx-grid__footer {
  grid-row: 2 !important
}

.igx-paginator,
.igx-paginator--compact,
.igx-paginator--cosy {
  background-color: #e7e7e7 !important
}

.igx-input-group--compact .igx-input-group__input {
  font-size: .8545454545rem !important;
  height: 1rem !important
}

.igx-grid__td span {
  text-overflow: ellipsis;
  overflow: hidden
}

.igx-grid__th,
.igx-grid__thead-title {
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center !important
}

span.igx-grid__th-title {
  white-space: wrap !important;
  word-break: break-word;
  text-overflow: unset;
  word-break: break-word;
  line-height: normal !important
}

.bordrsty {
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  background: #fffbd4;
  padding-left: 0 !important
}

.btn-success:active,
.btn-success:hover,
.open>.btn-success.dropdown-toggle {
  background-color: #629b58 !important;
  border-color: #87b87f
}

.bordrsty .btn.btn-white {
  border-radius: 3px !important
}

.brdrradius {
  width: 150px;
  height: 32px
}

.ngxcstm.NgxEditor__Wrapper {
  border: 1px solid #f5f5f5
}

.ngxcstm .NgxEditor__Wrapper .NgxEditor__MenuBar {
  border: 1px solid #f5f5f5 !important
}

.progress-devider p a {
  color: #337ab7 !important;
  font-size: .7rem
}

.progress-devider p a:hover {
  text-decoration: underline !important
}

.NgxEditor:focus,
.NgxEditor:visited,
.NgxEditor__Content:focus,
.NgxEditor__Content:visited {
  box-shadow: 0 0 5px #2a69c794 !important;
  border: 1px solid #2a69c794 !important;
  background: 0 0 !important;
  min-height: 400px;
  cursor: text
}

.btn-default.active,
.btn-default:hover {
  border-bottom: 2px solid #188a26
}

.NgxEditor__Content p {
  margin: 0 0 .2rem !important
}

.addbtnabs {
  position: absolute;
  top: 2px
}

textarea:disabled {
  background-color: #e4e7ea !important;
  border: 1px solid silver !important
}

.btn-default,
.btn-default:hover {
  border-radius: 4px 4px 0 0;
  margin-bottom: 2px;
  font-weight: 600
}

.placecntr {
  place-content: center
}

.igx-grid__td-text {
  white-space: initial !important;
  text-overflow: inherit !important;
  overflow-wrap: anywhere
}

.ng-dropdown-panel-items div span {
  white-space: initial;
  word-break: normal
}

body {
  user-select: none !important
}

.popattachment .ng-image-slider {
  height: 58vh !important
}

.popattachment .ng-image-slider .ng-image-slider-container .main {
  height: 57vh !important
}

.min-vh-70 {
  max-height: 70vh;
  overflow: auto;
  min-height: 70vh
}

.btn-default {
  background: #ddd;
  border-bottom: 2px solid #ddd
}

.btn-default:hover {
  background: #b6b6b6
}

.bg-white {
  background: #fff !important
}

.headshow nav,
.headshow1 nav {
  text-transform: uppercase !important
}

.bannerHeading,
.blrshade h5,
.decrease_font .txt_v1,
.increase_font .txt_v1 {
  text-transform: uppercase
}

.backdrop {
  position: fixed !important
}

.minhyt70vh {
  min-height: 40vh;
  max-height: 72vh;
  overflow: auto
}

.ag-header-cell-text,
.blrshade p,
.watermark,
.wrappern .slick-initialized .slick-slide .hyt100 .playbtn {
  overflow: hidden
}

.overlay-container.addcontainerdisable {
  background-color: rgba(0, 0, 0, .4);
  z-index: 999999;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.igx-grid--cosy .igx-grid__td {
  word-break: break-word !important;
  padding: 0 1rem 0 .5rem !important
}

.NgxEditor div ol,
.txtnoteleft ol {
  list-style: decimal !important;
  padding-left: 13px !important
}

.txtnoteleft p,
.txtnoteleft p ol li p {
  margin-bottom: .4rem !important
}

.NgxEditor div ul,
.txtnoteleft ul {
  list-style: disc !important;
  padding-left: 13px !important
}

.NgxEditor__Content blockquote {
  padding-left: 13px !important
}

.NgxEditor__Content {
  font-feature-settings: inherit !important;
  min-height: 50vh
}

.angular-editor-textarea {
  min-height: 400px !important
}

.bg-disabled {
  background: #e4e7ea;
  cursor: default !important
}

.widget-body .widget-main.minhyt450.notesheet {
  max-height: 82vh;
  min-height: 80vh;
  overflow: auto
}

.ag-theme-alpine .ag-cell {
  border: 1px solid transparent;
  line-height: 1.2 !important;
  align-items: center;
  display: flex
}

.pull_file .angular-editor-textarea {
  min-height: 155px !important;
  max-height: 155px !important;
  height: 155px !important
}

.borderhead div div label {
  font-size: .7rem;
  word-break: break-word
}

.borderhead div div {
  border: 1px solid #9b9b9b;
  font-size: 12px
}

.colorheaddiv div {
  background: #d8f388;
  font-weight: 600
}

.wordbreak tr td,
.wordbreak tr th {
  word-break: break-word;
  border: 1px solid #333;
  padding: 8px
}

.header .user-imagenew {
  width: 25px;
  height: 25px;
  margin-left: 10px
}

.greensheetlink.paperclip {
  font-size: 16px;
  font-weight: 600
}

.greensheetlink.paperclip .fa {
  transform: rotate(41deg)
}

.cstmheighteditor .angular-editor-textarea,
.newhyt1 .angular-editor-textarea {
  min-height: 200px !important
}

button.close:focus,
button.close:focus-visible,
button.close:focus-within,
button.close:visited {
  outline: 0 !important
}

@media screen and (min-width :1100px) {
  .col-25 {
    max-width: 20% !important
  }
}

.rmks .angular-editor-textarea {
  min-height: 126px !important
}

.fingerprint {
  width: 200px;
  margin: auto auto 10px;
  background: #efefef;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 5px;
  min-height: 215px;
  max-height: 215px
}

.fingerprintverified {
  background: #cbffcb45 !important;
  border: 1px solid green !important
}

.fingerprintfailed {
  background: #ffcbcb45 !important;
  border: 1px solid maroon !important
}

.editbtncstm {
  position: absolute;
  right: 20px;
  top: -35px
}

li.breadcrumb-item.newitm2 {
  font-weight: 600;
  color: #969696dd
}

@media screen and (max-width :767px) {
  h4.text-meghalaya {
    font-size: 1rem !important;
  }

  .mrgtop73 {
    margin-top: 50px;
  }
}

.ngx-datatable.material .datatable-header .datatable-header-cell {
  background: #fff7ed !important;
  color: #d27524 !important;
  font-weight: 600 !important;
  padding: .5rem !important
}

.ngx-datatable.material .datatable-footer {
  background: #e9e9e9 !important;
  padding: 5px !important
}

.materialnew.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
  height: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0 !important
}

.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
  white-space: normal !important;
  word-break: break-word !important
}

.ngx-datatable.materialnew .datatable-body .datatable-body-row .datatable-body-cell {
  padding-left: 0 !important;
  padding-right: 0 !important
}

.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  border-right: 1px solid #e7e7e7;
  padding: .1rem 0 !important
}

.datatable-body-cell-label {
  padding-left: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

datatable-header.datatable-header {
  height: auto !important
}

.ngx-datatable.material .datatable-footer .datatable-footer-inner {
  height: 28px !important
}

.bredcrumbeoffice {
  background: #eaeaea;
  padding: 6px 10px;
  border-bottom: 1px solid #ddd
}

.bredcrumbeoffice .fbasiclink {
  color: #000;
  font-weight: 600
}

.address-container a span,
.address-container span {
  white-space: break-spaces;
  user-select: all
}

.watermark {
  color: rgb(204 248 189);
  line-height: 2.8;
  margin: 0;
  position: absolute;
  transform-origin: 0 100%;
  width: 99%;
  font-weight: 100;
  max-height: 79vh;
  font-size: 33px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  word-spacing: 105px;
  z-index: -1
}

@media print {
  .watermark {
    opacity: .1;
    color: #ddd !important;
    z-index: 1
  }
}

.editorminhyt .angular-editor-textarea {
  min-height: 250px !important
}

.dakpriority_vip,
.outtoday {
  background-color: #bdd7ee !important
}

.dakpriority_assembly,
.mostimd {
  background-color: #ffc7ce !important
}

.dakpriority_urgent {
  background-color: #ffeb9c !important
}

.fingerprinclass {
  position: absolute;
  right: 50px;
  z-index: -1;
  opacity: .4;
  filter: hue-rotate(136deg);
  margin-top: 15px;
  width: 50px
}

.igx-grid__cbx-selection,
.igx-grid__td,
.igx-grid__th,
.igx-grid__thead-title {
  border-right: 1px solid #e7e7e7 !important
}

.igx-grid__td:last-child,
igx-grid-header-group:last-child .igx-grid__th {
  border-right: 1px solid transparent
}

.gridCheckboxCenter.row {
  margin: 0
}

.txtqstn p {
  margin-bottom: .5rem !important
}

.handsontable .spotlight,
.handsontable tr td:nth-child(12),
.handsontable tr td:nth-child(7) {
  background-color: #f5f3f3;
  text-align: center
}

.handsontable span.colHeader {
  height: 100%;
  white-space: break-spaces;
  word-wrap: break-word;
  font-size: 12px
}

.collapsibleIndicator {
  left: 0
}

.collapsibleIndicator.expanded::after {
  box-shadow: 0 0 0 6px #eee;
  background: #eee;
  content: '▼'
}

.collapsibleIndicator.collapsed::after {
  box-shadow: 0 0 0 6px #eee;
  background: #eee;
  content: '▶'
}

.handsontable {
  z-index: 9
}

.myLegend,
.myLegend2 {
  position: absolute;
  z-index: 2
}

.nav-link.lnknw {
  padding: 5px 20px;
  text-align: left;
  color: #5c6873;
  background: #dadfe8 !important;
  margin: 2px;
  border-radius: 5px 5px 0 0;
  border-top: 1px solid #e0e0e0 !important;
  border-right: 1px solid #e0e0e0 !important;
  border-left: 1px solid #e0e0e0 !important;
  font-weight: 500
}

.nav-link.lnknw.active {
  color: #fff !important;
  background: #188a26 !important;
  border-bottom: 3px solid #188a26 !important
}

@media screen and (min-width :2200px) {
  #wrapper {
    margin: 0 auto;
    min-width: 978px;
    max-width: 1680px;
    padding: 8px
  }
}

.e-richtexteditor .e-rte-content .e-content,
.e-richtexteditor .e-source-content .e-content {
  padding: 10px 70px !important;
  text-align: justify !important
}

.e-richtexteditor .rte-placeholder {
  padding-left: 70px !important
}

.note_wb {
  word-break: break-all;
  font-size: 14px !important;
  text-align: justify
}

.radius-7 {
  border-radius: 7px
}

.lndong .owl-next,
.lndong .owl-prev {
  width: 20px !important;
  height: 45px !important;
  top: 35% !important;
  display: block !important;
  border: 0 solid #000 !important;
  background: #c01c1c;
  position: absolute !important
}

.bg-none {
  background: 0 0
}

.cardbodystyle {
  padding: 8px;
  box-shadow: 0 1px 5px #ababab96;
  background: #fff;
  border-top: 3px solid green
}

.cardbodystyle div hdsbpm-request-form form div div h6.col-sm-12.nopadding.font600.mb-0.mt-0 {
  font-size: 1rem;
  text-align: left;
  color: green;
  padding: 5px !important
}

.cardbodystyle div hdsbpm-request-form form .col-sm-12.row.width-10 {
  padding: 0 0 7px;
  margin: 0
}

.hdstld hdsbpm-request-form form div div h6.col-sm-12.nopadding.font600.mb-0.mt-0 {
  padding: 4px !important;
  font-size: .9rem
}

.inlineeditor .e-rte-content p {
  width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important
}

.pagingbottom .igx-grid__footer {
  grid-row: 7 !important
}

.notreadable {
  background-color: #fff2e0
}

.disabledclass {
  background: #ebebeb;
  opacity: .7
}

.bgOnes,
main.minheightpage {
  background: #f5f5f5 !important
}

.ag-header-cell-text {
  white-space: nowrap;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2
}

.faqBox h2 {
  font-size: 1.25rem;
  font-weight: 700 !important
}

main .igx-grid__tfoot,
main .igx-grid__thead-wrapper {
  background: #f5f5f5 !important;
  color: #434343 !important;
  font-weight: 400 !important;
  border: 0 solid #aeaeae
}

.ng-select {
  line-height: 16px
}

.lndong .owl-prev {
  margin-left: -25px !important
}

.lndong .owl-theme .owl-nav [class*=owl-] {
  background: #ff3a3a !important
}

.lndong .owl-next {
  right: -30px !important
}

.lndong .owl-next i,
.lndong .owl-prev i {
  transform: scale(1, 2) !important;
  color: #fff;
  margin-top: 12px
}

.igx-linear-bar__base {
  height: 1rem !important
}

.pmscls span.igx-linear-bar__value.igx-linear-bar__value--start {
  padding-left: 5px !important
}

.pmscls .igx-linear-bar {
  display: -webkit-box !important;
  max-width: 90% !important;
  width: 90% !important
}

.decrease_font .h2,
.decrease_font h2,
.increase_font .h5,
.increase_font .volunteers h6.txt_v4,
.increase_font h5,
main.vdv-main .text-theme-vdv.h4 {
  font-size: 1.5rem !important
}

main.vdv-main .breadcrumb-item,
main.vdv-main .breadcrumb-item a {
  font-size: .8rem !important
}

main.vdv-main .form-control {
  height: calc(1.2em + 18px + 2px) !important;
  padding: .275rem .75rem !important
}

main.vdv-main .disclosing-info span p:first-child {
  padding: 0;
  font-size: 16px !important;
}

main.vdv-main .disclosing-info span p {
  font-size: 14px !important;
  margin-bottom: 3px;
  padding: 3px 18px 0
}

.toast-top-center,
main.vdv-main .toast-top-center {
  left: 40% !important;
  width: auto !important;
  right: auto !important
}

.arvo-regular {
  font-weight: 400
}

.arvo-bold {
  font-weight: 700
}

.arvo-bold-italic,
.arvo-regular-italic {
  font-family: Arvo, serif;
  font-style: italic
}

.arvo-regular-italic {
  font-weight: 400
}

.arvo-bold-italic {
  font-weight: 700
}

main.minheightpage {
  min-height: calc(100vh - 150px)
}

.vdv-main .container-fluid {}

.vdv-main.bgOne section {
  float: none
}

.myLegend {
  top: -8px;
  left: 40px;
  background: #fff;
  padding: 0 5px
}

.myLegend2 {
  left: 22px;
  background: #fff;
  top: -6px
}

.pmscls .igx-grid__hierarchical-indent {
  padding: 1rem !important;
  background: #fff7ed;
  width: 100%;
  margin: 0 !important
}

.cst-cars .owl-next,
.cst-cars .owl-prev {
  top: 24%;
  font-size: 19px !important;
  width: 42px !important;
  background: 0 0;
  position: absolute
}

.cst-cars .owl-next {
  right: -20px
}

.cst-cars .owl-prev {
  left: -20px
}

.blrshade p,
.decrease_font .accordion-button {
  font-size: .9rem
}

.desanctionRed {
  filter: hue-rotate(154deg) !important
}

.completeGreen {
  filter: hue-rotate(240deg) !important
}

.ongoingOrange {
  filter: hue-rotate(187deg) !important
}

.delayedMagenta {
  filter: hue-rotate(460deg) !important
}

.preclosedVoilate {
  filter: hue-rotate(425deg) !important
}

.num1 .col-lg-6,
.num3 .col-lg-6 {
  width: 100% !important;
  text-align: center !important;
  margin-top: -230px !important
}

.leaflet-popup-content label {
  width: 100%;
  display: flex;
  padding: 2px
}

.leaflet-popup {
  width: 600px
}

span.evn1 {
  min-width: 45%;
  float: left
}

span.odn1 {
  min-width: 55%
}

.igx-grid__thead-wrapper,
.ngo-grid .igx-grid__tfoot {
  background: #e4e4e4 !important;
  color: #565656 !important;
  font-weight: 400 !important;
  border: 1px solid #eee
}

.bannerHeading {
  font-size: 2.8rem;
  color: #dac015;
  width: 300px;
  z-index: 9999
}

.bannerdes {
  font-weight: 600;
  color: #fff;
  font-size: 1.4rem;
  z-index: 9999
}

.newbanerImg li::after {
  background-color: rgba(45, 45, 46, .452);
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%
}

.wrappern {
  overflow-x: hidden
}

@media (max-width:424px) {
  .wrappern .my-slider {
    padding: 0 !important
  }

  .wrappern {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .slick-dotted.slick-slider {
    margin-left: 23px !important
  }

  .wrappern .slick-prev {
    left: -2px !important
  }

  .wrappern .slick-next {
    right: 2px !important
  }
}

.wrappern .my-slider {
  padding: 0 70px
}

.wrappern .slick-initialized .slick-slide {
  background-color: #37383a;
  color: #fff;
  height: 450px;
  margin: 20px 15px 0 0;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center
}

.slick-prev,
.wrappern .slick-next {
  z-index: 5
}

.wrappern .slick-next {
  right: 15px
}

.wrappern .slick-prev {
  left: 15px
}

.wrappern .slick-next:before,
.wrappern .slick-prev:before {
  color: #000;
  font-size: 26px
}

.wrappern .slick-initialized .slick-slide .hyt100 {
  height: 100%;
  position: relative;
  cursor: pointer
}

.wrappern .slick-initialized .slick-slide .hyt100 .blrshade {
  position: absolute;
  inset-block-end: -2px;
  display: flex;
  flex-direction: column;
  grid-gap: 10px;
  gap: 10px;
  align-items: flex-start;
  inline-size: 100%;
  padding: 8px 15px;
  height: 230px;
  inline-size: 100%;
  border-radius: 0 0 15px 15px;
  border-block-start: 1px solid rgb(0 0 0 / 70%);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: #00000085;
  margin-top: 18px;
  transition: 1ms ease-in-out
}

.blrshade p {
  display: -webkit-box;
  -webkit-line-clamp: 6
}

.blrshade h5 {
  font-size: 1.1rem
}

.wrappern .slick-initialized .slick-slide .hyt100:hover .playbtn {
  overflow: visible;
  position: absolute;
  bottom: 25px;
  background: #fff;
  left: 40%;
  padding: 6px 20px;
  border-radius: 15px;
  font-weight: 600;
  transition: cubic-bezier(.165, .84, .44, 1)
}

.wrappern .slick-initialized .slick-slide .hyt100:hover .blrshade {
  display: none;
  overflow: hidden;
  transition: cubic-bezier(.215, .61, .355, 1)
}

.wrappern .slick-initialized .slick-slide img {
  object-fit: cover;
  height: 450px !important;
  border-radius: 20px
}

.other-page-header .themeHederNew {
  background: #3b6588
}

body.megh-one {
  font-family: Montserrat, sans-serif
}

.homefixed .themeHederNew {
  position: fixed
}

#sec_carousel .owl-nav {
  position: absolute !important;
  top: -140px !important
}

#sec_carousel .owl-nav button.owl-next,
#sec_carousel .owl-nav button.owl-prev {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 25px;
  height: 30px;
  border-radius: 0;
  font-weight: 700
}

@media (min-width:1400px) {
  .MeghlayaOnePortal .container {
    max-width: 1460px
  }
}

.pdflf {
  padding-left: 42px !important;
  padding-top: 1px !important;
  height: 36px !important
}

.srch {
  position: absolute;
  left: 5px;
  background: #e39c28;
  padding: 8px;
  border-radius: 50%;
  color: #fff;
  top: 6px
}

.homefixed .themeHederNewbg {
  background: 0 0 !important;
  position: fixed !important;
  z-index: 99;
  width: 100%
}

.wrappern .owl-item {
  height: 390px !important
}

.wrappern .hyt100 {
  height: 390px
}

.wrappern .owl-nav {
  position: absolute;
  top: 50%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%)
}

.wrappern .owl-nav .owl-prev,
.wrappern .wrappern.owl-nav .owl-next {
  background-color: rgba(0, 0, 0, .1);
  border-radius: 50%;
  padding: 10px;
  font-size: 24px
}

.wrappern .owl-theme .owl-nav [class*=owl-] {
  color: #fff;
  font-size: 14px;
  margin: 0;
  padding: 0;
  background: #275973;
  display: inline-block;
  cursor: pointer;
  border-radius: 30px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center
}

.wrappern .owl-nav .owl-prev {
  left: 10px
}

.wrappern .owl-nav .owl-prev i,
.wrappern .wrappern.owl-nav .owl-next i {
  font-size: 20px
}

.megh-one .fixed-top .nav-item {
  border-top: none;
  padding-top: 0
}

.decrease_font .bannerHeadings {
  font-size: 2.2rem !important
}

.decrease_font .countservice {
  font-size: .82rem
}

.decrease_font .h6,
.decrease_font h6 {
  font-size: .9rem !important
}

.decrease_font .h4,
.decrease_font h4 {
  font-size: 1.4rem !important
}

.decrease_font .txt_v1 {
  font-size: 2rem !important
}

.decrease_font .txt_v2 {
  font-size: 3rem !important
}

.decrease_font .service-box li,
.increase_font .h6,
.increase_font h6 {
  font-size: 1.1rem !important
}

.decrease_font .serviseBox h4 {
  font-size: 1.4rem
}

.decrease_font .scheme-detail-data .brklimit1 {
  font-size: 1.1rem
}

.increase_font .h4,
.increase_font h4 {
  font-size: 1.6rem !important
}

.increase_font .btn,
.increase_font a,
.increase_font p,
.increase_font span,
.increase_font .breadcrumb-item {
  font-size: 16.8px !important
}

.increase_font .h2,
.increase_font h2 {
  font-size: 2.5rem !important
}

.increase_font .txt_v1 {
  font-size: 3.5rem !important
}

.increase_font .txt_v2 {
  font-size: 5rem !important
}

.increase_font .blrshade h5 {
  font-size: 1.25rem
}

.increase_font .filters button {
  max-width: 190px !important
}

.increase_font .scheme-detail-data .brklimit1,
.increase_font .service-box li {
  font-size: 1.3rem
}

.increase_font .serviseBox h6 {
  font-size: 18px
}

.increase_font .serviseBox h4 {
  font-size: 1.7rem
}

.increase_font .bannerHeadings {
  font-size: 2.6rem !important
}

.increase_font .accordion-button {
  font-size: 1.2rem
}

.servieslistdata .tab-content h6 {
  font-size: 16px
}

@media screen and (min-width:768px) {

  .main.vdv-main.bgOne,
  main.minheightpage,
  main.mydashbaord {
    margin-top: 73px !important
  }

  .homefixed .fixed-top.digi-middle-megh-header {
    z-index: 990 !important
  }
}

@media screen and (max-width:767px) {

  .main.vdv-main.bgOne,
  main.minheightpage,
  main.mydashbaord {
    margin-top: 50px !important
  }
}

/* old 143px */
.modal-open .fixed-top.digi-middle-megh-header {
  z-index: 999 !important;
}

::placeholder {
  color: #000 !important;
}

:-ms-input-placeholder {
  color: #000 !important;
}

.official-login button,
.official-login .btn {
  font-size: 0.8rem !important;
}

/* Date 25/09/24 RK */
.megh-one .ng-select div,
.megh-one .ng-select input,
.megh-one .ng-select span {
  font-size: 1rem;
}

.megh-one .citizenlogin h6 {
  font-size: 16px;
}

.cs_fn .ng-select div,
.cs_fn .ng-select input,
.cs_fn .ng-select span,
.cs_fn label,
.cs_fn .form-control2,
.cs_fn .form-control,
.cs_fn .form-select {
  font-size: 14px !important;
}

.increase_font1 .cs_fn .ng-select div,
.increase_font1 .cs_fn .ng-select input,
.increase_font1 .cs_fn .ng-select span,
.increase_font1 .cs_fn label,
.increase_font1 .cs_fn .form-control2,
.increase_font1 .cs_fn .form-control,
.increase_font1 .cs_fn .form-select {
  font-size: 15px !important;
}

.increase_font2 .cs_fn .ng-select div,
.increase_font2 .cs_fn .ng-select input,
.increase_font2 .cs_fn .ng-select span,
.increase_font2 .cs_fn label,
.increase_font2 .cs_fn .form-control2,
.increase_font2 .cs_fn .form-control,
.increase_font2 .cs_fn .form-select {
  font-size: 16px !important;
}

.decrease_font1 .cs_fn .ng-select div,
.decrease_font1 .cs_fn .ng-select input,
.decrease_font1 .cs_fn .ng-select span,
.decrease_font1 .cs_fn label,
.decrease_font1 .cs_fn .form-control2,
.decrease_font1 .cs_fn .form-control,
.decrease_font1 .cs_fn .form-select {
  font-size: 13px !important;
}

.decrease_font2 .cs_fn .ng-select div,
.decrease_font2 .cs_fn .ng-select input,
.decrease_font2 .cs_fn .ng-select span,
.decrease_font2 .cs_fn label,
.decrease_font2 .cs_fn .form-control2,
.decrease_font2 .cs_fn .form-control,
.decrease_font2 .cs_fn .form-select {
  font-size: 12px !important;
}

.mapwidth .leaflet-popup-content,
.mapwidth .leaflet-popup-content-wrapper {
  width: 150px !important
}

.mapwidth .leaflet-popup {
  bottom: 0;
  left: 0;
  top: auto;
  right: auto;
  width: 150px;
}

.synctextarea .e-rte-content {
  height: 55vh !important;
}

.synctextarea .e-richtexteditor .e-rte-content .e-content {
  padding: 10px 15px !important;
}

.synctextarea .e-richtexteditor .rte-placeholder {
  padding-left: 15px !important;
}





/* increase_font1 csssss */
.increase_font1 .h6,
.increase_font1 h6 {
  font-size: 1.25rem !important;
}

.increase_font1 .h4,
.increase_font1 h4 {
  font-size: 1.75rem !important;
}

.increase_font1 a,
.increase_font1 span,
.increase_font1 .btn,
.increase_font1 p,
.increase_font1 .breadcrumb-item {
  font-size: 17px !important;
}

.increase_font1 h2,
.increase_font1 .h2 {
  font-size: 2.6rem !important;
}

.increase_font1 .h5,
.increase_font1 h5 {
  font-size: 1.7rem !important;
}

.increase_font1 .txt_v1 {
  text-transform: uppercase;
  font-size: 3.6rem !important;
}

.increase_font1 .txt_v2 {
  font-size: 5.2rem !important;
}

.increase_font1 .volunteers h6.txt_v4 {
  font-size: 1.7rem !important;
}

.increase_font1 .blrshade h5 {
  font-size: 1.50rem;
}

.increase_font1 .srch {

  top: 6px;
}

.increase_font1 .filters button {

  max-width: 195px !important;
}

.increase_font1 .set_pos .card-body h6 {
  font-size: 17px !important;
}

.increase_font1 .service-box li {
  font-size: 1.4rem;
}

.increase_font1 .serviseBox h6 {
  font-size: 19px;
}

.increase_font1 .serviseBox h4 {
  font-size: 1.8rem;
}

.increase_font1 .scheme-detail-data .brklimit1 {
  font-size: 1.4rem;
}

.increase_font1 .bannerHeadings {
  font-size: 2.7rem !important;
}

.increase_font1 .accordion-button {
  font-size: 1.3rem;
}


/* increase_font2 csssss */
.increase_font2 .h6,
.increase_font2 h6 {
  font-size: 1.45rem !important;
}

.increase_font2 .h4,
.increase_font2 h4 {
  font-size: 1.95rem !important;
}

.increase_font2 a,
.increase_font2 span,
.increase_font2 .btn,
.increase_font2 p,
.increase_font2 .breadcrumb-item {
  font-size: 17.5px !important;
}

.increase_font2 h2,
.increase_font2 .h2 {
  font-size: 2.8rem !important;
}

.increase_font2 .h5,
.increase_font2 h5 {
  font-size: 1.8rem !important;
}

.increase_font2 .txt_v1 {
  text-transform: uppercase;
  font-size: 3.7rem !important;
}

.increase_font2 .txt_v2 {
  font-size: 5.3rem !important;
}

.increase_font2 .volunteers h6.txt_v4 {
  font-size: 1.8rem !important;
}

.increase_font2 .blrshade h5 {
  font-size: 1.6rem;
}

.increase_font2 .srch {

  top: 7px;
}

.increase_font2 .filters button {

  max-width: 205px !important;
}

.increase_font2 .set_pos .card-body h6 {
  font-size: 18px !important;
}

.increase_font2 .service-box li {
  font-size: 1.5rem;
}

.increase_font2 .serviseBox h6 {
  font-size: 20px;
}

.increase_font2 .serviseBox h4 {
  font-size: 1.95rem;
}

.increase_font2 .scheme-detail-data .brklimit1 {
  font-size: 1.5rem;
}

.increase_font2 .bannerHeadings {
  font-size: 2.8rem !important;
}

.increase_font2 .accordion-button {
  font-size: 1.4rem;
}



/* decrease_font1 csssss */
.decrease_font1 .accordion-button {
  font-size: 0.8rem;
}

.decrease_font1 .bannerHeadings {
  font-size: 2.1rem !important;
}

.decrease_font1 .countservice {
  font-size: 0.80rem;
}

.decrease_font1 .h6,
.decrease_font1 h6 {
  font-size: 0.8rem !important;
}

.decrease_font1 a,
.decrease_font1 span,
.decrease_font1 .btn,
.decrease_font1 p,
.decrease_font1 .breadcrumb-item {
  font-size: 11px !important;
}

.decrease_font1 h2,
.decrease_font1 .h2 {
  font-size: 1.4rem !important;
}

.decrease_font1 .h5,
.decrease_font1 h5 {
  font-size: 0.9rem !important;
}

.decrease_font1 .h4,
.decrease_font1 h4 {
  font-size: 1.2rem !important;
}

.decrease_font1 .txt_v1 {
  text-transform: uppercase;
  font-size: 1.75rem !important;
}

.decrease_font1 .txt_v2 {
  font-size: 2.5rem !important;
}

.decrease_font1 .volunteers h6.txt_v4 {
  font-size: 0.75rem !important;
}

.decrease_font1 .service-box li {
  font-size: 1.2rem !important;
}

.decrease_font1 .serviseBox h6 {
  font-size: 13px;
}

.decrease_font1 .serviseBox h4 {
  font-size: 1.3rem;
}

.decrease_font1 .scheme-detail-data .brklimit1 {
  font-size: 1.95rem;
}


/* decrease_font2 csssss */
.decrease_font2 .accordion-button {
  font-size: 0.75rem;
}

.decrease_font2 .bannerHeadings {
  font-size: 2rem !important;
}

.decrease_font2 .countservice {
  font-size: 0.75rem;
}

.decrease_font2 .h6,
.decrease_font2 h6 {
  font-size: 0.75rem !important;
}

.decrease_font2 a,
.decrease_font2 span,
.decrease_font2 .btn,
.decrease_font2 p,
.decrease_font2 .breadcrumb-item {
  font-size: 10px !important;
}

.decrease_font2 h2,
.decrease_font2 .h2 {
  font-size: 1.3rem !important;
}

.decrease_font2 .h5,
.decrease_font2 h5 {
  font-size: 0.8rem !important;
}

.decrease_font2 .h4,
.decrease_font2 h4 {
  font-size: 1.1rem !important;
}

.decrease_font2 .txt_v1 {
  text-transform: uppercase;
  font-size: 1.50rem !important;
}

.decrease_font2 .txt_v2 {
  font-size: 2.4rem !important;
}

.decrease_font2 .volunteers h6.txt_v4 {
  font-size: 0.65rem !important;
}

.decrease_font2 .service-box li {
  font-size: 1rem !important;
}

.decrease_font2 .serviseBox h6 {
  font-size: 12px;
}

.decrease_font2 .serviseBox h4 {
  font-size: 1.2rem;
}

.decrease_font2 .scheme-detail-data .brklimit1 {
  font-size: 1.75rem;
}

.decrease_font .accordion-body label,
.decrease_font li {
  font-size: 0.9rem !important;
}

.decrease_font1 .accordion-body label,
.decrease_font1 li {
  font-size: 0.85rem !important;
}

.decrease_font2 .accordion-body label,
.decrease_font2 li {
  font-size: 0.75rem !important;
}

.increase_font .accordion-body label,
.increase_font li {
  font-size: 1.1rem !important;
}

.increase_font1 .accordion-body label,
.increase_font1 li {
  font-size: 1.2rem !important;
}

.increase_font2 .accordion-body label,
.increase_font2 li {
  font-size: 1.25rem !important;
}

.stepings .stepsvg svg text {
  font-size: 28px !important;
  transform: translate(230px, 270px) !important;
}

.stepings .stepsvg1 svg text {
  font-size: 28px !important;
  transform: translate(235px, 270px) !important;
}

.stepings .stepsvg2 svg text {
  font-size: 28px !important;
  transform: translate(235px, 270px) !important;
}

.decrease_font .stepings .stepsvg svg text {
  font-size: 26px !important;
  transform: translate(235px, 270px) !important;
}

.decrease_font .stepings .stepsvg1 svg text {
  font-size: 26px !important;
  transform: translate(242px, 270px) !important;
}

.decrease_font .stepings .stepsvg2 svg text {
  font-size: 26px !important;
  transform: translate(242px, 270px) !important;
}

.decrease_font1 .stepings .stepsvg svg text {
  font-size: 24px !important;
  transform: translate(240px, 270px) !important;
}

.decrease_font1 .stepings .stepsvg1 svg text {
  font-size: 24px !important;
  transform: translate(250px, 270px) !important;
}

.decrease_font1 .stepings .stepsvg2 svg text {
  font-size: 24px !important;
  transform: translate(250px, 270px) !important;
}

.decrease_font2 .stepings .stepsvg svg text {
  font-size: 20px !important;
  transform: translate(250px, 270px) !important;
}

.decrease_font2 .stepings .stepsvg1 svg text {
  font-size: 20px !important;
  transform: translate(260px, 270px) !important;
}

.decrease_font2 .stepings .stepsvg2 svg text {
  font-size: 20px !important;
  transform: translate(260px, 270px) !important;
}


.increase_font .stepings .stepsvg svg text {
  font-size: 30px !important;
  transform: translate(225px, 270px) !important;
}

.increase_font .stepings .stepsvg1 svg text {
  font-size: 30px !important;
  transform: translate(230px, 270px) !important;
}

.increase_font .stepings .stepsvg2 svg text {
  font-size: 30px !important;
  transform: translate(230px, 270px) !important;
}


.increase_font1 .stepings .stepsvg svg text {
  font-size: 32px !important;
  transform: translate(220px, 270px) !important;
}

.increase_font1 .stepings .stepsvg1 svg text {
  font-size: 32px !important;
  transform: translate(223px, 270px) !important;
}

.increase_font1 .stepings .stepsvg2 svg text {
  font-size: 32px !important;
  transform: translate(223px, 270px) !important;
}

.increase_font2 .stepings .stepsvg svg text {
  font-size: 34px !important;
  transform: translate(218px, 270px) !important;
}

.increase_font2 .stepings .stepsvg1 svg text {
  font-size: 34px !important;
  transform: translate(215px, 270px) !important;
}

.increase_font2 .stepings .stepsvg2 svg text {
  font-size: 34px !important;
  transform: translate(215px, 270px) !important;
}

/*
.increase_font1 main.vdv-main .text-theme-vdv.h4{
  font-size: 1.6rem !important;
}
.increase_font2 main.vdv-main .text-theme-vdv.h4{
  font-size: 1.7rem !important;
}
.decrease_font1 main.vdv-main .text-theme-vdv.h4{
  font-size: 1.4rem !important;
}
.decrease_font2 main.vdv-main .text-theme-vdv.h4{
  font-size: 1.3rem !important;
}
.increase_font1 main.vdv-main h6,.increase_font1 main.vdv-main .form-control{
  font-size: 1.1rem !important;
}
.increase_font2 main.vdv-main h6,.increase_font2 main.vdv-main .form-control{
  font-size: 1.2rem !important;
}
.decrease_font1 main.vdv-main h6,.decrease_font1 main.vdv-main .form-control{
  font-size: 0.8rem !important;
}
.decrease_font2 main.vdv-main h6,.decrease_font2 main.vdv-main .form-control{
  font-size: 0.6rem !important;
} */
.increase_font1 .font16 {
  font-size: 17px !important;
}

.increase_font2 .font16 {
  font-size: 18px !important;
}

.decrease_font1 .font16 {
  font-size: 15px !important;
}

.decrease_font2 .font16 {
  font-size: 14px !important;
}



.increase_font #accordion .card .card-header h5,
.increase_font .h5,
.increase_font .volunteers h6.txt_v4,
.increase_font h5,
.increase_font .font-cn1 p,
.increase_font .font-cn1 span p,
body.megh-one.increase_font .ng-select .ng-select-container .ng-value-container .ng-placeholder,
.increase_font main.vdv-main .cardbodystyle div hdsbpm-request-form>form .sectn1 div label.col-lg-4.col-sm-12,
.increase_font main.vdv-main .closeBtn1,
.increase_font main.vdv-main .cstmhead label,
.increase_font main.vdv-main .fnt13,
.increase_font main.vdv-main .font9,
.increase_font main.vdv-main .form-control,
.increase_font main.vdv-main .form-select,
.increase_font main.vdv-main .h6,
.increase_font main.vdv-main .ng-select div,
.increase_font main.vdv-main .ng-select input,
.increase_font main.vdv-main .ng-select span,
.increase_font main.vdv-main .ngx-datatable.material .empty-row,
.increase_font main.vdv-main h6,
.increase_font main.vdv-main label.form-label,
body.megh-one.increase_font .form-control,
body.megh-one.increase_font label {
  font-size: 1.2rem !important;
}

.increase_font1 #accordion .card .card-header h5,
.increase_font1 .h5,
.increase_font1 .volunteers h6.txt_v4,
.increase_font1 h5,
.increase_font1 .font-cn1 p,
.increase_font1 .font-cn1 span p,
body.megh-one.increase_font1 .ng-select .ng-select-container .ng-value-container .ng-placeholder,
.increase_font1 main.vdv-main .cardbodystyle div hdsbpm-request-form>form .sectn1 div label.col-lg-4.col-sm-12,
.increase_font1 main.vdv-main .closeBtn1,
.increase_font1 main.vdv-main .cstmhead label,
.increase_font1 main.vdv-main .fnt13,
.increase_font1 main.vdv-main .font9,
.increase_font1 main.vdv-main .form-control,
.increase_font1 main.vdv-main .form-select,
.increase_font1 main.vdv-main .h6,
.increase_font1 main.vdv-main .ng-select div,
.increase_font1 main.vdv-main .ng-select input,
.increase_font1 main.vdv-main .ng-select span,
.increase_font1 main.vdv-main .ngx-datatable.material .empty-row,
.increase_font1 main.vdv-main h6,
.increase_font1 main.vdv-main label.form-label,
body.megh-one.increase_font1 .form-control,
body.megh-one.increase_font1 label {
  font-size: 1.3rem !important;
}

.increase_font2 #accordion .card .card-header h5,
.increase_font2 .h5,
.increase_font2 .volunteers h6.txt_v4,
.increase_font2 h5,
.increase_font2 .font-cn1 p,
.increase_font2 .font-cn1 span p,
body.megh-one.increase_font2 .ng-select .ng-select-container .ng-value-container .ng-placeholder,
.increase_font2 main.vdv-main .cardbodystyle div hdsbpm-request-form>form .sectn1 div label.col-lg-4.col-sm-12,
.increase_font2 main.vdv-main .closeBtn1,
.increase_font2 main.vdv-main .cstmhead label,
.increase_font2 main.vdv-main .fnt13,
.increase_font2 main.vdv-main .font9,
.increase_font2 main.vdv-main .form-control,
.increase_font2 main.vdv-main .form-select,
.increase_font2 main.vdv-main .h6,
.increase_font2 main.vdv-main .ng-select div,
.increase_font2 main.vdv-main .ng-select input,
.increase_font2 main.vdv-main .ng-select span,
.increase_font2 main.vdv-main .ngx-datatable.material .empty-row,
.increase_font2 main.vdv-main h6,
.increase_font2 main.vdv-main label.form-label,
body.megh-one.increase_font2 .form-control,
body.megh-one.increase_font2 label {
  font-size: 1.35rem !important;
}


.decrease_font #accordion .card .card-header h5,
.decrease_font .h5,
.decrease_font .volunteers h6.txt_v4,
.decrease_font h5,
.decrease_font .font-cn1 p,
.decrease_font .font-cn1 span p,
body.megh-one.decrease_font .ng-select .ng-select-container .ng-value-container .ng-placeholder,
.decrease_font main.vdv-main .cardbodystyle div hdsbpm-request-form>form .sectn1 div label.col-lg-4.col-sm-12,
.decrease_font main.vdv-main .closeBtn1,
.decrease_font main.vdv-main .cstmhead label,
.decrease_font main.vdv-main .fnt13,
.decrease_font main.vdv-main .font9,
.decrease_font main.vdv-main .form-control,
.decrease_font main.vdv-main .form-select,
.decrease_font main.vdv-main .h6,
.decrease_font main.vdv-main .ng-select div,
.decrease_font main.vdv-main .ng-select input,
.decrease_font main.vdv-main .ng-select span,
.decrease_font main.vdv-main .ngx-datatable.material .empty-row,
.decrease_font main.vdv-main h6,
.decrease_font main.vdv-main label.form-label,
body.megh-one.decrease_font .form-control,
body.megh-one.decrease_font label {
  font-size: 0.9rem !important;
}

.decrease_font1 #accordion .card .card-header h5,
.decrease_font1 .h5,
.decrease_font1 .volunteers h6.txt_v4,
.decrease_font1 h5,
.decrease_font1 .font-cn1 p,
.decrease_font1 .font-cn1 span p,
body.megh-one.decrease_font1 .ng-select .ng-select-container .ng-value-container .ng-placeholder,
.decrease_font1 main.vdv-main .cardbodystyle div hdsbpm-request-form>form .sectn1 div label.col-lg-4.col-sm-12,
.decrease_font1 main.vdv-main .closeBtn1,
.decrease_font1 main.vdv-main .cstmhead label,
.decrease_font1 main.vdv-main .fnt13,
.decrease_font1 main.vdv-main .font9,
.decrease_font1 main.vdv-main .form-control,
.decrease_font1 main.vdv-main .form-select,
.decrease_font1 main.vdv-main .h6,
.decrease_font1 main.vdv-main .ng-select div,
.decrease_font1 main.vdv-main .ng-select input,
.decrease_font1 main.vdv-main .ng-select span,
.decrease_font1 main.vdv-main .ngx-datatable.material .empty-row,
.decrease_font1 main.vdv-main h6,
.decrease_font1 main.vdv-main label.form-label,
body.megh-one.decrease_font1 .form-control,
body.megh-one.decrease_font1 label {
  font-size: 0.8rem !important;
}

.decrease_font2 #accordion .card .card-header h5,
.decrease_font2 .h5,
.decrease_font2 .volunteers h6.txt_v4,
.decrease_font2 h5,
.decrease_font2 .font-cn1 p,
.decrease_font2 .font-cn1 span p,
body.megh-one.decrease_font2 .ng-select .ng-select-container .ng-value-container .ng-placeholder,
.decrease_font2 main.vdv-main .cardbodystyle div hdsbpm-request-form>form .sectn1 div label.col-lg-4.col-sm-12,
.decrease_font2 main.vdv-main .closeBtn1,
.decrease_font2 main.vdv-main .cstmhead label,
.decrease_font2 main.vdv-main .fnt13,
.decrease_font2 main.vdv-main .font9,
.decrease_font2 main.vdv-main .form-control,
.decrease_font2 main.vdv-main .form-select,
.decrease_font2 main.vdv-main .h6,
.decrease_font2 main.vdv-main .ng-select div,
.decrease_font2 main.vdv-main .ng-select input,
.decrease_font2 main.vdv-main .ng-select span,
.decrease_font2 main.vdv-main .ngx-datatable.material .empty-row,
.decrease_font2 main.vdv-main h6,
.decrease_font2 main.vdv-main label.form-label,
body.megh-one.decrease_font2 .form-control,
body.megh-one.decrease_font2 label {
  font-size: 0.75rem !important;
}

.gapfooter .igx-grid__footer {
  grid-row: auto !important;
}


.ng-dropdown-panel.ng-select-multiple {
  z-index: 9999;
}

.megh-one .multiselect-dropdown {
  font-size: 1rem !important;
}


.map-container .leaflet-popup-content-wrapper {
  width: max-content !important;
}


.megh-one .btn.btn-warning {
  font-size: 1rem;
  font-weight: 400;
  color: #333 !important;
}

.megh-one .igx-grid__th-title,
.megh-one .igx-grid__td span {
  font-size: 0.9rem;
}


.megh-one .form-control,
.megh-one .form-select {
  font-size: 0.9rem !important;
}

.megh-one .ng-select.ng-select-single .ng-select-container {
  height: 40px;
}


.megh-one table td,
.megh-one table th,
.megh-one table tr {
  font-size: 0.9rem;
}



.tableau {
  width: 100%;
  height: 100vh;
  position: relative;
}

.tabcont {
  max-height: calc(100vh - 117px);
  overflow: auto;

}



.lifesection .owl-theme .owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  margin-top: 0;
}

.lifesection .owl-theme .owl-nav .owl-next {
  color: #FFF;
  font-size: 20px;
  margin: 5px;
  padding: 6px 14px;
  background: #0f4897;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  right: -50px;
}

.lifesection .owl-theme .owl-nav .owl-next:hover,
.lifesection .owl-theme .owl-nav .owl-prev:hover {
  background: #0f4897;
  cursor: pointer;
}

.lifesection .owl-theme .owl-nav .owl-prev {
  color: #FFF;
  font-size: 20px;
  margin: 5px;
  padding: 6px 14px;
  background: #0f4897;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  left: -50px;
}



.popular-service .owl-theme .owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
  display: flex !important;
  justify-content: space-between;
  transform: translateY(-50%);
  margin-top: 0;
}

.popular-service .owl-theme .owl-nav .owl-next {
  color: #FFF;
  font-size: 20px;
  margin: 5px;
  padding: 6px 14px;
  background: #0f4897;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  right: -25px;
}

.popular-service .owl-theme .owl-nav .owl-next:hover,
.lifesection .owl-theme .owl-nav .owl-prev:hover {
  background: #0f4897;
  cursor: pointer;
}

.popular-service .owl-theme .owl-nav .owl-prev {
  color: #FFF;
  font-size: 20px;
  margin: 5px;
  padding: 6px 14px;
  background: #0f4897;
  display: inline-block;
  cursor: pointer;
  border-radius: 50%;
  position: absolute;
  left: -25px;
}

.mine a.fc-col-header-cell-cushion {
  font-size: 0.8em !important;
}

a.fc-daygrid-day-number {
  font-size: .8rem;
}

.topnew .owl-theme .owl-nav {
  position: absolute;
  top: -70px;
  left: 0;
  margin-top: 0;
  display: flex !important;
}


.topnew .owl-theme .owl-nav .owl-next {
  color: #0f4897;
  font-size: 20px;
  padding: 6px 14px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  /* border-radius: 50%; */
}

.topnew .owl-theme .owl-nav .owl-next:hover,
.topnew .owl-theme .owl-nav .owl-prev:hover {
  background: #3681c4;
  cursor: pointer;
  color: #ffffff;
}

.topnew .owl-theme .owl-nav .owl-prev {
  color: #0f4897;
  font-size: 20px;
  padding: 6px 14px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  /* border-radius: 50%; */
}

.leave-card .owl-theme .owl-nav {
  position: absolute;
  top: 40%;
  width: 100%;
  display: flex !important;
  justify-content: space-between;
  transform: translateY(-50%);
  margin-top: 0;
}

.commonigx .igx-grid__thead-wrapper {
  background-color: #fff7ed !important;
  color: #d27524 !important;
}

igx-grid {
  margin: 0 !important;
}


.topservices1 .owl-theme .owl-nav {
  display: flex;
  justify-content: end;
  align-items: center;
  position: absolute;
  bottom: 0;
  right: 0;
}


.topservices1 .owl-theme .owl-nav .owl-next {
  color: #0f4897;
  font-size: 20px;
  padding: 6px 14px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
}

.topservices1 .owl-theme .owl-nav .owl-prev {
  color: #0f4897;
  font-size: 20px;
  padding: 6px 14px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
}

.topservices1 .owl-theme .owl-nav .owl-next:hover,
.topservices1 .owl-theme .owl-nav .owl-prev:hover {
  background: #3681c4;
  cursor: pointer !important;
  color: #ffffff;
}




.aboutGrievance1 .owl-theme .owl-nav {
  display: flex;
  justify-content: end;
  align-items: center;
}

.overlowhodden {
  overflow: hidden !important;
}

.aboutGrievance1 .owl-theme .owl-nav .owl-next {
  color: #ffa500;
  font-size: 20px;
  padding: 6px 14px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
}

.aboutGrievance1 .owl-theme .owl-nav .owl-prev {
  color: #ffa500;
  font-size: 20px;
  padding: 6px 14px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
}

.aboutGrievance1 .owl-theme .owl-nav .owl-next:hover,
.aboutGrievance1 .owl-theme .owl-nav .owl-prev:hover {
  background: #ffa500;
  cursor: pointer !important;
  color: #ffffff;
}



.successstory .owl-theme .owl-nav {
  display: flex;
  justify-content: start;
  align-items: center;
}

.successstory .owl-theme .owl-nav .owl-next {
  color: #3b4e8b;
  font-size: 20px;
  padding: 6px 14px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
}

.successstory .owl-theme .owl-nav .owl-prev {
  color: #3b4e8b;
  font-size: 20px;
  padding: 6px 14px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
}

.successstory .owl-theme .owl-nav .owl-next:hover,
.successstory .owl-theme .owl-nav .owl-prev:hover {
  background: #3b4e8b;
  cursor: pointer !important;
  color: #ffffff;
}



.aboutcarousel .owl-theme .owl-nav {
  /* display: flex;
      justify-content: flex-start;
      align-items: center;
      position: absolute;
      bottom: -80px;
      left: 30px; */
  display: none;
}

/* .aboutcarousel .owl-theme .owl-nav .owl-next{
  color: #0c4789;
  font-size: 20px;
  padding: 6px 14px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  }  
.aboutcarousel .owl-theme .owl-nav .owl-prev{
  color: #0c4789;
  font-size: 20px;
  padding: 6px 14px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  }

  .aboutcarousel .owl-theme .owl-nav .owl-next:hover, .aboutcarousel .owl-theme .owl-nav .owl-prev:hover{
    background: #0c4789;
    cursor: pointer !important;
    color: #ffffff;
    } */
.vdv-main .input-group .btn {
  z-index: 1;
}

.vdv-main .formextend {
  z-index: 1 !important;
}

.leaveplolicypage .angular-editor-textarea {
  min-height: 150px !important;
}

main.bg-light .ng-select div,
main.bg-light .ng-select input,
main.bg-light .ng-select span {
  font-size: 0.9rem;
}

.main.vdv-main.bgOne .ng-select .ng-select-container {
  color: #000;
}


main.vdv-main.bgOne .bgOne.py-lg-2.py-1.px-0 .container .col-sm-12.text-end button {
  font-size: 0.9rem !important;
  padding: 5px 8px;
}

.clarea table td.fc-daygrid-day {
  max-height: 100px !important;
  height: 100px
}

.filtrbtn {
  position: absolute;
  right: 0px;
  z-index: 14;
  top: 75px;
  border-radius: 5px 0px 0px 5px !important;
  width: min-content;
}


.pmu-user .igx-grid__footer {
  grid-row: 7 !important;
}

.MYEDITBOX .note-editable {
  padding: 10px 188px 58px 168px !important;
}

.MYEDITBOX .note-editable::placeholder {
  text-align: center !important;

}

.note-editable {
  padding-left: 20px !important;
}

.cst_lsts ul {
  padding-left: 4px !important;
  list-style-type: disc;
}

.cst_lsts ol {
  padding-left: 4px !important;
  list-style-type: disc;
}

.grid7 .igx-grid__footer {
  grid-row: 7 !important;
}

.grid7 .igx-input-group--border.igx-input-group--cosy .igx-input-group__bundle-main {
  padding-top: 0px !important;
}

.grid7 .igx-input-group--border .igx-input-group__input {
  transform: translateY(0%);
}

.oranggrid .igx-grid__thead-wrapper,
.oranggrid .ngo-grid .igx-grid__tfoot {
  background: #fff7ed !important;
  color: #d27524 !important;
  font-weight: 400 !important;
  border: 1px solid #efdbca;
}

.igx-chip__content {
  font-size: 0.8rem;
}

.oranggrid .igx-grid__th,
.oranggrid .igx-grid__td {
  padding: 0 0.5rem;
}



/* new css starts here  */
.cstm-table thead tr th {
  font-size: 0.9rem;
  padding: 8px 10px !important;
  font-weight: 500;
}

.cstm-table tbody tr td {
  font-size: 0.9rem;
  vertical-align: middle;
  padding: 8px 10px !important;
}


.cstmfontselect .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  font-size: 0.9rem !important;
}

.cstmfontselect .ng-select.ng-select-single .ng-select-container {
  height: calc(1.8em + 13px + 2px) !important;
}

.cstmfontselect input.form-control {
  height: calc(1.8em + 13px + 2px) !important;
  font-size: 0.9rem !important;
}

.cstmfontselect input select.form-select {
  height: calc(1.8em + 13px + 2px) !important;
  font-size: 0.9rem !important;
}

.cstmfontselect .ng-select div,
.cstmfontselect .ng-select input,
.cstmfontselect .ng-select span {
  font-size: 0.9rem !important;
}

.cstmfontselect input.form-control::placeholder {
  color: #777 !important;
}

.cstmfontselect .form-control2::placeholder {
  font-size: 0.9rem !important;
  color: #777 !important;
}

.cstmfontselect textarea::placeholder {
  font-size: 0.9rem !important;
  color: #777 !important;
}

.cstmfontselect textarea {
  font-size: 0.9rem !important;
  color: #777 !important;
}

.multiselect-dropdown .dropdown-list {
  overflow: hidden;
}

.cstmfontselect select.form-select {
  height: calc(1.8em + 13px + 2px) !important;
  font-size: 0.9rem !important;
}

.svbtnhidden hdsbpm-request-form #btnSubmit {
  display: none !important;
}

@media screen and (min-width: 992px) {
  #sidebar-wrapper .setheightdcs {

    overflow-y: auto;
    overflow-x: hidden;

  }

  #sidebar-wrapper .setheightdcs::-webkit-scrollbar {
    width: 2px !important;
  }
}

.centrrct .igx-grid__thead-item .igx-grid__thead-title {
  margin: auto;
  text-align: center;
}

.overflowhide .ng2-pdf-viewer-container {
  overflow-x: hidden !important;
}

.borderstyle {
  border-right: 1px solid #a5a5a5;
  width: auto;
  height: 23px;
}

.sidebar,
input:checked+.sliderbtn {
  background-color: #475569 !important;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #2c3d5a;
}