@font-face {
  font-family: 'Montserrat';
  src: url(.././../assets/css/fonts/Montserrat-Regular.woff2) format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Montserrat';
  src: url(.././../assets/css/fonts/Montserrat-Medium.woff2) format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Montserrat';
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url(.././../assets/css/fonts/Montserrat-Light.woff2) format('woff2')
}

@font-face {
  font-family: 'Montserrat';
  src: url(.././../assets/css/fonts/Montserrat-Bold.woff2) format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'Montserrat';
  src: url(.././../assets/css/fonts/Montserrat-SemiBold.woff2) format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

body {
  font-family: 'Nunito Sans', sans-serif !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Nunito Sans', sans-serif !important;
  font-weight: 600
}

.menuList li a {
  font-family: 'Nunito Sans', sans-serif !important
}

.menuList li a:hover {
  color: #089b7a !important
}

@media screen and (min-width:1200px) and (max-width:1600px) {
  .mw90plus {
    min-width: 93vw
  }
}

* {
  margin: 0;
  padding: 0
}

.bglogin {
  background: #ececec
}

.bgback {
  width: 100%;
  height: 100vh;
  background: #68D69B;
  background: linear-gradient(25deg, rgb(166 255 214) 50%, rgb(255 255 255) 0%);
  z-index: -1;
  position: fixed
}

.text-grey {
  color: #959595
}

.font-w-500 {
  font-weight: 500
}

.font8 {
  font-size: 0.8rem !important
}

.font9 {
  font-size: 0.9rem !important
}

.text-theme {
  color: #15803d !important
}

.bg-theme-dark {
  background-color: #15803d !important
}

.font1rem {
  font-size: 1rem !important
}

.eye-icon {
  cursor: pointer;
  font-size: 16px;
  color: #626262
}

.eye-icon.active {
  color: #449cfa
}

.mygrouptext {
  height: 34px;
  padding: 0 8px
}

.font600 {
  font-weight: 600 !important
}

.minhyt80 {
  min-height: 75vh
}

@media screen and (max-width:2100px) {
  .mnwdth98vw {
    min-width: 98vw !important
  }
}

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

.form-control2:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: none !important
}

.NgxEditor__Wrapper .NgxEditor__Content {
  min-height: 120px
}

textarea.form-control {
  min-height: 80px !important
}

.form-control:focus {
  box-shadow: none !important;
  border-color: #198754 !important
}

.minhytModal {
  overflow-y: auto;
  max-height: 70vh;
  overflow-x: hidden;
  min-height: 50vh;
  margin-bottom: 20px;
  padding-bottom: 10px
}

.minhyt40 dynamic-formview form {
  overflow-y: auto;
  max-height: 70vh;
  overflow-x: hidden;
  min-height: 50vh;
  margin-bottom: 20px;
  padding-bottom: 10px
}

.minhyt40 .tab-content .huno-form div hr:first-child {
  display: none
}

.minhyt40 form.dynamic-form {
  overflow-y: auto;
  min-height: 50vh;
  max-height: 70vh;
  overflow-x: hidden;
  margin-bottom: 20px
}

.minhyt40 form.huno-formview {
  overflow-y: auto;
  max-height: 70vh;
  overflow-x: hidden;
  margin-bottom: 20px;
  min-height: 50vh
}

.minhyt40 form.huno-form {
  overflow-y: auto;
  max-height: 70vh;
  overflow-x: hidden;
  margin-bottom: 20px;
  min-height: 50vh
}

.bottmbtnhide hdsbpm-form-repeat form .bottom-button-group {
  display: none !important
}

.bottmbtnhide hdsbpm-form-repeat form .font8 {
  font-size: 0.9rem !important
}

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

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

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

label.col-lg-4.col-md-12.col-sm-12.font8.text-right {
  font-size: 0.9rem !important;
  font-family: 'Nunito Sans';
  font-weight: 600;
  border: none;
  background: none;
  border-top: none;
  padding: 7px 6px !important;
  border-left: none
}

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

.popcstm .labelclass>label {
  border: none;
  background: none;
  border-top: none;
  padding: 7px 6px;
  border-left: none;
  font-size: 0.9rem !important;
  font-family: 'Nunito Sans';
  font-weight: 700
}

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

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

.sectn1 label,
.sectn1 .form-control {
  font-size: .9rem !important;
  font-family: 'Nunito Sans'
}

@media screen and (min-width:992px) {
  .filtrbtn {
    display: none
  }

  .text-right {
    text-align: right
  }
}

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

.mr-2 {
  margin-right: 0.5rem !important
}

.ml-2 {
  margin-left: 0.5rem !important
}

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

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

.ui-modal,
.ui-modal-overlay {
  display: none;
  left: 0;
  position: fixed;
  top: 0
}

.ui-modal-overlay {
  background-color: rgba(0, 0, 0, .2);
  height: 100%;
  width: 100%
}

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

.igx-grid-thead__title,
.igx-grid-th,
.form-control,
.form-select,
.form-control::placeholder,
.form-select::placeholder {
  font-size: 0.9rem !important
}

.pl-4 {
  padding-left: 1.5rem !important
}

.pr-4 {
  padding-right: 1.5rem !important
}

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
.ng-select {
  font-size: .9rem
}

.owlcarousel1 .owl-theme .owl-nav {
  z-index: 9999;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  left: 50%;
  bottom: 10px
}

.owl-theme .owl-nav [class*=owl-] {
  padding: 6px 6px !important;
  border-radius: 50% !important;
  background-color: #1060a0 !important
}

.width-set {
  max-width: 992px;
  margin: auto;
  display: block
}

.igx-grid__tbody-message {
  background: #fff
}

.ng-select .ng-select-container {
  min-height: 34px !important
}

.ng-select.ng-select-single .ng-select-container {
  height: 36px !important
}

.leftBoxsheet .row {
  margin: 5px
}

.leftBoxsheet .row label {
  font-weight: 700
}

.leftBoxsheet h6.col-sm-12.nopadding.font600.mb-0.mt-0 {
  padding: 6px 5px;
  font-weight: 700 !important
}

.dropdown-list h5 {
  font-size: 0.9rem !important
}

.multiselect-dropdown .dropdown-btn {
  font-size: .9rem;
  color: #566c75;
  border: 1px solid #cccccc !important;
  border-radius: .375rem
}

.igx-grid-th__title {
  font-weight: 700
}

.ag-theme-alpine.cstmfooter1 {
  min-height: 200px !important;
  overflow: auto;
  max-height: 300px
}

.ag-theme-alpine .ag-header-cell-text {
  white-space: normal
}

.ag-theme-alpine .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.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-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 {
  border-color: none !important;
  border-right: 0px !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  border-left: 1px solid #bebfc7 !important
}

.tab-pane .ag-theme-alpine .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),
.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-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 {
  border-color: none !important;
  border-right: 0px !important;
  border-top: 0px !important;
  border-bottom: 0px !important;
  border-left: 0px !important
}

.ag-theme-alpine .ag-header-cell-text {
  white-space: normal
}

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

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

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

#addattr table th.tablesecondheader {
  background: #f5f5f5;
  font-size: .85rem
}

.sectn1 {
  margin-bottom: 0.75rem !important
}

.upl_lnk {
  position: absolute;
  right: 11px;
  top: 4px
}

#sentto .angular-editor-textarea {
  min-height: 150px !important
}

#notesheetEditor .angular-editor-textarea {
  min-height: 150px !important
}

.timesclose {
  display: none !important
}

.igx-grid-th__title {
  color: #172b40
}

@media screen and (min-width:1200px) {
  .toggle-sidebar .sidebar-nav .nav-item .nav-content.collapse.show {
    position: fixed;
    left: 60px;
    background-color: #5d82cc;
    width: 210px;
    z-index: 100444444;
    padding-top: 30px !important;
    top: 0;
    height: 100vh;
    max-height: 100vh
  }

  .toggle-sidebar .sidebar-nav .nav-content.collapse.show a {
    padding: 10px 0 10px 15px !important
  }

  .toggle-sidebar .sidebar-nav .nav-content.collapse.show a .spandatatext {
    display: block
  }

  .toggle-sidebar .sidebar-nav .nav-content.collapse.show a:hover {
    background: #0c62a7
  }

  .toggle-sidebar .sidebar-nav .nav-item .nav-link.collapsed i.bi-chevron-down,
  .toggle-sidebar .sidebar-nav .nav-link:not(.collapsed) .bi-chevron-down {
    display: none
  }

  .sidebar-nav .nav-item .nav-link i.bi-chevron-down {
    font-size: 18px !important
  }

  .toggle-sidebar .sidebar-nav .nav-link i {
    margin-right: 0 !important
  }

  .toggle-sidebar .timesclose {
    font-size: 25px !important;
    position: absolute;
    display: block !important;
    margin-left: auto;
    right: 0;
    float: right;
    top: -15px;
    color: #fff !important
  }

  .toggle-sidebar .timesclose i {
    font-size: 16px !important
  }

  .toggle-sidebar .timesclose:hover {
    background: transparent !important
  }
}

.pd-wid {
  width: 100%;
  min-height: 400px;
  max-height: 400px;
  overflow: auto
}

.pd-wid-big {
  width: 100%;
  min-height: 700px;
  max-height: 700px;
  overflow: auto
}

.igx-grid,
.igx-grid--cosy,
.igx-grid--compact {
  border: 1px solid #d2d2d2;
  box-shadow: none !important
}

.homecarl .owl-item img {
  border: 1px solid #ddd
}

header.igx-excel-filter__menu-header h4 {
  font-size: 1.2rem !important
}

.noti-clor {
  color: #9c6500 !important;
  display: block;
  padding: 5px
}

.noti-bg-dash {
  background: #fff7e8 !important;
  border-radius: 2px
}

igx-paginator.igx-paginator {
  padding-bottom: 4px;
  height: 40px;
  border-bottom: 1px solid #ddd
}

igx-paginator .igx-input-group__bundle {
  border-bottom: none !important
}

.igx-checkbox__label {
  font-size: 0.9rem !important
}

.igx-input-group,
.igx-input-group--focused {
  --size: max(var(--is-large, 1) max(3.5rem, -1 3.5rem), var(--is-medium, 1) max(3rem, -1 3rem), var(--is-small, 1) max(1.7rem, -1 2.1rem)) !important
}

.igx-input-group .igx-select__toggle-button {
  background: var(--toggle-button-background) !important
}

.gsbtn iframe {
  margin: 0px !important;
  width: 400 !important;
  display: table !important
}

.slidersection>img {
  border-radius: 10px !important
}

.bs-datepicker {
  box-shadow: none !important;
  border: 1px solid #ddd
}

@media screen and (max-width:767px) {
  .cmback::after {
    display: none
  }

  .bs-datepicker-container,
  bs-datepicker-inline-container,
  bs-days-calendar-view,
  bs-datepicker-inline-container {
    width: 100%
  }

  .bs-datepicker {
    width: 100% !important
  }
}

.videoHome .owl-item {
  opacity: .5;
  filter: brightness(.6);
  pointer-events: none
}

.videoHome .owl-item.active {
  opacity: 1 !important;
  filter: brightness(1) !important;
  pointer-events: all !important
}

.crd_list .owl-next {
  position: absolute;
  top: 46px;
  right: -4px;
  font-size: 19px !important;
  width: 42px !important;
  font-size: 21px;
  background: none
}

.crd_list .owl-prev {
  position: absolute;
  top: 46px;
  left: -4px;
  font-size: 19px !important;
  width: 42px !important;
  background: none
}

.crd_list1 .owl-next {
  position: absolute;
  top: 50%;
  right: -4px;
  font-size: 19px !important;
  width: 42px !important;
  font-size: 21px;
  background: none
}

.crd_list1 .owl-prev {
  position: absolute;
  top: 50%;
  left: -4px;
  font-size: 19px !important;
  width: 42px !important;
  background: none
}

.cst-cars .owl-next {
  position: absolute;
  top: 50%;
  right: -4px;
  font-size: 19px !important;
  width: 42px !important;
  font-size: 21px;
  background: none
}

.cst-cars .owl-prev {
  position: absolute;
  top: 50%;
  left: -4px;
  font-size: 19px !important;
  width: 42px !important;
  background: none
}

.igx-grid__td,
.igx-grid-thead__title,
.igx-grid-th {
  font-size: 0.9rem !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

.slidertoggleBtn .owl-next {
  position: absolute;
  top: 50%;
  right: -38px;
  font-size: 19px !important;
  width: 42px !important;
  background: none;
  transform: translate(-50%, -50%)
}

.slidertoggleBtn .owl-prev {
  position: absolute;
  top: 50%;
  left: 8px;
  font-size: 19px !important;
  width: 42px !important;
  background: none;
  transform: translate(-50%, -50%)
}

.mydatepicker2 .my-owl-carousel .owl-prev {
  padding: 0px !important;
  border-radius: 6px !important;
  width: 22px !important;
  margin: 0px !important;
  position: absolute;
  top: 0%;
  left: -16px
}

.mydatepicker2 .my-owl-carousel .owl-next {
  padding: 0px !important;
  width: 22px !important;
  border-radius: 6px !important;
  margin: 0px !important;
  position: absolute;
  top: 0%;
  right: -16px
}

.mobileheader h6.mb-0.fw-bold {
  font-size: 1.1rem !important
}

.next-font {
  font-size: 1.2rem !important;
  position: relative;
  top: 1px;
  margin-left: 3px
}

.prev-font {
  font-size: 1.2rem !important;
  position: relative;
  top: 1px;
  margin-right: 3px
}

.zoomOutImage {
  -webkit-animation-name: zoomOutImage;
  animation-name: zoomOutImage
}

.bgnew {
  background: #363d54;
  width: 100%
}

.cst-img img {
  max-width: 80%;
  display: block;
  margin: auto
}

.img-500 {
  height: 500px;
  width: 100%;
  border-radius: 5px
}

.cst-btn {
  font-size: 1.2rem !important;
  padding: 10px 20px
}

.prevBtn {
  position: absolute;
  top: 50%;
  left: 10px;
  font-size: 19px !important;
  width: 42px !important;
  background: #dedae7;
  border-radius: 50%;
  width: 46px;
  height: 40px;
  line-height: 19px;
  z-index: 9999;
  border-color: #e3dddd;
  font-size: 30px;
  padding: 0px !important
}

.nextBtn {
  position: absolute;
  top: 50%;
  right: 10px;
  font-size: 19px !important;
  width: 42px !important;
  font-size: 21px;
  background: #dedae7;
  border-radius: 50%;
  width: 46px;
  height: 40px;
  line-height: 19px;
  z-index: 9999;
  border-color: #e3dddd;
  font-size: 30px;
  color: #000;
  padding: 0px !important
}

.stick-dots .slick-dots li {
  height: 3px;
  width: 20px
}

.stick-dots .slick-dots li button {
  position: relative;
  background-color: #1a1919;
  opacity: .25;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  margin: 0
}

.slick-dotted .slick-slider {
  margin-bottom: 30px
}

.slick-dots {
  position: absolute;
  bottom: 25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%
}

.slick-dots li {
  position: relative;
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  cursor: pointer
}

.slick-dots li button {
  border: 0;
  display: block;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  transition: all 0.3s ease
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none
}

.simple-dots .slick-dots li {
  width: 20px;
  height: 20px
}

.simple-dots .slick-dots li button {
  border-radius: 50%;
  background-color: #fff;
  opacity: .25;
  width: 20px;
  height: 20px
}

.simple-dots .slick-dots li button:hover,
.simple-dots .slick-dots li button:focus {
  opacity: 1
}

.simple-dots .slick-dots li.slick-active button {
  color: #fff;
  opacity: .75
}

.stick-dots .slick-dots li {
  height: 3px;
  width: 10px
}

.stick-dots .slick-dots li button {
  position: relative;
  background-color: #fff;
  opacity: .25;
  width: 10px;
  height: 10px;
  padding: 0;
  padding: 0
}

.stick-dots .slick-dots li button:hover,
.stick-dots .slick-dots li button:focus {
  opacity: 1
}

.stick-dots .slick-dots li.slick-active button {
  color: #fff;
  opacity: .75
}

.stick-dots .slick-dots li.slick-active button:hover,
.stick-dots .slick-dots li.slick-active button:focus {
  opacity: 1
}

.font1_1 {
  font-size: 1.1rem !important
}

.selecttedit::-webkit-scrollbar {
  width: 10px
}

.selecttedit::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 100px
}

.selecttedit::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background-image: linear-gradient(180deg, #7dc0f7 0%, #708ad4 99%);
  box-shadow: inset 2px 2px 5px 0 rgba(#fff, .5)
}

.nav-link.disabled,
.nav-link:disabled {
  opacity: .6
}

.disclosingBox::-webkit-scrollbar {
  width: 10px
}

.disclosingBox::-webkit-scrollbar-track {
  background-color: #e4e4e4;
  border-radius: 100px
}

.disclosingBox::-webkit-scrollbar-thumb {
  border-radius: 100px;
  background-image: linear-gradient(180deg, #7dc0f7 0%, #708ad4 99%);
  box-shadow: inset 2px 2px 5px 0 rgba(#fff, .5)
}

.ovr-flw {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.citizen_carousel .owl-prev {
  top: 33%;
  left: -42px
}

.citizen_carousel .owl-next {
  top: 33%;
  right: -42px
}

.myslickslider .slick-next,
.myslickslider .slick-prev {
  font-size: 0;
  line-height: 0;
  top: 50%;
  width: 24px;
  height: 24px;
  margin-top: -10px\9;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: 0;
  background: transparent;
  z-index: 99;
  border-radius: 50%
}

.myslickslider .slick-prev:hover,
.myslickslider .slick-prev:focus,
.myslickslider .slick-next:hover,
.myslickslider .slick-next:focus {
  background: transparent;
  color: #1060a0
}

.myslickslider .slick-next:before,
.myslickslider .slick-prev:before {
  font-size: 36px;
  line-height: 1;
  opacity: .9;
  color: #358acd
}

.myslickslider .slick-prev.slick-disabled:before,
.myslickslider .slick-next.slick-disabled:before {
  opacity: .7
}

.myslickslider .slick-next {
  right: 0
}

.myslickslider .slick-prev {
  left: 0
}

.myslickslider .slick-prev:before,
.myslickslider .slick-next:before {
  font-size: 36px;
  line-height: 1;
  opacity: .9;
  color: #e0911a
}

button.btn.btn-primary.prevBtn.slick-arrow,
button.btn.btn-primary.nextBtn.slick-arrow {
  background: #e0911a;
  border-color: #e0911a;
  border-radius: 50%;
  z-index: 2
}

.myslickslider .slick-slide img {
  width: 100%;
  height: 240px;
  object-fit: cover
}

@media screen and (max-width:991px) {
  #filtrdata {
    display: none
  }

  .filtrbtn {
    position: fixed;
    bottom: 65px;
    right: 25px;
    z-index: 1;
    opacity: .8
  }

  .ddnone {
    display: none
  }

  .myslickslider .slick-prev,
  .myslickslider .slick-next {
    display: none !important
  }
}

.mainslider .slick-dots {
  bottom: 20px
}

.mainslider .slick-dotted.slick-slider {
  margin-bottom: -10px
}

.mainslider .slick-dots li button:before {
  font-size: 0
}

.cardsliderPoint .slidertoggleBtn .owl-prev {
  top: 35%;
  left: -6px;
  font-size: 14px !important;
  width: 30px !important;
  line-height: 18px
}

.cardsliderPoint .slidertoggleBtn .owl-next {
  top: 35%;
  right: -40px;
  font-size: 14px !important;
  width: 30px !important;
  line-height: 18px
}

.cardsliderPoint .owl-theme .owl-nav {
  margin-top: 0
}

::-webkit-scrollbar {
  width: 8px
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey;
  border-radius: 2px
}

::-webkit-scrollbar-thumb {
  background: #358ACD;
  border-radius: 2px
}

::-webkit-scrollbar-thumb:hover {
  background: #0f3f65
}

.mutipleImg .card img {
  width: 100px;
  height: 100px
}

.width-set h5.fw-semibold {
  font-size: 1rem !important;
  color: #232324;
  font-weight: 700 !important
}

.myslickslider .slick-track {
  margin-left: 0
}

.igx-drop-down__item--selected.igx-drop-down__item--focused {
  background: #fff !important
}

.ng-select.ng-select-disabled>.ng-select-container {
  background-color: #e9ecef !important
}

.chart-container canvas {
  width: 100% !important
}

.slick-dots li button:before {
  font-size: 10px
}

.address-container .cell-vl {
  white-space: pre-wrap;
  word-break: break-all
}

.datefilter input {
  height: 38px
}

.btn.resetDate {
  padding: 7px 10px
}

.brklimit {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical
}

.brklimit1 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical
}

.brklimit2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical
}

.carddots {
  z-index: -1
}

.cardtbl tr th,
.cardtbl tr td {
  padding: 3px 5px
}

.minmaxhyt165 {
  min-height: 189px;
  max-height: 189px
}

.igx-grid__tr-container--active,
.igx-grid__group-row--active,
.igx-grid-summary--active,
.igx-grid-th--active .igx-grid-th--selected,
.igx-grid-th--active .igx-grid-th--selectable,
.igx-grid-th--active,
.igx-grid__td--active {
  box-shadow: none !important
}

.ng2-pdf-viewer-container {
  overflow: hidden !important;
  overflow-y: scroll !important
}

.datepicker {
  transform: translate(1%, 25%)
}

.btn-yellow-rounded {
  background: #e0911a !important;
  color: #fff !important;
  border: 1px solid #e0911a
}

.btn-yellow-rounded:hover {
  background: #bd7811 !important;
  color: #fff !important;
  border: 1px solid #b07010 !important
}

.btn-yellow.rounded-pill {
  background: #e0911a !important;
  color: #fff !important;
  border: 1px solid #e0911a;
  border-radius: 56px !important
}

.btn-yellow.rounded-pill:hover {
  background: #bd7811 !important;
  color: #fff !important;
  border: 1px solid #b07010 !important;
  border-radius: 56px !important
}

.btn-yellow {
  background: #e0911a !important;
  color: #fff !important;
  border: 1px solid #e0911a;
  padding: 8px 15px !important;
  border-radius: 5px !important
}

.btn-yellow:hover {
  background: #212c3b !important;
  color: #fff !important;
  border: 1px solid #212c3b !important;
  padding: 8px 15px !important;
  border-radius: 5px !important
}

.btn-black {
  background: #212c3b !important;
  color: #bf7e1d !important;
  border: 1px solid #c78521 !important;
  padding: 8px 15px !important;
  border-radius: 5px !important
}

.btn-black:hover {
  background: #c78521 !important;
  color: #212c3b !important;
  border: 1px solid #c78521 !important;
  padding: 8px 15px !important;
  border-radius: 5px !important
}

.btn-black1 {
  background: #0a4864 !important;
  color: #fff !important;
  border: 1px solid #0a4864 !important;
  padding: 8px 15px !important;
  border-radius: 5px !important
}

.btn-black1:hover {
  background: #073f59 !important;
  color: #fff !important;
  border: 1px solid #073f59 !important;
  padding: 8px 15px !important;
  border-radius: 5px !important
}

.imgglry .owl-theme .owl-nav [class*=owl-],
.imagegallery .owl-theme .owl-nav [class*=owl-] {
  font-size: 20px !important;
  padding: 0 10px !important
}

.disablelink {
  opacity: .7;
  pointer-events: none
}

.goldenbackground {
  background: linear-gradient(34deg, #a77e34 0%, #f4dc9c 50%, #a77e34 100%) !important
}

.customytPagination .ngx-pagination li {
  display: inline-block;
  background: #fff;
  padding: 5px !important;
  margin-right: 3px;
  box-shadow: 0 1px 2px #ddd;
  border-radius: 3px
}

.border-vld {
  border: 1px solid #df3e21 !important
}

.brklimit4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical
}

.card.shadow-none.mb-3.sticky1 {
  border-radius: 0
}

@media screen and (max-width:767px) {
  .customytPagination .ngx-pagination li {
    font-size: .8rem;
    padding: 2px !important
  }

  .ngx-pagination .current {
    color: #000 !important
  }
}

.formextend {
  position: relative;
  top: -30px;
  background: #fff;
  font-size: 1rem
}

.text-heading {
  color: #213c7a
}

.igx-input-group__notch {
  display: none !important
}

input.igx-date-picker__input-date.igx-input-group__input {
  padding: 10px 0px !important
}

igx-date-picker {
  border: 1px solid #ddd
}

.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {
  border-width: 5px 5px 0 5px !important
}

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

  .main-screen .col-sm-12.col-md-7.col-lg-5.my-form-page,
  .main-screen .col-sm-12.col-md-5.col-lg-5.my-form-page,
  .col-sm-12.col-md-7.col-lg-7 {
    width: 85.66666667% !important;
    max-width: 85.66666667% !important;
    flex: 0 0 85.6% !important
  }

  .vdv-main .breadcrumb .breadcrumb-item {
    font-size: 1rem !important
  }

  .fixed-bottom .ft-box span {
    font-size: 1rem !important
  }
}

@media screen and (max-width:576px) {
  #mainForm .col-6 label {
    inline-size: 110px !important
  }

  .vdv-main .container-fluid.py-2.pb-5 {
    padding: 0px !important
  }
}

@media (min-width:768px) {
  .width-set #main {
    margin-top: 0px !important
  }
}

@media (max-width:768px) {
  .width-set #main {
    margin-top: 0px !important
  }
}


#SurveyList .igx-grid--cosy {
  min-height: 407px;
}

.srch-cst {
  border-radius: 5px 0px 0px 5px !important;
  height: auto !important;
}

.address-container {
  word-break: break-all;
}

.toggle-sidebar>.cst3 {
  display: block !important;
}

@media screen and (min-width: 1200px) {
  .toggle-sidebar .sidebar-nav .nav-item .nav-content.con1.collapse.show {

    background-color: #2f8591 !important;

  }

  .toggle-sidebar .sidebar-nav .nav-content.con1.collapse.show a:hover {
    background: #43acbb;
  }
}

.ig-typography .igx-tooltip--desktop {
  font-size: 0.8rem !important;
  font-weight: 500 !important;
}

/* Text wrap code IGX */
.igx-grid-th__title {
  color: #172b40;
  text-wrap: balance !important;
  line-height: 20px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 5px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  /* padding-bottom: 5px; */
}

.igx-grid__td-text {
  white-space: normal !important;
  padding-bottom: 5px;
  padding-top: 5px;
}

.igx-grid-thead__title,
.igx-grid-th {
  align-items: center !important;
}

.igx-grid-th__icons {
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
}


.form-styl .mb-3 .ng-select.ng-select-single .ng-select-container {
  height: 42px !important;
  border-radius: 0px !important;
  border-color: #dee2e6;
  color: #000 !important;
}

.form-styl .mb-3 .ng-select.ng-select-single .ng-select-container:focus {
  box-shadow: none !important;

  border-top-color: #dee2e6 !important;
  border-left-color: #dee2e6 !important;
  border-right-color: #dee2e6 !important;
  border-bottom: 3px solid #f68121 !important;

}


/* .font9 {
  word-break: break-all;
} */
.custom-icon-class {

  width: 60px !important;
  display: flex !important;
  height: 60px !important;

  background-image: url('../../assets/images/place.png') !important;
  background-position: center !important;
  background-size: cover !important;
  justify-content: center !important;
  align-items: center !important;
  filter: hue-rotate(317deg);
}

.toggle-sidebar .menu_ico1 {
  margin-right: 0px;
}

.toggle-sidebar span .menu_ico1 {
  margin-right: 0px !important;
}

.toggle-sidebar .fside .sidebar-nav .nav-link {

  font-size: 18px !important;

  /* margin-bottom: 10px !important; */
}

.surveyview .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {
  max-width: 180px !important;
  margin: 5px;

}

.multiselect-dropdown .disabled {
  pointer-events: none;
}

.surveyview .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item a {
  display: none !important;
}

.igx-grid__td a,
.igx-grid-thead__title a,
.igx-grid-th a {
  word-break: break-word !important;
}

/* comment by prashant */
/* #divSaveChangesSubmit, hdsbpm-request-form form button, hdsbpm-grid-form-crud .huno-form .bottom-button-group
{
    display: none !important;
} */


/* css for change edit button to eye button */
hdsbpm-grid-form-crud .gridCheckboxCenter .fa-edit:before {
  content: "\f06e" !important;
}

hdsbpm-grid-form-crud .gridCheckboxCenter a.text-body.btn.btn-sm.btn-warning {
  background: green;
  color: #fff !important;
  border-color: green;
}

textarea:disabled {
  background: #e4e7ea !important;
}

.fixed-top+.main {
  padding-top: 110px !important;
}

.container-fluid.minhytcontainer {
  padding-bottom: 3rem !important;
}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
  width: 400px;
}

.leaflet-popup-content {
  width: 90% !important;
}

.owl-carousel .card .col-8 label.font9 {
  word-break: break-all;
}


gridster-item:hover .abstools {
  z-index: 1;
  visibility: visible;
}

.abstools {
  /* position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    width: 100%;
    background: #fff; */
  position: absolute;
  right: 0px;
  top: 6px;
  visibility: hidden;
  width: 100%;
  background: #fff;
}

gridster-item {
  border-radius: 10px;
  border: 1px solid #ddd;
  overflow: visible !important;
}

.gridlisthover li a {
  padding-top: 8px;
  padding-bottom: 8px;
}

.grid-layout-item__toolbar-row div a:focus-visible {
  border: 0px !important;
  outline: none !important;
}

/* .grid-stack-item:hover .grid-stack-item-content {
  background: #f5f5f5;
} */
gridster {
  background: #f5f5f5 !important;
}

.bg-lightblue {
  background: #4591cc;
}

.chart-parent {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 150px;
}

.basiccolr .btn-outline-primary {
  --bs-btn-color: #4591cc;
  --bs-btn-border-color: #4591cc;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #4591cc;
  --bs-btn-hover-border-color: #4591cc;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4591cc;
  --bs-btn-active-border-color: #4591cc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #4591cc;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #4591cc;
  --bs-gradient: none;
}

.gridcard-item {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  min-height: calc(100% - 85px);

}

.gridcard-item-modal {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  min-height: calc(100vh - 190px);

}

.bg-none {
  background: none;
}

.gridcard-item-modal:hover {
  background: #dadada;
}

.autoheightgrid {
  overflow: auto;
  max-height: calc(100% - 40px);
}

.icon-box {
  align-items: center;
  display: flex;
  justify-content: center;
  width: 50px;
  height: 50px;
  background-color: rgb(4 139 76);
  border-radius: 50%;
  padding: 10px;
  font-size: 24px;
  color: #fff;
}

@media (min-width: 1200px) {
  .modal-xxl {
    max-width: 94%;
  }
}

.disabled {
  opacity: .5;
  user-select: none;
  pointer-events: none;
}

.tbluinew .table {
  width: 100%;
  border-collapse: collapse;
}

.tbluinew .table th,
.tbluinew .table td {
  border: 1px solid #ddd;
  padding: 0.65rem 0.75rem;
}

.tbluinew tbody {
  border: 1px solid #eceef3;
}

.tbluinew .table th {
  background-color: #f4f4f4;
  text-align: left;
}

.tbluinew .table-striped tbody tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}

.igx-grid-thead__item .igx-grid-th {
  font-size: 0.9rem !important;
}

.igx-grid__td {
  background-clip: border-box !important;
  padding: 0.65rem 0.75rem;
  font-size: 0.9rem !important;
}

.newopecity {
  z-index: 1 !important;
  opacity: 0 !important;
}

.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 0px !important;
}

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

.paginationCare {

  /* border-top: 1px solid #ccc; */
  font-size: .9rem;
  line-height: 35px;
  height: 45px;
  padding: 5px 5px 5px;
  margin-bottom: 5px;
  background-color: #8080801a;
  /* background-color: #f0f0f0; */
}

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

.paginationCare input {
  width: 50px;
  height: 30px;
  text-align: center;
  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;
}

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

.nvmd li a span img {
  min-width: 35px;
  max-width: 35px;
  padding-right: 10px;
}

.toggle-sidebar .fside .sidebar-nav.nvmd .nav-link span img {
  padding-right: 0px !important;
  min-width: 100% !important;
  max-width: 100% !important;
}

.listmarg .igx-grid__hierarchical-indent {
  margin: 0px !important;
}


#main label {
  font-size: 0.9rem !important;
}

#main .form-control {
  font-size: 0.9rem !important;
}

#main h6 {
  font-size: 0.9rem !important;
}

#main .btn {
  font-size: 0.9rem !important;
}

#main .form-control::placeholder {
  font-size: 0.9rem !important;
}

#main .ng-select {
  font-size: 0.9rem !important;
}

#main .ng-select::placeholder {
  font-size: 0.9rem !important;
}


/* input::placeholder {
  font: 1.25rem/3 sans-serif;
} */

.cst_fpo .igx-grid__hierarchical-indent {
  display: block !important;
}

.width-set #main {
  padding-bottom: 88px !important;
}


.font1rm {
  font-size: 1.1rem !important;
  font-weight: bold;
}

.asterisk {
  color: red;
  font-size: 0.9rem;
}

div#filterview1,
#filterview {
  min-height: calc(100vh - 50px);
}

.font1rem {
  font-size: 1rem !important;

}

.warninginfo li {
  margin-left: 10px;
  line-height: 1.6rem !important;
  font-size: 0.8rem !important;
}

#ex1 li.nav-item a {
  font-size: 0.9rem;
}

#ex1 li.nav-item a.active {
  font-weight: 700;
  padding: 8px 15px 5px 15px;
  color: #ffffff !important;
  background: #1e6a75 !important;
  border-bottom: 3px solid #1e6a75 !important;
}

.custom-popup b {
  display: block;
  font-size: 16px;
  margin-top: 10px;
  /* color: #fff; */
}

.custom-popup img {
  width: 60px;
  height: 60px;
  border-radius: 8px;
  object-fit: cover;
  border: 2px solid #fff;
  transition: transform 0.3s ease-in-out;
}

/* .aggridhideoverflow .ag-body-viewport.ag-layout-normal {
    overflow-y: clip !important; 
} */
.aggridhideoverflow .ag-theme-alpine.cstmfooter1 {
  min-height: 300px !important;
}

.fsschemepage .grid__wrapper .igx-grid-thead {
  display: none !important;
}

/* .ag-body-viewport.ag-layout-normal{
  overflow-y: clip !important;
} */
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: inherit !important;
}
.ng-select .ng-select-container .ng-value-container .ng-value {
  color: inherit !important;
}
.ng-select .ng-select-container .ng-value-container .ng-value .ng-value-label {
  color: inherit !important;
}
.wordbrk .ig-typography p 
{
  word-break: break-word !important;
  font-size: 0.9rem !important;
  line-height: 1.2rem !important;
}
.wordbrk igx-grid-cell span ol, .NgxEditor ol, .NgxEditor ul {
      padding-left: 1.5rem !important;
}

.form-control::placeholder, .form-control2::placeholder, .form-select::placeholder{
  color: #acacac !important;
}

.ng-select .ng-select-container .ng-value-container .ng-placeholder
{
  color: #acacac !important;
}
.aggridhidden > hdsbpm-request-form > form > hdsbpm-request-grid-form-modal-popup > form > ag-grid-angular > .ag-center-cols-viewport {
    width: 100%;
    overflow-x: hidden !important;
}
 .ag-center-cols-viewport {
    width: 100%;
    overflow-x: hidden !important;
}
/* hdsbpm-grid-form-crud  #btnUpdate {
  display: none !important;
} */

.fullwidthcolumn .col-sm-12.row label.col-lg-4.col-md-12.col-sm-12.font8.text-right,.fullwidthcolumn .col-sm-12.row .col-lg-8.col-md-12.col-sm-12,.fullwidthcolumn .col-sm-12.row.width-10 .col-lg-2.col-md-12.col-sm-12.font8.text-right,.fullwidthcolumn .col-sm-12.row.width-10 .col-lg-8.col-md-12.col-sm-12, .fullwidthcolumn .col-sm-12.row .col-lg-2.col-md-12.col-sm-12.font8.text-right, .fullwidthcolumn .col-sm-12.row .col-lg-8.col-md-12.col-sm-12
{
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    /* padding: 0px; */
    flex: 0 100% !important;
     /* margin-top:5px; */
}

.mainhyt  hdsbpm-request-form form.huno-form {
    max-height: calc(100vh - 218px);
    overflow-y: auto;
    padding: 12px;
}
.newmain_hyt #addattr {
    max-height: calc(100vh - 232px);
    overflow: auto;
    min-height: calc(100vh - 232px);
}

.fullwidthcolumn1 .col-sm-12.row label.col-lg-4.col-md-12.col-sm-12.font8.text-right,.fullwidthcolumn1 .col-sm-12.row .col-lg-8.col-md-12.col-sm-12,.fullwidthcolumn1 .col-sm-12.row.width-10 .col-lg-2.col-md-12.col-sm-12.font8.text-right,.fullwidthcolumn1 .col-sm-12.row.width-10 .col-lg-8.col-md-12.col-sm-12, .fullwidthcolumn1 .col-sm-12.row .col-lg-2.col-md-12.col-sm-12.font8.text-right, .fullwidthcolumn1 .col-sm-12.row .col-lg-8.col-md-12.col-sm-12
{
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
    padding: 0px  5px; 
    flex: 0 100% !important;
     /* margin-top:5px; */
}

.cstmdrop span.ng-option-label{
  white-space: normal !important;
}