#style-11::-webkit-scrollbar {
	width: 5px;
	background-color: #DAE2F3;
}
#style-11::-webkit-scrollbar-track {
  border-radius: 4px;
  background: transparent;
  border: 1px solid #DAE2F3;
}

#style-11::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: linear-gradient(left, #fff, #f7f3f3);
  border: 1px solid #DAE2F3;
}

#style-11::-webkit-scrollbar-thumb:hover {
  background: transparent;
}

#style-11::-webkit-scrollbar-thumb:active {
  background: linear-gradient(left, #22ADD4, #1E98BA);
}

.indented-text {
    margin-left: 2em;
    display: block;
    position: relative;
    margin-top: -1.5em;
    line-height: 1.4em;
}
/* #style-12::-webkit-scrollbar {
  width: 8px !important;
}


#style-12::-webkit-scrollbar-track {
  background: #ECECEC !important;
  border-radius: 10px !important;
}
 

#style-12::-webkit-scrollbar-thumb {
  background: #38C6C8 !important; 
  border-radius: 10px !important;
}


#style-12::-webkit-scrollbar-thumb:hover {
  background: #34A8AB !important; 
} */

#countryCode option{
  width:150px !important;   
}
@media only screen and (min-width: 768px) and (max-width: 1365px) {
    .over-scroll {
        overflow-y: hidden;
    }
}

.over-scroll {
    overflow-y: scroll;
}
.new-scroll {
    overflow-y: scroll !important;
}

.b-none {
  border: none !important;
}

.place-end {
  display: flex;
  place-content: end;
  margin-top: 30rem;
}

.place-c {
  height: 85vh !important;
  position: relative;
}

.but-place {
  position: absolute;
  right: 0;
  bottom: 0;
}

.ques-btn-t {
  padding: 5px 10px !important;
  color: #E3726D !important;
  background-color:#FFF9F8 !important;
  border-color:#FFF9F8 !important;
}

.ques-card {
  background-color: #F4F4F7;
  text-align:justify;
  color:#24252C; 
  border-radius:5px;
}

.ques-btn-e {
  padding: 5px 10px !important;
  color: #E6B631;
  background-color:#FFF9EA !important;
  border-color:#FFF9EA !important;
}

.black-font {
  color: black !important;
}

.drop-usage {
  cursor: pointer; 
  padding: 5px 10px; 
  border: 1px solid #E2E2E2; 
  border-radius: 5px;
  height: 34px;
}

.chat-button {
  padding: 14px 60px;
}

.small-batch-plus {
  background: #E2F9E9 !important;
  color: #1FC350 !important;
}

.small-batch-minus {
  background: #FEC6C6 !important;
  color: #FC2A22 !important;
}

/* .fw-500 {
  font-weight: 800!important;
} */

.font-w800 {
  font-weight: 600!important;
} 

.text-muted {
  color: black !important;
}

.text-dark {
  color:#818181 !important;
}

.bg-water {
  background-color: #5DA3AA !important; 
}

.bg-elect {
  background-color: #697CC3 !important; 
}

.bg-renew {
  background-color: #E5CB4E !important; 
}

.bg-waste {
  background-color: #64A06D !important; 
}

.bg-disel {
  background-color: #EAA34F !important; 
}

.bg-petrol {
  background-color: #E04B3E !important; 
}

.bg-petrol-new{
  background-color: #B482DE!important;
}

.cust-total{
  background-color:#e7f5ed !important; 
}

.cust-annual{
  background-color:#ebebf7 !important; 
}

.cust-highest{
  background-color:#fff5f7 !important; 
}

.cust-lowest{
  background-color:#fefae2 !important; 
}

.bord-grey {
  border: 1px solid #F0F1F5 !important;
}

.text-cyn {
  color: #38C6C8 !important;
}

.bin-red {
  background-color: #FFF9F8 !important;
  border: #FFF9F8 !important;
}

.bin-red:hover {
  background-color: #E3726D !important;
  border: #E3726D !important;
  color: white;
}

.cust-position {
  bottom: 15px !important;
  top: -31px !important;
  padding: 0 !important;
}

.batch-pos {
  position: absolute;
  left: 33%;
  top: 25%;
}

.loader-cent {
  display: flex;
  align-items: center;
  justify-content: center; 
  height: 600px;
}

.tog-btn-inp  {
  display: block;
  opacity: 0;
}

.tog-btn-lbl {
  position: relative;
  width: 60px;
  height: 34px;
  display: inline-block;
  background: #969BA0;
  border-radius: 30px;
  cursor: pointer;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
}
.tog-btn-lbl-int {
    position: relative;
    width: 60px;
    height: 29px;
    display: inline-block;
    background: #969BA0;
    border-radius: 30px;
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    border-color: white !important;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.custom-tab-1 .nav-link.active {
  color:#24252C !important;
}

.custom-tab-1 .nav-link:focus, .custom-tab-1 .nav-link:hover, .custom-tab-1 .nav-link.active {
  color: #495057;
}

.default-tab .nav-link.active {
  color: #24252C;
}

.default-tab .nav-link:hover {
  color: #24252C;
}

.custom-tab-1 .nav-link i {
  color:#24252C !important;
}

.tog-btn-lbl:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 2px;
  width: 30px;
  height: 30px;
  background: #FFF;
  border-radius: 50%;
  box-shadow: 1px 3px 6px #666666;
}
.tog-btn-lbl-int:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    width: 25px;
    height: 25px;
    background: #FFF;
    border-radius: 50%;
    box-shadow: 1px 3px 6px #666666;
}

.tog-btn-inp:checked + .tog-btn-lbl-int {
    background: #5DC187;
}

.tog-btn-inp:checked + .tog-btn-lbl-int:after {
  left: auto;
  right: 2px;
}

.tog-btn-inp:checked + .tog-btn-lbl {
    background: #5DC187;
}

    .tog-btn-inp:checked + .tog-btn-lbl:after {
        left: auto;
        right: 2px;
    }

.carousel-item.active, .carousel-item-next, .carousel-item-prev {
  display: flex;
  justify-content: flex-start;
}

/* 

.carousel-multi-item.v-2.product-carousel .carousel-item-right.active,
.carousel-multi-item.v-2.product-carousel .carousel-item-next {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%); }
.carousel-multi-item.v-2.product-carousel .carousel-item-left.active,
.carousel-multi-item.v-2.product-carousel .carousel-item-prev {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%); }
.carousel-multi-item.v-2.product-carousel .carousel-item-right,
.carousel-multi-item.v-2.product-carousel .carousel-item-left {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

@media (min-width: 768px){
.carousel-multi-item.v-2.product-carousel .carousel-item-right.active,
.carousel-multi-item.v-2.product-carousel .carousel-item-next {
  -webkit-transform: translateX(16.6667%);
  -ms-transform: translateX(16.6667%);
  transform: translateX(16.6667%); }
.carousel-multi-item.v-2.product-carousel .carousel-item-left.active,
.carousel-multi-item.v-2.product-carousel .carousel-item-prev {
  -webkit-transform: translateX(-16.6667%);
  -ms-transform: translateX(-16.6667%);
  transform: translateX(-16.6667%); }
.carousel-multi-item.v-2.product-carousel .carousel-item-right,
.carousel-multi-item.v-2.product-carousel .carousel-item-left {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }
} */

/*.carousel-control-prev-icon {
  background-image: url(/../assets/images/arrow_left.png);
}

.carousel-control-next-icon {
  background-image: url(/../assets/images/arrow_right.png);
}*/

.blazored-toast {
  display: flex;
  flex-direction: row;
  animation: fadein 1.5s;
  margin-bottom: 1rem;
  padding: 1rem 1.25rem;
  color: #fff;
  box-shadow: rgba(0,0,0,0.25) 0px 10px 40px;
}

.center-dv {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.blazored-toast-info {
  background-color: #34a9ad;
}

.blazored-toast-success {
  background-color: #5fba7d;
}

.blazored-toast-warning {
  background-color: #c1c13e;
}

.blazored-toast-error {
  background-color: #ba5e5e;
}

.policy-button-add {
  background-color: #5DC187 !important;
  color:white !important;
}

.policy-button-cancel {
  background-color: #FEB9BB !important;
  color: #E65F79 !important;
  border: 1px solid #FEB9BB !important;
}

.publish-tag {
  background-color: #5DC187 !important;
  font-size: 12px !important;
  padding: 2px 14px !important;
  font-weight: 500;
}

.no-tag {
  background-color: #E3726D !important;
  font-size: 12px !important;
  font-weight: 500;
}

.incomplete {
  background-color: #E6B631 !important;
  border: 1px solid #E6B631 !important;
  font-size: 12px !important;
  font-weight: 400;
  padding: 2px 14px !important;
}

.yes-pad {
  padding: 2px 28px !important;
}

.no-pad {
  padding: 2px 30px !important;
}

.drop-wd {
  width: 93.5%;
}

.sett-edit {
  position: absolute !important;
  top: -10px;
  right: -46px;
  width: 40px;
  height: 40px;
  padding: 9px !important;
}



.sett-bord {
  width: 96%; 
  height: 12px; 
  border-bottom: 1px solid #E2E2E2;
}

.draft-tag {
  background-color: #E8A34F !important;
  padding: 2px 29px;
  font-size: 12px !important;
  font-weight: 500;
}

.data-line {
  padding:10px 15px;
}

.data-line:hover {
  padding:10px 15px;
  background-color: #F1F2F8;
  color: #34A8AB !important;
}


.blazored-toast-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0.75rem 0 0;
  font-size: 1.25rem;
}

.blazored-toast-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}

.blazored-toast-body .blazored-toast-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.blazored-toast-body .blazored-toast-header h5 {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.5rem;
  margin-bottom: 0;
  line-height: 32px;
}

.blazored-toast-body .blazored-toast-header .blazored-toast-close {
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  color: inherit;
  font-size: 1.25rem;
}

.blazored-toast-close:focus{
  outline: 0px auto transparent !important;
}

.blazored-toast-body p {
  margin-top: 2px
}

@keyframes fadein {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (min-width: 769px) {

  .position-topleft {
    top: 1rem;
    left: 1rem;
  }

  .position-topright {
    top: 1rem;
    right: 1rem;
  }

  .position-topcenter {
    top: 2rem;    
    left: 0 !important;
    margin-left: 22rem !important;
    width: 72% !important;
  }

  .position-bottomleft {
    bottom: 2rem;
    left: 2rem;
  }

  .position-bottomright {
    bottom: 2rem;
    right: 2rem;
  }

  .position-bottomcenter {
    bottom: 2rem;
    left: 0;
    margin-left: 0rem;
    width: 100%;
  }

  .blazored-toast {
    /*width: 30rem;*/
    width: 100% !important;
    border-radius: .25rem;
    padding: 0.75rem 1.25rem !important;
  }
}

@media (max-width: 768px) {
  .position-topcenter {
    top: 2rem;
    left: 0 !important;
    margin-left: 7rem !important;
    width: 82% !important;
  }
  .blazored-toast {
    width: 100% !important;
    border-radius: 0.25rem;
    padding: 0.75rem 1.25rem !important;
  }
}

.text-white{
  color: #FFFFFF !important;
}

.bg-red-hov:hover{
  background-color: #E3726D;
  color: #FFFFFF;
}

.bg-red-hov{
  background-color: #FFF9F8;
  color: #E3726D;
}

.bg-org-hov{
  background-color: #FFF9EA;
  color: #E6B631;
}

.bg-org-hov:hover{
  background-color: #E6B631;
  color: #FFFFFF;
}


.admin-dashboard-stat-g{
  background-color: #8CCCA7;
}

.admin-dashboard-stat-b{
  background-color: #9B9BD9;
}

.admin-dashboard-stat-r{
  background-color: #FFF5F7;
}

.badge-purple {
  background-color: #6F6FCA;  
}

.admin-customers-table-wrapper p{
  margin-bottom: 0 !important;
  padding: 8px 0px;
}

.badge-article{
  background-color: #CA966F;
  color: #FFFFFF;
}

.badge-ex-link{
  background-color: #3199E6;
  color: #FFFFFF;
}

.badge-draft{
  background-color: #E6B631;
  color: #FFFFFF;
}

.badge-published{
  background-color: #5DC187;
  color: #FFFFFF;
}

.badge-g2v {
    min-width: 118px !important;
    display: inline-block !important;
}

.val-error{
  color:red;
}

.obj-fit {
  object-fit: contain !important;
}
.text-black{
  color: black;
}

.val-error-font{
  font-size: small;
}

.opacity-1-i{
  opacity: 1 !important;
}

.text-white-i{
  color: #fff0e5;
}

.nk-menu-link{
  cursor: pointer;
}

a.has-arrow{
  cursor: pointer;
}

*:disabled {
  background-color: #E2E2E2 !important;    
}
}

.bg-danger-light {
    background-color: #FCEAEC;
}

.select-all-wrapper {
    position: absolute;
    z-index: 10;
    margin-left: 25px;
    margin-top: 10px;
}

.w-20px{
    width: 20px;
}

.w-30px {
    width: 30px;
}

.min-w140 {
    min-width: 140px;
}