body {
  background-color: inherit !important; 
}
html {
  scroll-behavior: smooth;
}
.body-font-size{
  font-size: var(--bs-body-font-size);
}
a:hover, a:focus {
  text-decoration: inherit;
}

.open-drawer-btn svg:hover{
  color:#E85C40  !important
}

.btn.btn-active-color-orange i:hover{
  color:#E85C40  !important
}
.btn.btn-active-color-orange i{
  height: 1.75rem !important;
  width: 1.75rem !important;
}
.btn .open-drawer-btn svg:hover {
  color: #E85C40 !important;
}
.btn.btn-active-color-primary svg:hover {color:#E85C40  !important}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}



.app-header {
  height: var(--bs-app-header-height);
  padding: 1rem 0;
}

.main-custom-card .card-bordered{
  border: 1px solid var(--bs-gray-700);
}

.main-custom-card .card{
  border-radius: 1rem !important;
}

.main-custom-card .card-large-height {
  height: 240px;
}

.main-custom-card .card-small-height{
  height: 160px;
}

.dataTables_info {
  display: none;
}

.overlay_display {
  position: fixed;
  /*display: none;*/
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
  cursor: pointer;
}

.overlay_display::after {
  content: 'Processing...';
  font-size: 20px;
  color: white;
  position: relative;
  top: 50%;
  left: 50%;
}

/* zalak Added */

.disabled{
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

#activity_div{
  margin-left: 15rem !important;
}

#css_metrics_list_wrapper .table-responsive, #card_open_renewal_list_wrapper .table-responsive{
  overflow: none !important;
  width: 100%;
}
#other-menu.menu-column{
  width: 52% !important;
  transform: translate3d(-86.8px, 51.2px, 0px) !important;
}
#other-menu div a {
  display: inline-block;
  padding: 0.75rem 1.25rem;
  background: transparent;
  color: var(--bs-gray-700);
  border-radius: 0.25rem !important;
  font-size: 1rem;
}
#activity_drop.menu-sub-dropdown{
  transform: translate3d(-70.6px, 15.4px, 0px) !important;
}
#card_open_renewal_list_wrapper .dataTables_scrollHeadInner{
  width: 100%;
}
.head-n  a{color: #5e6278; padding-right: 30px;}
.head-n  a:hover{ color: #E85C40; }
.selected { color: #E85C40 !important; }
.highlightes-row{
  background-color: #ffffe0 !important;
}
.highlightes-row,.highlightes-row:hover,table.dataTable > tbody > tr.highlightes-row > * {
  background-color:#ffffe0 !important;
  color: #000 !important;
  box-shadow: unset !important;
}
.modal-open .daterangepicker {
  z-index: 100000 !important;
}
.card {position: relative;}
.drop-card-icon {position: absolute; right: 0px; top: 8%; cursor: pointer;}
.drop-card-icon .la-ellipsis-h {
  background-color: #efefef; 
  border-radius: 4px;
  padding: 2px 2px; 
  color: #707070; 
  font-size: 16px; 
  margin-right: 24px;
  margin-top: 1px;
}
.drop-card-icon .la-ellipsis-h:hover {
  background-color: #e85c403b;
  color: #E85C40;
}
.text-orange-active{
  color: #E85C40 !important;
}
#notification_top_nav .list-group-item, #see_all_notifics{
  /*border: none !important;*/
  cursor: pointer;
}
#notification_top_nav .list-group-item  > span.time{
  float:right;
}
#notification_top_nav .list-group-item  > span.label{
  float:left;
  margin-right:20px;
  padding: 4px 4px 4px 5px;
}
.meterinfo_cls{
  display:flex;
}
.meterinfo_cls li{
  list-style: none;
  padding: 10px 10px;
  white-space: nowrap;
  margin: 5px;
}
.bi.bi-exclamation-triangle{
  margin-top: 5px;
    font-size: 15px;
}
i.bi.alert-warning{
  color: var(--bs-warning) !important;
  background-color: initial;
 }
 i.bi.alert-danger{
  color: var(--bs-danger) !important;
  background-color: initial;
 }
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=class-elec]{
  background-color: #d20000;
  color:#f0f0f0;
  box-shadow: none;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=class-gas]{
  background-color: #264478;
  color:#f0f0f0;
}
.kanban-container .kanban-board .kanban-drag .kanban-item[data-class=class-water]{
  background-color: #20b8e8;
  color:#f0f0f0;
}
.hide{
  display: none;
}
.global_v_dropdown ul li.hide {display: none !important;}
.display-flex{
  display:inline-flex;
}
.text-orange{
  color: #E85C40 !important;
}
.bootbox.fade-new.show{
  z-index: 1500000 !important;
}
.bootbox.bootbox-confirm .btn-orange, .bootbox.bootbox-confirm .btn-orange:hover{
  padding: 10px; color: white !important; background-color: #f17961;
  border: 1px solid #f17961 !important; border-radius: 6px !important; cursor: pointer;
}
.btn-orange:hover {
  color: white !important;
  background-color: #c04f39 !important;
}
.ClientFonts{
  font-size: 1.5rem !important;
}
.ClientFonts small{
  font-size: 1.2rem !important;
  color: slategrey
}
.client-viw-rgt-data ul li a.link_class.red i{
  color: #e85c40;
}
.menu-link.red{
  color: #e85c40;
}
.client-viw-rgt-data ul li a.link_class.yellow i{
  color: #FFBF00;
}
.client-viw-rgt-data ul li a.link_class.green i{
  color: green;
}
.link_class.green {
  color: green;
}
.link_class.yellow {
  color: #FFBF00;
}
.link_class.red {
  color: #e85c40;
}
.modal-scrollable {overflow: hidden !important;   z-index: 1000000 !important;}
.float-right{
  float: right !important;
}
.label-danger.newred{
  background-color: #FF9999 !important;
}
.label-dark-black{
  background-color: #222222 !important;
}
.nowrap-class{
  white-space: nowrap;
}
.tempus-dominus-widget.light .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget.light .date-container-days div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget.light .time-container-second div:not(.no-highlight).active, .tempus-dominus-widget.dark .date-container-decades div:not(.no-highlight).active, .tempus-dominus-widget.dark .date-container-years div:not(.no-highlight).active, .tempus-dominus-widget.dark .date-container-months div:not(.no-highlight).active, .tempus-dominus-widget.dark .date-container-days div:not(.no-highlight).active, .tempus-dominus-widget.dark .time-container-clock div:not(.no-highlight).active, .tempus-dominus-widget.dark .time-container-hour div:not(.no-highlight).active, .tempus-dominus-widget.dark .time-container-minute div:not(.no-highlight).active, .tempus-dominus-widget.dark .time-container-second div:not(.no-highlight).active{
  background-color: #e85c40;
}
.tempus-dominus-widget.light .date-container-days div:not(.no-highlight).today:before{
  border-bottom-color: #e85c40;
}

html:has(.addScrolltoBody) {
  overflow: hidden;
}
.addScrolltoBody{
  overflow-y: scroll;
  height: 500px;
  overflow-x: hidden;
  scrollbar-color: #b4aba9 var(--bs-scrollbar-hover-color);
  scrollbar-width: thin;
}
div.addScrolltoBody:hover{
  scrollbar-color: #b4aba9 var(--bs-scrollbar-hover-color);
}
html:has(.addScrolltoBodyModal) {
  overflow: hidden;
}
.addScrolltoBodyModal{
  overflow-y: scroll;
  height: 400px;
  overflow-x: hidden;
  scrollbar-color: #b4aba9 var(--bs-scrollbar-hover-color);
  scrollbar-width: thin;
}
div.addScrolltoBodyModal:hover{
  scrollbar-color: #b4aba9 var(--bs-scrollbar-hover-color);
}
/* Date range picker */
.daterangepicker .drp-calendar td.today, .daterangepicker .drp-calendar td.today.active{
  color: #e85c40 !important;
  border-color: initial;
}
.daterangepicker .drp-calendar td.active{
  background-color: #e85c40 !important;
  border-color: initial;
}
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today), 
.daterangepicker .drp-calendar th.available:hover, .daterangepicker .drp-calendar td.available:hover{
  color: #e85c40 !important;
}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover{
  background: #e85c40 !important;
  border: 1px solid #e85c40 !important;
}
.modal .applyBtn.btn:hover{
  color: #fff !important;
  background-color: #e85c40 !important;
}
.row_selected,.row_selected:hover,table.dataTable > tbody > tr.selected > * {
  background-color:#fba999 !important;
  color: #fff !important;/*#181C32 !important;*/
  box-shadow: unset !important;
}
/* Date range picker */
/*input[type='checkbox'] {
  accent-color: red;
  
}
input[type='checkbox']:checked:after{
  display: none;
}*/
/* zalak Added */



.modal-fullscreen .modal-body{overflow-y: hidden !important;}
.ui-jqgrid .ui-jqgrid-hdiv {width: 100% !important;}
.ui-jqgrid .ui-jqgrid-hbox {padding-right: 0 !important;}
.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {width: 100% !important;}
.ui-jqgrid-view   {width: 100% !important;}
.ui-state-default.ui-jqgrid-toppager  {width: 100% !important;}
.ui-jqgrid-bdiv {width: 100% !important;}
.ui-jqgrid-htable {width: 100% !important;}
.ui-jqgrid .ui-jqgrid-btable {width: 100% !important;}


.custom-breadcrumb-btn li a {display: inline-block; padding: 0.75rem 1.25rem;
  background: transparent; color: var(--bs-gray-700); border-radius: 0.25rem !important;
  font-size: 1rem;}

.custom-breadcrumb-btn li > span{
    display: inline-block;
    padding: 0.75rem 1.25rem;
    background: transparent;
    color: var(--bs-gray-700);
    border-radius: 0.25rem !important;
    font-size: 1rem;
}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item.show .nav-link, .nav-line-tabs .nav-item .nav-link:hover:not(.disabled){
  border-radius: 0 !important;
}

.nav>li>a:hover, .nav>li>a:focus{
  background: inherit;
}

.dropdown-item {
  padding: 0.75rem 1.25rem;
  text-align: left;
}

.custom-breadcrumb-btn li a:hover,.custom-action-dropdown li a:hover, 
.custom-breadcrumb-btn li.active a,.custom-action-dropdown li.active a{
  transition: color 0.2s ease;
  
  color: #E85C40;
}

.breadcrumb-dropdown li.active {
  border-bottom: 1px solid  #E85C40;
  color: var(--bs-primary);
}
.breadcrumb-dropdown li.active a {
  color: #E85C40  !important;
  background: transparent;
}

.breadcrumb-dropdown li a:hover{
  background: transparent;
}

.page-content .page-breadcrumb.breadcrumb{
  padding: 8px 15px;
}
.portlet>.portlet-title>.actions>.btn-group>.btn-sm {
  padding: 3px 8px !important;
  margin-top: -1px;
}

.btn.btn-icon {
  padding: 9px;
}


.breadcrumb-dropdown{
  display: none;
}

.custom-caret-left{
  display: inline-block;
  border-radius: 0.25rem !important;
  color: var(--bs-gray-700);
  font-size: 1.5rem !important;
  cursor: pointer;
  padding: 0.5rem 0.75rem;
}

.custom-caret-left:hover {
  background-color: var(--bs-app-header-base-menu-link-bg-color-active);
  color: var(--bs-primary);
}

.custom-fixed-table-layout{
  font-size: var(--bs-body-font-size);
}
.dataTables_scroll{
  margin-bottom: 0 !important;
}
.table thead tr th{
  font-size: inherit;
  font-weight: 500;
}
table.dataTable > tbody > tr {
  background-color: inherit;
}
table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * {
  box-shadow: inset 0 0 0 9999px var(--bs-table-striped-bg);
}

div.dataTables_scrollHead table.table-bordered {
  border: 0;
}
table.table thead .sorting{
  background: none;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  vertical-align: middle;
  border: none;
  border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: var(--bs-border-color);
    padding: 1.25rem 0.75rem 1.25rem;
}
.table-hover>tbody>tr:hover>td, .table-hover>tbody>tr:hover>th {
  background-color: transparent;
}

.breadcrumb-item:hover .breadcrumb-dropdown{
  display: block;
}

.breadcrumb-item{
  position: relative;
}

.breadcrumb-dropdown {
  position: absolute;
  top: 28px;
  border-radius: 0.475rem !important;
  background-color: #ffffff;
  box-shadow: var(--bs-menu-dropdown-box-shadow);
  z-index: 99;
  list-style: none;
  padding: 1rem;
}

.breadcrumb-dropdown li a{
  display: block;
}

.custom-breadcrumb-btn>li+li:before{
  display: none;
}

.custom-action-dropdown > li > span{
  display: inline-block;
  padding: 0.75rem 0rem;
  background: transparent;
}

.custom-action-dropdown li a{
  color: var(--bs-gray-700);
}

.custom-action-dropdown .la-cog, .la-undo, .la-sign-out-alt, .la-bell, .la-arrow-left, .la-arrow-right, .la-arrow-circle-left{
  font-size: 1.75rem !important;
  color: var(--bs-gray-700);
}

.custom-action-dropdown .la-cog:hover{
  color: var(--bs-primary);
}

.custom-action-dropdown .menu-sub{
  right: 0;
  left: auto;
}

.custom-search .la-search {
  font-size: 1.75rem;
  color: var(--bs-gray-700);
  transform: rotate(270deg);
}

.custom-search .la-search:hover {
  color: var(--bs-primary);
}

.custom-form-select {
  padding: 0;
}

.footer-min-height{
  min-height: var(--bs-app-footer-height);
}


/* width */
.dataTables_scrollBody::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  
}

/* Track */
.dataTables_scrollBody::-webkit-scrollbar-track {
  background: #ffffff;
}

/* Handle */
.dataTables_scrollBody::-webkit-scrollbar-thumb {
  background: #ededed;
  border-radius: 6px;
}

.app-sidebar-menu {
  overflow-y: auto !important;
}

/* .app-sidebar-menu::-webkit-scrollbar{
  width: 5px;
  height: 5px;
} */

/* plugin css */
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%237E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 12px;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}

.select2-container .select2-selection--multiple .select2-selection__clear {
  display: block;
  width: 0.7rem;
  top: 50%;
  right: 2rem;
  position: absolute;
  transform: translateY(-50%);
  background-color: transparent;
  border: none;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-700%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 16px 12px;
  color: var(--bs-gray-700);
  font-size: 1.3rem;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
  max-width: 100%;
  resize: none;
  height: 18px;
  vertical-align: bottom;
  font-family: sans-serif;
  overflow: hidden;
  word-break: keep-all;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15);
  padding: 1rem 0;
  border-radius: 0.475rem !important; 
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option--selectable {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: transparent;
  border-color: transparent;
  color: var(--bs-gray-700);
  cursor: pointer;
  position: relative;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  position: relative;
  background-color: var(--bs-gray-300);
  border-radius: 0.425rem !important;
  padding:0.1rem 0.35rem;
  margin-right: 0.35rem;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
  position: relative;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  margin-left: 0.95rem;
  font-size: 0.95rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background: transparent;
  display: block;
  position: absolute;
  transform: translateY(-50%);
  opacity: 0.5;
  border: 0;
  background-size: 0.75rem;
  transition: color 0.2s ease;
  top: 50%;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid #aaa;
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option .select2-results__option {
  color: var(--bs-gray-700);
  transition: color 0.2s ease;
  padding: 0.75rem 1.25rem;
  margin: 0 0;
  display: block;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--group {
  padding: 0;
}

.select2-container--default .select2-results__option--disabled {
  color: #999;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color:#F4F6FA;
  color: var(--bs-primary);
  transition: color 0.2s ease;
  position: relative;
}

.select2-container--default .select2-results__group {
  color: var(--bs-gray-700);
  transition: color 0.2s ease;
  padding: 0.75rem 1.25rem;
  margin: 0 0;
  display: block;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFCCCCCC", GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFFFFFF", endColorstr="#FFEEEEEE", GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFEEEEEE", endColorstr="#FFFFFFFF", GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option--group {
  padding: 0;
}

.select2-container--classic .select2-results__option--disabled {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.select2-container--bootstrap5 .select2-selection {
  box-shadow: none !important;
  height: auto;
  outline: none !important;
  background: none;
}
.select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select-solid, .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select-solid {
  background-color: var(--bs-input-solid-bg-focus);
}
.select2-container--bootstrap5.select2-container--focus:not(.select2-container--disabled) .form-select:not(.form-select-solid):not(.form-select-transparent), .select2-container--bootstrap5.select2-container--open:not(.select2-container--disabled) .form-select:not(.form-select-solid):not(.form-select-transparent) {
  border-color: var(--bs-gray-400);
}
.select2-container--bootstrap5.select2-container--disabled .form-select {
  background-color: var(--bs-form-select-disabled-bg);
  border-color: var(--bs-gray-300);
}
.select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__rendered,
.select2-container--bootstrap5.select2-container--disabled .form-select .select2-selection__placeholder {
  color: var(--bs-form-select-disabled-color) !important;
}
.select2-container--bootstrap5.select2-container--disabled .form-select.form-select-transparent {
  background-color: transparent;
  border-color: transparent;
}
.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field {
  color: var(--bs-input-color);
  font-weight: 500;
  font-family: inherit !important;
  background-color: transparent;
  border: 0;
  box-shadow: none;
  outline: none;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field::placeholder {
  color: var(--bs-gray-500);
}
.select2-container--bootstrap5 .select2-search.select2-search--inline .select2-search__field::-moz-placeholder {
  color: var(--bs-gray-500);
  opacity: 1;
}
.select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field {
  color: var(--bs-input-solid-color);
  font-family: inherit !important;
}
.select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field::placeholder {
  color: var(--bs-input-solid-placeholder-color);
}
.select2-container--bootstrap5 .form-select-solid .select2-search.select2-search--inline .select2-search__field::-moz-placeholder {
  color: var(--bs-input-solid-placeholder-color);
  opacity: 1;
}
.select2-container--bootstrap5 .select2-selection--single {
  display: flex;
  align-items: center;
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--bs-input-color);
}
.select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
  color: var(--bs-input-placeholder-color);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered {
  color: var(--bs-input-solid-color);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__placeholder {
  color: var(--bs-input-solid-placeholder-color);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-transparent .select2-selection__rendered {
  color: var(--bs-gray-800);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-transparent .select2-selection__placeholder {
  color: var(--bs-gray-800);
}
.select2-container--bootstrap5 .select2-selection--single.form-select-dark .select2-selection__rendered {
  color: var(--bs-gray-900);
}
.select2-container--bootstrap5 .select2-selection--multiple {
  display: flex;
  align-items: center;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-search.select2-search--inline {
  display: inline-flex;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  margin: 0;
  padding: 0;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice {
  display: inline-flex;
  align-items: center;
  position: relative;
  background-color: var(--bs-gray-300);
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove {
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-gray-700);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-700%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-700%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  display: block;
  position: absolute;
  transform: translateY(-50%);
  opacity: 0.5;
  border: 0;
  transition: color 0.2s ease;
  top: 50%;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove span {
  display: none;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__remove:hover {
  opacity: 1;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  transition: color 0.2s ease;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__rendered .select2-selection__choice .select2-selection__choice__display {
  font-weight: 500;
}
.select2-container--bootstrap5 .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  height: 0.6rem;
  width: 0.6rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm {
  min-height: calc(1.5em + 1.1rem + 2px);
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm .select2-selection__choice {
  border-radius: 0.425rem;
  padding: 0.1rem 0.35rem;
  margin-right: 0.35rem;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm .select2-selection__choice .select2-selection__choice__display {
  margin-left: 0.95rem;
  font-size: 0.95rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm .select2-search__field {
  height: 14px;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) {
  min-height: calc(1.5em + 1.55rem + 2px);
  padding-top: 0.575rem;
  padding-bottom: 0.575rem;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice {
  border-radius: 0.475rem;
  padding: 0.1rem 0.5rem;
  margin-right: 0.5rem;
  margin-top: 0.1rem;
  margin-bottom: 0.1rem;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-selection__choice .select2-selection__choice__display {
  margin-left: 1.1rem;
  font-size: 1.1rem;
}
.select2-container--bootstrap5 .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-search__field {
  height: 16px;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg {
  min-height: calc(1.5em + 1.65rem + 2px);
  padding-top: 0.525rem;
  padding-bottom: 0.525rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-selection__choice {
  border-radius: 0.625rem;
  padding: 0.15rem 0.65rem;
  margin-right: 0.65rem;
  margin-top: 0.15rem;
  margin-bottom: 0.15rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-selection__choice .select2-selection__choice__display {
  margin-left: 1.25rem;
  font-size: 1.15rem;
}
.select2-container--bootstrap5 .select2-selection--multiple.form-select-lg .select2-search__field {
  height: 18px;
}
.select2-container--bootstrap5 .select2-dropdown {
  border: 0;
  box-shadow: var(--bs-dropdown-box-shadow);
  border-radius: 0.475rem;
  padding: 1rem 0;
  background-color: var(--bs-dropdown-bg);
  background-color: #fff;
}
.modal-open .select2-container--bootstrap5 .select2-dropdown {
  z-index: 1056;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search {
  padding: 0.5rem 1.25rem;
  margin: 0 0 0.5rem 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field {
  background-color: var(--bs-body-bg);
  padding: 0.55rem 0.75rem;
  color: var(--bs-input-color);
  font-size: 0.95rem;
  border: 1px solid var(--bs-gray-300);
  border-radius: 0.425rem;
  outline: 0 !important;
}
.select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field:focus, .select2-container--bootstrap5 .select2-dropdown .select2-search .select2-search__field:active {
  border: 1px solid var(--bs-gray-400);
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__options {
  max-height: 250px;
  overflow-y: auto;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option {
  color: var(--bs-gray-700);
  transition: color 0.2s ease;
  padding: 0.5rem 1.25rem !important;
  margin: 0 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--highlighted {
  background-color: var(--bs-component-hover-bg);
  color: var(--bs-component-hover-color);
  transition: color 0.2s ease;
  padding: 0.5rem 1.25rem !important
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected {
  background-color: var(--bs-component-hover-bg);
  color: var(--bs-component-hover-color);
  transition: color 0.2s ease;
  position: relative;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
  top: 50%;
  display: block;
  position: absolute;
  transform: translateY(-50%);
  height: 0.75rem;
  width: 0.75rem;
  content: "";
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-component-hover-color);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3e%3cpath fill='var%28--bs-component-hover-color%29' d='M4.89557 6.49823L2.79487 4.26513C2.26967 3.70683 1.38251 3.70683 0.857309 4.26513C0.375593 4.77721 0.375593 5.57574 0.857309 6.08781L4.74989 10.2257C5.14476 10.6455 5.81176 10.6455 6.20663 10.2257L13.1427 2.85252C13.6244 2.34044 13.6244 1.54191 13.1427 1.02984C12.6175 0.471537 11.7303 0.471536 11.2051 1.02984L6.06096 6.49823C5.74506 6.83403 5.21146 6.83403 4.89557 6.49823Z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3e%3cpath fill='var%28--bs-component-hover-color%29' d='M4.89557 6.49823L2.79487 4.26513C2.26967 3.70683 1.38251 3.70683 0.857309 4.26513C0.375593 4.77721 0.375593 5.57574 0.857309 6.08781L4.74989 10.2257C5.14476 10.6455 5.81176 10.6455 6.20663 10.2257L13.1427 2.85252C13.6244 2.34044 13.6244 1.54191 13.1427 1.02984C12.6175 0.471537 11.7303 0.471536 11.2051 1.02984L6.06096 6.49823C5.74506 6.83403 5.21146 6.83403 4.89557 6.49823Z'/%3e%3c/svg%3e");
  mask-position: center;
  -webkit-mask-position: center;
  right: 1.25rem;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--disabled {
  color: var(--bs-gray-400);
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__message {
  color: var(--bs-gray-600);
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group {
  padding-left: 0;
  padding-right: 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__group {
  display: block;
  color: var(--bs-gray-800);
  font-weight: 500;
  font-size: 1.15rem;
  padding: 0 1.25rem 0 1.25rem;
  margin: 0 0 0.25rem 0;
}
.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--group .select2-results__option {
  padding: 0.75rem 1.25rem;
  margin: 0 0;
}
.select2-container--bootstrap5 .select2-selection__clear {
  display: block;
  height: 0.7rem;
  width: 0.7rem;
  top: 50%;
  right: 3rem;
  position: absolute;
  transform: translateY(-50%);
  background-color: var(--bs-gray-700) !important;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-gray-700);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-700%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-gray-700%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
.select2-container--bootstrap5 .select2-selection__clear span {
  display: none;
}
.select2-container--bootstrap5 .select2-selection__clear:hover {
  background-color: var(--bs-primary) !important;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: var(--bs-primary);
  -webkit-mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-primary%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span {
  font-size: 16px;
  display: inline-block;
  position: relative;
  right: 5px;
  bottom: 1px;
}


.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar{
  width: 5px;
  height: 5px;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track{
  background: transparent;
}
.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background: #ededed;
  border-radius: 6px;
}
.select2-container{
  width: 100% !important;
  background: none  !important;
}
.btn-grey {padding: 10px; color: white; background-color: #D3D3D3;
  border-radius: 6px !important; cursor: pointer; padding: 5px 10px;border: none; width:100% !important} 

/* plugin css */

/*Sekhar New CSS Start*/
.header .navbar-nav li.dropdown .dropdown-toggle i{color:#fff !important;}
.header .navbar-nav > li.dropdown.user .dropdown-toggle .username{color:#fff !important;}
.cardsRed{color:red !important;}
.cardsDarkBlue{background-color:#67809f;color:white;}
.btn:hover, .btn:focus {color: #FFFFFF !important;                    }
.dashboard-inner .card  {padding:10px  15px 0 15px !important;}
.dashboard-inner .cardnote  {padding:10px  15px 0 15px !important;}
.dashboard-inner .card h3{ color:#181c32 !important; font-size:13px !important;
   font-weight:600 !important; padding: 0; margin-bottom: 2px;}
.dashboard-inner .cardnote h3{ color:#181c32 !important; font-size:13px !important;
    font-weight:600 !important; padding: 0; margin-bottom: 2px;}   
.dashboard-inner .card span {color: #b5b5c3; font-size: 11px;}
.dashboard-inner .cardnote span {color: #fff; font-size: 14px;}
.main-custom-card .card-small-height {height: 145px !important;}
.dashboard-inner .card{ margin-bottom:10px;}
.dashboard-inner .card {border-radius: 8px !important;}
.dashboard-inner .cardnote{ margin-bottom:10px;}
.dashboard-inner .cardnote {border-radius: 8px !important;}
.dashboard-inner .card ul{list-style:none; padding:5px 0 0 0; margin:0; text-align:left !important;}
.dashboard-inner .card ul li {font-size: 12px; color:#181c32; border-bottom: 2px dotted #e1e3ea; 
  display: flex;  justify-content: space-between; padding:5px 0; cursor: pointer;}
.dashboard-inner .card ul li span {font-size: 12px; color: #181c32; padding-right:10px;}
.dashboard-inner .card ul li:last-child {border-bottom:none;}
.dashboard-inner .card-bordered { border: 1px solid #f3f3f3 !important; box-shadow: #e9e9e91c 0 0 16px 8px !important;}
.main-custom-card.dashboard-inner .card-large-height {height: 456px;}
.main-custom-card {background: #f5f8fa00;   height: 496px; overflow-x: inherit;}
main-custom-card::-webkit-scrollbar-track {background:#f5f8fa00; } 
.main-custom-card::-webkit-scrollbar-thumb {  background: #f5f8fa00;}
.circle_per {font-size:120px; width: 90px; height: 90px; position: relative; background:#cdf1f1;
 border-radius:50% !important; overflow:hidden; display:inline-block; margin: 10px auto;}
.circ_inn {position: absolute; left: 0; top: 0; width: 90px; height: 90px; clip:rect(0 1em 1em .5em);}
.round_perr {position: absolute; left: 0; top: 0; width: 90px; height: 90px;
 background: #32c9c9; clip:rect(0 1em 1em .5em); transform:rotate(180deg); transition:1.05s;}
.percent_mo .circ_inn {clip:rect(0 .5em 1em 0em);}
.percent_mo:after {position: absolute; left: .5em; top:0em; right: 0; bottom: 0; background: #32c9c9; content:'';}
.circle_in {position: absolute; top: 6px; left: 6px; right: 6px; bottom: 6px; background: #fff; z-index:3;
border-radius: 50% !important;}
.percent_te {color: #41506a; position: absolute; font-size: 24px; font-weight: 800; left: 50%;
top: 50%; transform: translate(-50%,-50%); z-index: 3;}
.search-expand .button {display: inline-block; margin: 4px 2px; background:none; font-size: 14px;
  padding-left: 32px; padding-right: 32px; height: 50px; line-height: 50px; text-align: center;
  color: white; text-decoration: none; cursor: pointer; -moz-user-select: none; -khtml-user-select: none;
  -webkit-user-select: none; -ms-user-select: none; user-select: none;}
.search-expand .button:hover {transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s; background: none; color: black;}
.search-container.search-expand{position: relative; margin: 4px 2px; height: 50px;
  width: 50px; vertical-align: bottom; margin: 0 auto; display: block;}
.mglass {display: inline-block; pointer-events: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); color: #545454; font-size: 30px;}
.search-expand .searchbutton {position: absolute; font-size: 22px; width: 100%; margin: 0; padding: 0;}
.search-expand .search:focus + .searchbutton {transition-duration: 0.4s; -moz-transition-duration: 0.4s;
  -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; background: none; color: black;}
.search-expand .search {position: absolute; left: 49px; background-color: #ffffff00; outline: none;
  border: none; padding: 15px 0 0 0; top: -10px !important; width: 363px; height: 100%; z-index: 10; border-bottom: 1px solid #ccc;
  transition-duration: 0.4s; -moz-transition-duration: 0.4s; -webkit-transition-duration: 0.4s;
  -o-transition-duration: 0.4s;}
.search-expand .search:focus { width: 363px; /* Bar width+1px */ padding: 0 0 0 0;}
.search-expand .expandright {left: auto; right: 38px; /* Button width-1px */}
.search-expand .expandright:focus {padding: 0 0 0 0;}
.new-back-bg {background: #f1f1f1;}
.icon-newww {display: inline-block; width: 16px; height: 16px; vertical-align: middle; fill: currentcolor;}
.modal-neww {position: absolute; z-index: 10000; /* 1 */  top: 0; left: 0; visibility: hidden;
    width: 100%; height: 100%;}
.modal-neww.is-visible { visibility: visible;}
.modal-overlay-new {position: fixed; z-index: 10; top: 0; left: 0;  width: 100%;
  height: 100%; background: hsla(0, 0%, 0%, 0.5); visibility: hidden; opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;}
.modal-neww.is-visible .modal-overlay-new {opacity: 1; visibility: visible; transition-delay: 0s;}
.modal-wrapper-new {position: absolute; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%;
  /*margin-left: -16em;*/ background-color: #fff; box-shadow: 0 0 1.5em hsla(0, 0%, 0%, 0.35);}
.modal-transition-new {transition: all 0.3s 0.12s; transform: translateY(-10%); opacity: 0;}
.modal-neww.is-visible .modal-transition-new {transform: translateY(0); opacity: 1;}
.modal-header-new,
.modal-content-new { padding: 1em;}
.modal-header-new {position: relative; background-color: #fff; border-bottom: 1px solid #f5f5f5;}
.modal-close-new {position: absolute; top: 0; right: 0; padding: 1em; color: #aaa; background: none;
  border: 0;}
.modal-close-new:hover {color: #777;}
.modal-heading-new {font-size: 1.125em; margin: 0; -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;}
.modal-content-new > *:first-child {margin-top: 0;}
.modal-content-new > *:last-child {margin-bottom: 0;}
.top-close-btn button {width:30px; height: 30px; color: #009ef7;
    background: no-repeat;  border: none;  font-size: 14px;  font-weight: 600; position: absolute; right: 20px; top: 6px; cursor: pointer;}
.top-close-btn button:hover {color: #0e99e7; width:30px; height: 30px; border-radius: 4px; background: #e2f2fb;}
.mod-foot-new {position: absolute; bottom: 0; border-top: 1px solid #f5f5f5; width: 100%;
    padding: 10px 0;}
.mod-foot-new button {border: none; border-radius: 5px; padding: 12px 25px; background: #fbfbfb;
    color: #939393; font-weight: 600; cursor: pointer; margin: 0 25px 0 auto; display: block;}
.dash_tab_data .dataTables_wrapper {height:425px !important;} 
#action_dash_tab_data .dataTables_wrapper {height:411px !important;} 
.app-wrapper {margin-top: 50px !important;}
.app-toolbar {z-index: 1000;;}
.card-grph {display:inline-block;}
.t-card-right { display: inline-block;  padding-left: 15px;}
.t-card-right ul li {font-size:12px; color:#858585 !important; position:relative;}
.t-card-right ul li span{padding-left:90px; color:#ababab; font-weight:600 !important;}
 .logo-text {float: right; padding-top: 8px;
       font-size: 10px; color:#5b5d66;}
.app-footer a {display:inline-block;}
ul.newbredcrumb {padding-bottom:5px  !important;     padding-top: 10px;}
/*ul.newbredcrumb  li:hover span{transition: color 0.2s ease; color:#009ef7 !important; 
  background:#f4f6fa  !important; cursor: pointer;}*/
.head-rht-drwer .svg-icon{margin-top:10px !important; display:block;}
.footer-min-height {min-height: inherit !important;}
.app-footer {height:40px !important;}
.app-footer img {width:90px;}
.app-container  {margin-top:10px !important; margin-bottom:10px !important;}
ul#tabs-nav {list-style: none;margin: 0;padding: 5px; /*uoverflow: auto;*/}
ul#tabs-nav li {float: left;font-weight: bold;margin-right: 2px; color: #000; padding: 8px 10px; border-radius: 5px 5px 5px 5px;
  cursor: pointer;}
ul#tabs-nav li:hover,
ul#tabs-nav li.active a {color:#E85C40;}
#tabs-nav li a {text-decoration: none;color: #333;}
.tab-content-new {height: 456px  !important;}
.tab-content-new #chartdiv {height:395px;}
.tabs ul li {border-bottom:none  !important;}

/*updated css - sekhar*/
.com-dashboard a {color:#333;}
.headcontainer  ul li:nth-child(2) .breadcrumb-dropdown .menu-item a.active{background:none !important;}
.headcontainer  ul li.active .breadcrumb-dropdown a {background:none !important; color:#5e6278;}
.daterangepicker .ranges li{background:none !important; border:none !important;}
.daterangepicker .ranges li:hover{padding: 3px 12px;}
.com-dashboard.modal.fade {top:150px !important; opacity: 1 !important; overflow-y: inherit !important;}
.comp-d-pop-btn a{color:#181c32;}
.top-side-drop-nav .menu-item a:hover {background:none !important; color:#009ef7 !important;}
.com-dashboard .pop-upload a:hover {background:none !important; color:#181c32 !important;}
.pop-upload button:hover {color: #000 !important;}
.btn-group.pop-upload {float:right;}
.btn-group.pop-upload a{float:right; margin-top:-16px; color:#9d9d9d; display:inline-block;}
.btn-group.pop-upload a:hover {color: #E85C40 !important}
.meter-search .select2-container--default .select2-selection--single{height:45px; border: 1px solid #d7d7d7 !important; 
  border-radius:4px !important; line-height:45px !important; padding-top:10px; background: inherit;}
.meter-search .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 12px !important;}
.meter-search .select2-container--default .select2-selection--single .select2-selection__rendered {color:#8f8b8b;}
.meter-tble-td table td {padding:7px 10px !important;}
.app-header {z-index: 10000 !important;}
.headcontainer  ul li.active .breadcrumb-dropdown .menu-item .menu-link .menu-icon {display:none !important;}
body { background-color: #f1f1f1 !important;}
.app-toolbar.headapp {background:#fff !important;}
.client-pge {position:relative;}
.client-pge-bg {position:absolute; width:100%; height:55px; left:0; top:0; background:#ffffff !important;}
.app-container.client-pge {margin-top:0 !important;}
.app-container.client-pge table {background:#fff !important}
.meter-tble-td {background:#ffffff !important}
.meter-tble-td .dataTables_scrollBody {border-bottom:none !important}


.fixTableHead tbody{display: block; max-height: 295px;overflow-y: scroll;}
.fixTableHead tbody#results {display: block; max-height: 400px;overflow-y: scroll;}
.fixTableHead thead{display: table; table-layout: fixed; width: 100%;}
.fixTableHead tbody tr{display: table; table-layout: fixed; width: 100%;}
.fixTableHead thead{width: calc(100% - 1.1em);}
.fixTableHead thead{position: relative;}
.fixTableHeade thead th:last-child:after{content: ' '; position: absolute; background-color: #007bff; width: 1.3em; height: 72px;
 right: -20px; top: 0; border: none;}
 .fixTableHead thead th {border-bottom: 0;}
.main-custom-card.table-card-main {overflow: inherit;}
/*.fixTableHead {overflow-y: auto;  height: 500px; }
.fixTableHead thead th {position: sticky; top: 0; background:#fff !important; }
.fixTableHead  table {border-collapse: collapse; width: 100%;}
::-webkit-scrollbar-track {background: #fff0 !important; } 
::-webkit-scrollbar-thumb {  background: #fff0 !important;}  

*/

.full-width-pop {z-index: 1000000;}
.full-width-pop .modal-neww {    z-index: 100000000;}
.modal-neww.is-visible .modal-overlay-new { background: #fff;}
.pop-main {position:relative; z-index: 1000000;}
.popup-content {position: absolute; top: 0; left: 0; transform: translate(0%, 0%);  width: 100%; height: 100%; text-align: center;
 background-color: #fff; box-sizing: border-box; padding: 0; z-index: 1000000;  display: none;}
 .close-btn { width: 30px; height: 30px; line-height: 30px; color: #009ef7; background: no-repeat; border: none; font-size: 28px; font-weight: 600;
 position: absolute; right: 20px; top: 8px; cursor: pointer; cursor: pointer; }
.close-btn:hover {color: #0e99e7; width: 30px; height: 30px; line-height: 30px; border-radius: 4px; background: #e2f2fb;}
.head-data { border-bottom: 1px solid #f5f5f5; padding: 10px;}
.head-data h3 {text-align: left}
.content-body {padding: 10px}
.content-body p{text-align: left;}
.foot-tog {position: absolute; bottom: 0; border-top: 1px solid #f5f5f5; width: 100%; padding: 10px 0;}
.close-btn-footer button { border: none; border-radius: 5px; padding: 12px 25px; background: #fbfbfb; color: #939393;
    font-weight: 600; cursor: pointer; margin: 0 25px 0 auto; display: block;}
/*updated css - sekhar*/

.client-pge .menu-item a { color:#5e6278  !important}

.division-main .division-pge {background-color: #fff !important}

.card-l-height {height: 100%;}
.select-custom .select2-container { border-bottom: 1px solid #ccc; position: relative;}
.select-custom .select2-container:before {content: "\f107"; font-family: 'FontAwesome';
   position: absolute; right: 5px; top: 10px;}
.table-cust-class {padding-top: 0px; position: relative;}
.table-cust-class .back2top a {bottom: 50px;}

.select-custom .select2-selection__choice  {margin-top: 6px !important;}

.table-cust-class .dataTables_scrollBody {height: 330px;}
.client-pge .dataTables_scrollBody {height: 315px  !important;}
.client-pge #posted_invoice_list_jqgrid_wrapper .dataTables_scrollBody {height: 340px  !important;}
.client-pge.meter-page-main .dataTables_scrollBody {height: 330px  !important;}
.division-main .dataTables_scrollBody {height: 350px  !important;}
/*.table-cust-class thead th{width: 100px !important;}
.table-cust-class tbody td{width: 100px !important;}*/

.headapp .head-rht-drwer h4 {font-size: 14px; padding-top: 20px; }
.client-pge .meterpge {padding: 18px 0 7px 0;}

.site-main-cls .col-md-12 {background-color: #fff;}
.site-main-cls .dataTables_scrollBody {height: 350px  !important;}
.white_background{background-color: #fff !important;}
.fixed-height{ height: 450px  !important;}
.fixed-height-notify{ height: 220px  !important;}
.pascal-listing-lev-2.fixed-height{ height: inherit  !important;}

.com-dashboard .modal-content{-webkit-box-shadow: 0 5px 18px 15px rgb(173 173 173 / 11%); border: 1px solid #ebebeb;
  border-radius: 6px !important;}
  .com-dash-mod .modal-content{-webkit-box-shadow: 0 5px 18px 15px rgb(173 173 173 / 11%); border: 1px solid #ebebeb;
  border-radius: 6px !important;}

  #mydiv { position: absolute; width: 100%;}

  #mydiv2{ position: absolute; width: 100%;}
.pop-over {background: #00000091; width: 100%; position: fixed; height: 100%;  top: 0;  bottom: 0;}


.login .logo {margin-top: 10px !important;}
.login .logo  img{width: 200px; margin-top: 0px;}
.login .logo h2 {font-size: 22px;}
.login .content .form-title {font-size: 15px;}
.headapp .head-rht-drwer h4 {font-size: 14px; padding-top: 20px; color: #E85C40; font-weight: 600 !important;}

.dts .table.dataTable {margin-top: 0 !important;}
.pad-tb-1 {padding: 12px 0 13px 0;}
.pad-tb-2 {padding: 12px 5px 13px 5px;}
.pad-pb {padding-bottom: 15px;} 

.back2top a {position: absolute;  right: 8px;  bottom: 8px; z-index: 100000;  font-size: 12px;
  width: 36px;  height: 36px;  line-height: 32px;  border-radius: 0.475rem !important;
  background: #e85c40a1 !important; color: #555; text-align: center;  padding-top: 4px;}
  .back2top a:hover {background-color: #E85C40  !important;}
.back2top a .la {color: #fff; font-family: 'Line Awesome Free'; font-weight: 900;  font-size: 16px;}
.tab-client {position: relative;}
.meter-tble-td {position: relative;}
.purple-fonts{color:purple !important;}
.back2top a .las {color: #fff; font-size: 18px;  padding-top: 6px;}
 /*.table-h-fix {height: 78%;  overflow-y: scroll; margin: 15px auto 0 auto !important;}*/


.daterangepicker .ranges  ul li:hover {background-color: #f1f1f1 !important; 
  color: #e85c40  !important;border: none !important; border: none !important;}
.daterangepicker .ranges  ul li:active {border: none !important;}
.daterangepicker .ranges li {padding: 10px 10px !important;}
.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {border: none !important;}
.daterangepicker .ranges li:hover {border: none !important;}
.daterangepicker {background: #fff !important;  border-radius: 8px !important;}
.daterangepicker .ranges ul { overflow: inherit  !important; max-height: inherit  !important;}
.daterangepicker .ranges {border-radius: 8px !important;}
.form-control.form-control-solid {border-radius: 6px !important; padding: 2px 10px; font-size: 14px;}

.material-datepickr h4 {font-size: 12px; color: #333; padding-top:10px;}

.menu-active-bg .menu-item .menu-link.active .menu-title {color:#E85C40;}

.renewal-drop .menu.menu-sub {background-color: #ffffff; box-shadow: #c3c3c329 0 0 20px 8px;
  border: 1px solid #efefef;}

  .renewal-drop .drop-icon .la-ellipsis-h { background-color: #efefef; border-radius: 4px;
    padding: 4px 4px;  color: #707070; font-size: 20px; margin-right: 15px;}

  .renewal-drop .drop-icon .la-ellipsis-h:hover {background-color: #e85c403b;
    color:#E85C40; }
.renewal-drop button {background-color: #E85C40; color: #fff; border-radius: 6px !important;
    width: 100%; padding: 10px 5px !important;  font-size: 12px;}
    .renewal-drop button:focus {background-color: #E85C40; color: #fff;}
.renewal-drop button:hover {background-color: #E85C40;}
/*CECIL new button format*/
.newbtn-div {background-color: #E85C40; color: #fff; border-radius: 6px !important;
  width: 100%; padding: 6px 0px !important;  font-size: 12px;}
  .newbtn-div:focus {background-color: #E85C40; color: #fff;}
.newbtn-div:hover {background-color: #E85C40;}
/*CECIL new button format*/
.renewal-drop .menu .menu-item a:hover {color: #E85C40 !important;}
.renewal-drop .menu .menu-item a:hover span{color: #E85C40 !important;}
.renewal-drop .menu .menu-item a.menu-link:hover {color: #E85C40 !important;}


.overview_tab_fixed::-webkit-scrollbar { width: 6px;}
::-webkit-scrollbar { height: 4px;}
  .overview_tab_fixed::-webkit-scrollbar-track {background: #ffffff; width: 1px  !important; height: 2px}
.overview_tab_fixed::-webkit-scrollbar-thumb { background: #f5f5f5; width: 1px  !important; height: 2px; border-radius: 6px;}
.btn.btn-outline-white {color: #ffffff; background-color: transparent;  border-color: #fff !important;
  border: 1px solid #fff !important;}
.overview_tab_fixed {border: 1px solid #e7e7e7; min-width: 800px; 
  height: 330px; overflow: scroll;  position: relative;  margin:0 auto ;}
.overview_tab_fixed table {position: relative; border-collapse: collapse; width: 100%; overflow: scroll;}
.overview_tab_fixed thead th {position: -webkit-sticky; position: sticky;  top: 0; background: #fff; }
.overview_tab_fixed thead th:first-child {left: 0; z-index: 1;}
.overview_tab_fixed tbody  td:first-child {position: -webkit-sticky; position: sticky; 
  left: 0; background: #FFF;}
.overview_tab_fixed tfoot  th:first-child {position: -webkit-sticky; position: sticky; 
  left: 0; background: #FFF;}

.overview_tab_fixed table.table { margin-bottom: 0 !important;}
.overview_tab_fixed thead  {border-bottom: 1px solid #c9c9c9 !important;}
.overview_tab_fixed tr td:first-child {padding: 10px 10px !important;}
.overview_tab_fixed tr td {padding: 5px 10px !important; line-height: 15px !important;}
.bg-body {z-index: 100000 !important;}
.bg-bodyyyy   {z-index: 100 !important;}
.modal .btn:hover, .btn:focus {color: #544f4f !important;}

.nav-line-tabs .nav-item .nav-link.active, .nav-line-tabs .nav-item.show .nav-link, 
.nav-line-tabs .nav-item .nav-link:hover:not(.disabled)
{    border-bottom: 1px solid #E85C40;}
.dataTables_info {display: none;}
#posted_invoice_list_jqgrid_wrapper > .dataTables_info {
  display: block !important;
  top:0px;
}

.dataTables_scrollBody table.custom-fixed-table-layout.dataTable thead {display: none !important;}

.meter-pge-tab .dataTables_scrollBody td {padding: 1.25rem 0.75rem 1.25rem !important}


.modal-content { border-radius: var(--bs-modal-border-radius) !important;}

.btn.btn-primary {  border-radius: 5px !important;}

.modal-content.resou-modal .modal-header {background: #fff; padding: 8px 15px !important;}
 


/*Zalak CSS*/
.mr-10{margin-right: 10px;}
.mr-15{margin-right: 15px;}
.mr-30{margin-right: 30px;}
.mt-30{margin-top: 30px;}
.mt-40{margin-top: 40px;}
.ml-10{margin-left: 10px;}
.mr-5{margin-right: 5px;}
.ml-5{margin-left: 5px;}
.pr-10{padding-right: 10px !important;}
.pl-10{padding-left: 10px !important;}
.pl-17{padding-left: 17px !important;}
.mt-16m{margin-top: -16px;}
.mt-32m{margin-top: -32px;}
.row-selected{background-color: #ffffe0 !important;}
/*Zalak CSS*/

.loading-spinner{
  position:relative;
  display:block;
}

span.spinn {
  position: absolute;
  z-index: 100000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
.pop-load .spinner{ background: #0000005c;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes spinner {
  to {transform: rotate(360deg);}
}
.spinner {
    min-height:36px;
}
.spinner:before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-top: -10px;
  margin-left: -10px;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-top-color: #333;
  animation: spinner 1s linear infinite;
}


#example_wrapper ::-webkit-scrollbar {width: 5px;}
#example_wrapper ::-webkit-scrollbar-thumb { background: rgb(207, 207, 207)  !important; border-radius: 10px;}
#example_wrapper  ::-webkit-scrollbar-thumb:hover { background: rgb(155, 155, 155)  !important;}
.dataTables_scrollBody {scrollbar-color: #d4d4d4 #e7e7e7 !important;}


.searchpopup .input-group {display: table !important;}
/*.searchpopup  .input-group .btn {padding: 10px 10px !important; width: 140px !important;}*/
.searchpopup  .input-group .las {font-size: 20px;  color: #000000;}

.modal.searchpopup .btn:hover {color: #fff !important;}
.modal.searchpopup .modal-header {padding: 10px 15px !important;}
.modal-body.loadSupplierResolutionInboxCardsModalclass .col-md-7 {margin-top: 5px !important}
.serach:hover path {fill: #E85C40;}

.searchpopup label.control-label {text-align: left !important;}
.searchpopup .input-group-addon {display: none !important;}
.searchpopup .form-control {border: none;   border-bottom: 1px solid #ccc  !important; height: 24px !important; width: 275px !important;}
.searchpopup .input-group-btn button {border: none; background: none !important; width: inherit; padding-top: 10px;}
.searchpopup .input-group-btn button .btn {background: none !important}
.searchpopup .input-group-btn button .btn:hover {background: none !important;}
.searchpopup .input-group-btn button:hover {background: none !important;}
.searchpopup .input-group-btn button las:hover {color: #E85C40;}
.searchpopup .input-group i.las.la-arrow-circle-right:hover {color: #E85C40;}
.searchpopup .modal-content {width: 520px !important;}
.clrdiv {clear: both;}
.reso-head {width: 100%;}
.reso-head .reso-head-top h4 {font-size: 22px; font-weight: 600 !important;  padding-top: 12px;}
.reso-head .reso-head-top ul {list-style: none; margin:0; padding: 0;}
.reso-head .reso-head-top ul li {border: 1px dotted #e1e0e0; border-radius: 5px !important; display: inline-block; color: #000;
  font-size: 15px; font-weight: 600; padding: 2px 15px; margin-right: 15px;}
  .reso-head .reso-head-top ul li #spn-meterlist_count,.reso-head .reso-head-top ul li #spn-contact_count,
  .reso-head .reso-head-top ul li #spn-related_count,
  .reso-head .reso-head-top ul li #spn-related_job_count,
  .reso-head .reso-head-top ul li #spn-related_fcr_count{
    color: #000;
    font-size: 15px; font-weight: 600;
  }
  .reso-head .reso-head-top ul li a > span:hover {font-weight: 600; color:#e85c40 !important; cursor: pointer;}
.reso-head .reso-head-top ul li span {color: #b5b5c3; display: block; font-size: 12px; font-weight: normal;}
.reso-head-menu ul {list-style: none; margin:0; padding: 12px 0 0px 12px;}
.reso-head-menu ul li { float: left; margin: 0px; font-size: 14px; font-weight: 600;}
.reso-head-menu li ul  {padding: 0 !important;}
.reso-head-menu li ul li {float:revert !important; display:block;}
.reso-head-menu ul li a{/*color: #b5b5c3;*/ margin-right: 10px !important;}
  .reso-head-menu ul li a.red{color: red;}
  .reso-head-menu li:nth-child(3):hover ul {display: block !important;}
   
#myTabDrop01_drop_01 li{ display: block;}
.reso-head-menu ul li a.paddlink{ padding: 0px; margin-left: 0;}
.whitefont, .reso-head .reso-head-top ul li.whitefont a, .reso-head .reso-head-top ul li.whitefont span{ color: #fff !important;}
.reso-head-menu ul li a:hover {font-weight: 600; color:#e85c40; cursor: pointer;}
.reso-inn { border-radius: 6px !important; background: #fff; border: 1px solid #f3f3f3 !important; 
  box-shadow: #e9e9e91c 0 0 16px 8px !important;    height: 200px; overflow: scroll;}
.reso-title {border-bottom: 1px solid #f1f1f1; padding: 20px 20px 8px 20px;
    border-radius: 6px 6px 0 0 !important;}
.reso-card-in-data {padding: 4px 20px;}
.reso-data-box {padding-bottom: 10px;}
.res-table tr td { border: 1px solid #dee2e6;}
.res-table .table thead th {vertical-align: top; border-color: #fff;}
.res-table .table thead th:last-child {border-color: #fff !important;}
.reso-card-in-tab-data .table thead tr th {font-weight: 600 !important; font-size: 13px; border-right: 1px solid #e9e9e9 !important}
.res-table	thead {font-size: 14px; font-weight: 600; border-color: #ffffff; vertical-align: top !important}
.res-table table tr td {font-size:12px; padding: 0.3rem 1rem 0.3rem !important;}
.res-table table tr td.tdlast {padding: 0 !important}
.res-table table tr td  tr td {padding: 0 10px !important; border: none !important;}
.res-table table tr td  tr td{border-right: 1px solid #e9e9e9 !important}
.res-table table tr td tr {padding: 0 !important; background: none !important}
.res-table .table td tr td {padding: 10px 10px !important;}
.res-table .tdlast {position: relative;}
.reso-data-table thead {border-color: #f5f5f5;}
.reso-head button.btn.blue-hoki:hover { background-color: #E85C40 !important; color: #fff !important;}
.reso-card-data h3,.reso-card-data h3 span, .reso-card-data h3 span a,.reso-card-data .reso-title span a {color: #000 !important; font-size: 15px !important;
  font-weight: 600 !important; padding: 0;  margin-bottom: 2px;}
.reso-card-data  span {color: #ffffff; font-size: 12px;}
.reso-card-data  ul {list-style: none; padding: 5px 0 0 0; margin: 0; text-align: left !important;}
.reso-tab-data table {height: 200px !important;}
.reso-card-data ul li {font-size: 12px; color: #181c32; border-bottom: 2px dotted #e1e3ea;
  display: flex; padding: 0.5rem 0.0rem 0.5rem;  cursor: pointer;}
.reso-card-data ul li:last-child {border-bottom: none !important;}
.reso-card-data ul li span {font-size: 12px; color: #181c32;
  padding-left: 0; display: inline-block; /*position: absolute;*/  left: 50%;
   /*margin-left: -40px;*/}
.reso-card-data ul li select.form-control { font-size: 12px;  border: 1px solid #f1f1f1;
  height: 40px; border-radius: 8px;}
.reso-card-in-data.reso-card-in-tab-data {padding: 4px 20px !important;}
.resopopup {background: #f1f1f1 !important;}
.resobody {padding: 10px 15px;}
.reso-data-table {border-radius: 6px !important; background: #fff;
  border: 1px solid #f3f3f3 !important; box-shadow: #e9e9e91c 0 0 16px 8px !important; 
  height: 280px; overflow: hidden;}
.app-header .menu-item a:hover {color: #E85C40  !important;}
.notifica svg:hover path {fill: #E85C40;}
.notifica svg:hover rect {fill: #E85C40;}



.reso-main {background: #f1f1f1 !important;}
.reso-card-in-data li.whitefont { color: #181c32  !important;}
.reso-card-in-data li span a { color: #181c32 !important;}

.com-dashboard #importWMAModal_msg {display: none  !important;}
.com-dashboard .caption {font-size: 16px !important;}
.com-dashboard .caption .fa-info-circle {display: none;}
.reso-data-table .table thead tr th {font-weight: 600 !important; border-right: 1px solid #e9e9e9 !important}
.reso-data-table .table thead  {border-color: #fff;}

.reso-main .form-body {padding: 0 !important; height: 100%;}
.reso-title .las {display: none;}
.reso-data-table table tr td {padding: 0.5rem 0.75rem 0.5rem !important;}

.reso-head-menu .blue-hoki.btn{background: none  !important; color: #b5b5c3; font-weight: 600;}

.reso-head button.btn.blue-hoki:hover {background: inherit !important; color: #e85c40 !important;}

.reso-title button {margin: 0 5px;}

.reso-card-in-tab-data .dataTables_scroll .table thead tr th {white-space: nowrap; 
  padding-right: 15px;}

/*.reso-card-in-tab-data .dataTables_scrollHead {overflow: visible !important;}*/

.reso-data-table .dataTables_scrollBody { height: 150px;  overflow-y: scroll !important;}
/*.reso-card-data a {color: #b5b5c3 !important;}
.reso-card-data a:hover {color: #E85C40 !important;}*/

.reso-card-in-tab-data table thead tr th { padding: 0.5rem 0.75rem 0.5rem !important}
.reso-card-in-tab-data .dataTables_scrollBody table thead {visibility: hidden;}
.reso-card-in-tab-data .dataTables_scrollBody table {border-color: #fff !important;}
.reso-data-table table thead tr th { padding: 0.5rem 0.75rem 0.5rem !important}
.reso-data-table .dataTables_scroll .dataTables_scrollBody .table thead {visibility: hidden  !important; margin-bottom: -20px;}
.reso-data-table .dataTables_scrollBody .table {border-color: #fff !important;}

.noti-bg {background-image: linear-gradient(to right, #e85c40 , #ed735b) !important;}

.resou-modal .modal-header td button {float: right  !important; margin-right: 20px !important;}
.pascal-in {background-color: #fff; border: 1px solid #f3f3f3 !important;
  box-shadow: #e9e9e91c 0 0 16px 8px !important; border-radius: 6px !important; 
  padding: 10px 10px 10px 9px; position: relative;}
  .pascal-in h3 {color: #E85C40; font-size: 14px; padding-left: 10px;}
.price_total {position:absolute; right: 20px; top:10px;}
.pascal-kanban-new .kanban-board header { font-size: 16px; padding: 15px;}
.pascal-kanban-new .kanban-board { float: left; width: 31% !important; margin: 0 6px !important;
   border-radius: 6px !important;  position: relative;}
   /*.kanban-container .kanban-board:before {content: ''; position: fixed;
    width: 142px;  height: 39px;  background-color: #f9f9f9; z-index: 1000;
    border-radius: 6px 6px 0 0;}*/
.pascal-kanban-new .kanban-board .kanban-drag { min-height: 200px;  padding: 10px  !important;}
.pascal-kanban-new .kanban-container .kanban-board .kanban-drag .kanban-item { border-radius: 6px !important; cursor: inherit;}
.pascal-kanban-new .kanban-container .kanban-board .kanban-drag .kanban-item span {white-space: normal;}
.pascal-kanban-new .kanban-container .kanban-board .kanban-board-header .kanban-title-board {font-size: 14px;
    z-index: 100; }
.pascal-kanban-new .kanban-board .kanban-board-header .kanban-title-board span {font-size: 11px; 
  display: block;}
.pascal-kanban-new .kanban-board-header {position: relative;}
.pascal-kanban-new .kanban-item h5{font-size: 11px; padding: 0 !important; margin: 0;color: #f0f0f0}
.pascal-kanban-new .kanban-item {padding: 2px 6px !important; margin-bottom: 10px !important;}
.pascal-kanban-new .fw-bold {font-weight: 600 !important; font-size: 12px;}
.pascal-kanban-new .kanban-board .kanban-drag {padding: 6px !important; margin-top: 0px !important; height: 265px; }
.pascal .flex-row-fluid   {background: #f1f1f1;  padding: 10px 0 10px 0;}
.pascal .pascal-contract-table  {display: flex;}

.pascal .pascal-contract-table  .col-md-5 { min-width: 510px;}



#ps_listing_div .card-body{padding-left: 0px;}
.flex-row-fluid   ::-webkit-scrollbar { width: 5px;}
.flex-row-fluid   ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgb(235, 235, 235); 
  border-radius: 10px;}
 .flex-row-fluid ::-webkit-scrollbar-thumb { background: #dadada;   border-radius: 10px;
  cursor: pointer;}
.flex-row-fluid  ::-webkit-scrollbar-thumb:hover {background: #dadada;  cursor: pointer;}

/*firefox scrollbar*/
.flex-row-fluid   .scrollbar { width: 5px;}
.flex-row-fluid   .scrollbar-track { box-shadow: inset 0 0 5px rgb(235, 235, 235); 
  border-radius: 10px;}
 .flex-row-fluid .scrollbar-thumb { background: #dadada;   border-radius: 10px;
  cursor: pointer;}
.flex-row-fluid  .scrollbar-thumb:hover {background: #dadada;  cursor: pointer;}


.pascal-main-cls.pascal-con-p .mt-30 {scrollbar-width: thin !important;  scrollbar-color: #dadada #e7e7e7;}
  ::-moz-scrollbar { height: 2px;}

/*firefox scrollbar*/

.pascal-kanban-new .kanban-board header {font-size: 16px; padding: 8px 15px 2px 15px  !important;}




.pascal-title  {background-color: #f1f1f1;}
.pascal-title h4 {font-size: 14px; text-align: right;  padding: 5px 0 0 0; margin: 0; cursor: pointer;}



.pascal-listing-card .dropdown button{background: none !important;}

.pascal-listing-card .dropdown button {color: #5e6278; padding: 0 !important;}
.pascal-listing-card .dropdown button:hover {background: inherit; color: #E85C40 !important;}
.pascal-listing-card .dropdown button .las {font-size: 20px;}
.pascal-listing-card td button .la-undo {color: #5e6278 !important; font-size: 20px !important;}
.pascal-listing-card td button .la-undo:hover {color: #E85C40 !important;}

.pascal-listing-card table td button {background: none !important;}

.pascal-listing-card table td button {color: #5e6278; padding: 0 8px !important;}
.pascal-listing-card table td button:hover {background: inherit; color: #E85C40 !important;}
.pascal-listing-card table td select {border: none; cursor: pointer; position: relative; 
  width: 100% !important;}

.pascal-listing-card table td select.form-control::after {
    content: "";   display: inline-block;  margin-left: 0.255em;
    vertical-align: 0.255em;  border-top: 0.3em solid; border-right: 0.3em solid transparent;
    border-bottom: 0; border-left: 0.3em solid transparent;}

.card.card-custom.pascal_contract {height: 450px !important;}
.card.card-custom.pascal_contract .card-header {padding-bottom: 10px !important;}
.menu-padding.card.card-custom.pascal_contract {padding: 0 !important;}
.pascal_contract tbody tr td {font-size: 12px  !important;}


.pascal-listing-card table td .form-control-sm {border: none; border-bottom: 1px solid #f1f1f1; margin-right: 100px;}
.pascal_contract .card-header {min-height: auto !important;}
.pascal_contract .level4 {min-height: auto !important; overflow: inherit;}

.card.card-custom>.card-header  {min-height: inherit !important;}
.pascal-listing-card .dropdown .menu-subnav ul li button {    border-radius: 4px !important; background: none !important;
  background:   #e85c40 !important; color: #fff !important; margin-top: -10px; padding: 5px 15px!important;}
.pascal-listing-card .dropdown .menu-subnav ul li .form-control {width: 100%;}
.pascal-listing-card .dropdown .menu-subnav ul li span.input-group-text {padding: 0 !important;
background: none !important; border: none !important;} 
.menu-padding.card.card-custom.pascal_contract { padding: 0 !important; width: 100% !important;}

.dropdown-menu.optionblock {width: 1082px !important; z-index: 10000000; margin-left: -550px;}


.optionblock {display: block  !important;}

.optionblock .menu-item .menu-link { display: flex !important; flex-direction: column  !important;
  align-items: flex-start  !important; padding: 0 0 10px 0 !important;}
  .optionblock .menu-item .hoversubmenu a{color:#5e6278; position: relative;}
.optionblock .menu-item .hoversubmenu a:hover {color: #e85c40;}
.optionblock .menu-item .hoversubmenu a .las{position: absolute; right: 0px; top: 6px;}
.optionblock .menu-item .hoversubmenu a li:hover {background: inherit !important;}
.dropdown-menu.optionblock .menu-item .hoversubmenu li a:hover {background: inherit !important;}
.dropdown-menu.optionblock .menu-item li a:hover {background: inherit !important;}
.pascal-cls {background: #f1f1f1; width: 60px; height: 35px; line-height: 35px;
  text-align: center; position: absolute; right: 15px; top: 10px; color: #7e8299; cursor: pointer;}

.pascal-contract-table .dataTables_scrollHeadInner{ width: 100%  !important;}

.blackopacity {background: #000000a1 !important; width: 100%; height: 100%;  top: 0; 
  position: absolute; z-index: 10000;  left: 0;}
.reso-title.rgt-box {display: flex !important; justify-content: space-between;}
.reso-card-data .reso-title.rgt-box a{float: right;}
.reso-card-data .reso-title.rgt-box .col-md-3 {padding: 0 !important;}
.reso-card-data ul li h5 {font-size: 12px; width: 150px;}

 .reso-data-table .dataTables_scrollBody {border-bottom:none  !important;}
.optionblock .menu-subnav .form-group input.btn.btn-xs.btn-info {border-radius: 4px !important;  padding: 6px 30px !important;
   margin-top: 10px !important;}
#ps_listing_div table.dataTable.no-footer {border:none  !important;}


.pascal-main-cls.pascal-con-p .mt-30 {margin-top: 0 !important; padding: 0 0 0 0 !important;
  overflow-x: auto; white-space: nowrap;      width: 1275px; min-width: 100%; /* overflow: hidden; */}

.pascal-con-p .pascal-listing-card table td table  {width: 18% !important; float: right;}
.pascal-con-p .pascal-listing-card table td table td select{background: none !important; padding: 0  0 !important;}

/*#ps_listing_div {background: #f1f1f1;}*/
.pascal {background: #f1f1f1;}

.perm-head-row .perm-dorp-icon button .las {font-size: 20px; color: #5e6278;}
.perm-head-row .perm-dorp-icon button .las:hover {color: #5e6278;}
.perm-head-row .perm-dorp-icon button {float:right;}
.perm-dorp-icon { position: relative; float: right;}

.perm-drop {display: none; position: absolute; left: -138px;  width: 200px;  z-index: 1;  margin-top: 25px;}

.perm-drop ul {list-style: none; padding: 20px; border-radius: 8px !important;
  margin: 0; background-color: #fff; box-shadow: #e3e3e326 0 0 14px 16px;
  border: 1px solid #f1f1f1; }
.perm-drop ul li {text-align: left; padding-bottom: 20px;}
.perm-drop ul li  a{ color: #5e6278; background: none !important; text-align: left;}
.perm-drop ul li  a:hover {background: none !important; color: #e85c40;}
.perm-drop ul li:last-child {padding-bottom: 0 !important;}

.perm-dorp-icon:hover .perm-drop{display: block;}

.perm-lft-search select {height: 40px; background: no-repeat;
  border: 1px solid #ccc;  border-radius: 6px !important; cursor: pointer;}

.perm-lft-search select:focus {outline: none;}

.permission-data {padding-bottom: 100px;  height: 415px; overflow-x: scroll; cursor: pointer;}
.permission-data table {width: 100%  !important;}

.permission-data::-webkit-scrollbar-thumb { background: #dfdfdf;   border-radius: 10px;
  cursor: pointer;}
.permission-data::-webkit-scrollbar-thumb:hover {background: #8a8a8a;  cursor: pointer;}

.permission-data thead th {position:sticky; top: 0;}

.permission-data thead tr th:nth-child(2) {text-align: center;}
.permission-data thead tr th:nth-child(3) {text-align: center;}
.permission-data tbody tr td {padding: 5px 0 5px 10px !important;}
.permission-data tbody tr td label {padding-top: 5px;}
.cog-hov .la-cog:hover {color: #e85c40  !important}

.pascal-listing-main #ps_listing_div {background-color: #fff;}
.pascal-listing-main .dropdown-menu.optionblock {margin-left: -340px !important; 
  border-radius: 6px !important; margin-top: -100px;}
.pascal-listing-main .pascal-listing-card table td select { width: 60px !important;
  padding: 0; margin: 0 0 0 100px; padding-top: 0 !important;}

.pascal-listing-main .pascal-listing-card table td table {float: right !important}
.pascal-listing-main .pascal-contract-table .dataTables_scrollHead thead tr th
   {border-bottom: 1px solid #f1f1f1 !important;}
.sticky {position: fixed; top: 46px;  width: 100%;  }
  
.perm-head-row input.btn {border-radius: 6px !important; font-size: 12px;
    margin-top: 2px; background: #ffffff;  color: #7c7c7c;
       border: 1px solid #e7e7e7 !important;}
.perm-head-row input.btn:hover {background-color: #E85C40 !important; color: #fff !important; 
  cursor: pointer;}

.portlet.box>.portlet-body {position: relative;}


.menu.menu-sub .menu-item span.menu-icon {display: none !important;}
.menu.menu-sub .menu-item a .fa{display: none;}
.menu.menu-sub .menu-item  a.btn.dropdown-toggle {padding: 0 !important; padding-left: 14px !important;}

.pascal-main-cls .col-md-9 { width: 80.333333%  !important; }
.pascal-main-cls  .col-lg-3 { width: 19.666667% !important}
.pascal-listing-main .optionblock .menu-subnav ul li:nth-child(3){width: 275px !important;}
.pascal-listing-main .optionblock .menu-subnav ul li:nth-child(4) {padding-left: 25px  !important;
   border: none !important;}
.pascal-listing-main .optionblock .menu-subnav  .hoversubmenu li:nth-child(4){
  padding-left: inherit !important;}
.pascal-listing-main .optionblock .menu-subnav  .hoversubmenu .hoversubmenucontent
   { width: 142px; height: 125px; overflow-y: auto; overflow-x: hidden;}

.pascal-listing-main .optionblock #applyFilters button 
   {height: 50px !important; padding: 10px !important;}
.pascal-listing-main .optionblock #applyFilters {bottom: 0; position: absolute !important;
  width: 200px; right: 0; top: inherit !important;}
 .pascal-listing-main .optionblock #applyFilters button:hover { background:none !important;
color: #E85C40 !important;}
.pascal-listing-main .pascal-contract-table table td  .float-right {margin-top: 10px;}


.optionblock #applyFilters button 
   {height: 50px !important; padding: 10px !important;}
 .optionblock #applyFilters {bottom: 0; position: absolute !important;
  width: 200px; right: 0; top: inherit !important;}
 .optionblock #applyFilters button:hover { background:none !important;
color: #E85C40 !important;}

.optionblock ul li:nth-child(3) li li {padding: 0  !important;}
.optionblock .menu-subnav  .hoversubmenu .hoversubmenucontent
   { width: 142px; height: 115px; overflow-y: auto; overflow-x: hidden;}
 .optionblock .menu-subnav ul li:nth-child(3){width: 275px !important;}

.optionblock .menu-subnav ul li:nth-child(4) {  border: none !important; padding-left: 25px !important;}

.optionblock .menu-subnav  ul li li li:nth-child(4){
  padding-left: inherit !important;}

.dropdown-menu.optionblock {border-radius: 6px !important; margin-top: -100px;}

.daterangepicker {z-index: 10000000;}
.client-user-page .portlet.box .portlet-title {background-color: #ffffff !important; 
  border-radius: 6px 6px 0 0 !important;}
.client-user-page .portlet.box .portlet-title .actions a{ color: #555 !important;}
.client-user-page .portlet.box .portlet-title .actions a:hover {color: #E85C40 !important;}
.client-user-page .top-news a{border-radius: 6px !important;     padding: 10px 5px !important}
.top-news span {font-size: 14px; margin-bottom: 5px;  }

.client-user-page .portlet.box {background:#fff !important; 
  border-radius: 6px 6px 6px 6px !important;}
.client-user-page .client_user_inner .portlet.box  {height: 400px; overflow: auto;}
.client-user-page .portlet.box .portlet-body {border-radius: 0 0 6px 6px  !important;}
.client-user-page .portlet.box .portlet-body table tbody tr td 
{padding: 0.55rem 0.55rem 0.55rem !important;}

.client-user-page {padding-bottom: 60px !important;}

.client-user-page .caption{color: #E85C40; font-size: 15px !important;}
.client-user-page .user-response .portlet-body table tr td span {float: right; text-align: right; display: inline-block;}
.client-user-page .user-response .portlet-body table tr td span a{padding-right: 20px;}
.client-user-page .user-response .portlet-body table tr td span a:hover {color: #E85C40;}
.client-user-page .portlet .portlet-title .caption i {display: none !important;}

.client-user-page .view_user_in_card {border: 1px solid #f1f1f1; border-radius: 6px !important; padding: 10px 10px; margin-bottom: 20px;}
.client-user-page .view_user_in_card  h4 {color: #E85C40; font-size:14px !important;}
.client-user-page .view_user_in_card ul{list-style: none; margin:0 0 0 0; padding:5px 0 0 0;}
.client-user-page .view_user_in_card ul li {padding-bottom: 10px;}
.client-user-page .view_user_in_card ul li:last-child {padding: 0 !important;}
.client-user-page .view_user_in_card .view_user_lft {color: #5e6278; font-size: 12px; 
  display: inline-block; width: 80px;}
.client-user-page .view_user_in_card .view_user_rgt 
{ color: #000000; font-size: 12px; width: 150px; display: inline-block;}





#scroll {display: none;}

.dnone {display: none !important;}

a.cec-orange {background-color: #E85C40 !important; color:#fff;  width: 200px !important;
  margin: 0 0 0 auto;}

.viewhead .cec-orange  { width: 175px !important;}
.pascal-list-parent_main .pascal-listing-main .pascal-listing-card table td select 
{width: 72px !important;}
.pascal-list-parent_main .pascal-listing-main .pascal-listing-card table td .dropdown
{padding-left: 10px !important;}


.pascal-kanban-parent .pascal-listing-card table td table td select{display: none;}

.pascal-kanban-parent .pascal-listing-card table td table {
  width: 12% !important; float: right;}

.pascal-kanban-parent .optionblock #applyFilters button:focus 
{ background: #0000!important;  color: #5e6278 !important; }

.pascal-listing-main .optionblock #applyFilters button:focus 
{background: #0000!important;  color: #5e6278 !important; }


.pascal-list-rgt.pascal-list-level2-rgt .pascal_contract {
  height: auto !important; min-height: 100%;}

.viewhead {padding-top: 15px;}
.viewhead a .la-arrow-circle-left {font-size: 22px !important; padding-top: 14px; float: left;}
.viewhead a .la-arrow-circle-left:focus  {color: #a1a5b7;}
.viewhead a:focus  {color: #a1a5b7;}
.viewhead a {border-radius: 6px !important;}
.viewhead a:first-child span:hover{color: #333  !important;}
.viewhead .col-md-6:first-child a:hover span{color: #333  !important;}
.viewhead .col-md-4.offset-md-6 {text-align: right !important;}
.viewhead .col-md-6:last-child a:hover span{color: #ffffff  !important;}

.pascal-listing-main .pascal-listing-lev-2 .menu-subnav ul li 
{width: 160px !important;}

.pascal-listing-lev-2 .optionblock { width: 1280px !important; z-index: 10000000;
  margin-left: -550px;}

 .pascal-list-parent_main .pascal-listing-lev-2  .menu-subnav ul li:nth-child(5) {border: none !important;}

 .pascal-listing-lev-2 .pascal-listing-card table tbody tr td:first-child
 {width: 10px !important; margin-top: 4px !important;}

.datahhh {   height: 450px; overflow-y: scroll; overflow-x: hidden;}
#change_dashboard_body ::-webkit-scrollbar { width: 5px;}
#change_dashboard_body::-webkit-scrollbar-track { box-shadow: inset 0 0 5px rgb(121, 3, 3); 
  border-radius: 10px;}
#change_dashboard_body ::-webkit-scrollbar-thumb { background: #cecece;   border-radius: 10px;
  cursor: pointer;}
  #change_dashboard_body ::-webkit-scrollbar-thumb:hover {background: #dadada;  cursor: pointer;}
  

  .datahhh .form-control.frm-cont {    padding: 0 20px !important;}
  .datahhh .btn:hover {color: inherit !important;}

  .client-users-page thead tr th .las{display: none;}

  .btn-notification {margin-top: 0px;    margin-left: 0; cursor: pointer; padding-top: 10px;
    padding-left: 5px;}
  .btn-notification span {position: relative;}
  .btn-notification span.notifi-count {margin-top: -42px; position: absolute;  top: 36px;}
  .btn-notification:hover {background-color: #f9f9f9;}

.division-pge .dataTables_scrollBody tbody tr td {padding: 12px 8px !important}
.pascal-listing-main.pascal-listing-lev-2 .dropdown-menu.optionblock {
  margin-left: -320px !important;}
.pascal-listing-main.pascal-listing-lev-2  table td .float-right button:hover
  {background-color: #f17961 !important;}
.pascal-listing-main.pascal-listing-lev-2  table td .float-right:hover  button:nth-child(5)
  {background-color:inherit;}

  .viemeter-main {padding-top: 14px;}
.viewmeter {background: #fff; height: 455px;  border-radius: 6px !important;
   overflow-y: scroll;}
.view-met-inn-data {padding: 15px  15px;}
.viewmeter .tab-content {padding: 0 15px 15px 15px;}
.view-meter-card-in {padding-bottom: 15px;}
.view-meter-card-in h4 {font-size: 14px; color: #f17961; font-weight: 600; padding-bottom: 4px;}
.view-meter-card-in ul {list-style:none; margin: 0; padding:0 0 0 10px;}
.view-meter-card-in ul li {padding-bottom: 6px; color: #000; font-size: 12px;}
.view-meter-card-in ul li span {color: #5e6278; width: 90px; display: inline-block;}
.view-meter-card-in ul li strong {font-weight: normal; width: 170px; vertical-align: top; display: inline-block;}
.view-meter-card-in .smcard {background-color: #7030a0; color: #fff; padding: 4px 10px; 
  display: inline-block; border-radius: 6px !important;}
.view-meter-card-in .green {background-color: green; color: #fff; padding: 4px 10px; 
    display: inline-block; border-radius: 6px !important;}
.view-meter-card-in .red {background-color: #FF9999; color: #fff; padding: 4px 10px; 
      display: inline-block; border-radius: 6px !important;}
.view-meter-card-in .yellow {background-color: #ffb848; color: #fff; padding: 4px 10px; 
      display: inline-block; border-radius: 6px !important;}
.view-meter-card-in .black {background-color: #222222; color: #fff; padding: 4px 10px; 
      display: inline-block; border-radius: 6px !important;}
.view-meter-card-in.view-blue ul li a {border-radius: 4px !important; color: #6e91d0 !important;
  width: 170px; display: inline-block;}
.view-rgt-data table tr td:nth-child(odd) {font-weight:600 !important;}
.view-rgt-data table tr td:nth-child(even) {text-align: center; text-align: left !important;}
.viewmeter .view-rgt-data table tbody tr td {padding: 12px 10px !important; }
.viewmeter .view-rgt-data table tbody tr td span {background-color: #ffbb58; border-radius: 4px !important;
  color: #fff;  width: 55px; height: 25px; line-height: 25px; display: block; text-align: center;}
.viewmeter .view-rgt-data table tbody tr td .la-check {font-size: 20px; font-weight: 700; color: #00a847;
    margin: 0 auto; display: block; text-align: center;}
.viewmeter .view-rgt-data table tbody tr td .la-times {font-size: 20px; font-weight: 700; 
  color: #e34734;    margin: 0 auto; display: block; text-align: center; }
  
.view-meter-card-in ul li a.link_class.red{background: #e85c40; border-radius: 4px !important; 
      color: #fff;   width: 50px; height: 20px; line-height: 12px; float:right; 
       margin-top: -2px; text-align: center;}
.view-meter-card-in ul li a.link_class.green {background: green; border-radius: 4px !important; 
    color: #fff;   width: 50px; height: 20px; line-height: 12px; float:right; 
    margin-top: -2px; text-align: center;}
.view-meter-card-in ul li a.link_class.yellow {background: #FFBF00; border-radius: 4px !important; 
      color: #fff;   width: 50px; height: 20px; line-height: 12px; float:right; 
      display: inline-block; margin-top: -2px; text-align: center;}
.view-meter-card-in h4 a {background: #e85c40; border-radius: 4px !important; 
    color: #fff;   width: 50px; height: 20px; line-height: 12px; float:right; 
    display: inline-block; margin-top: -2px; text-align: center;}
.view-meter-card-in h4 a.default {background: #cccccc; border-radius: 4px !important; 
      color: #fff;   width: 50px; height: 20px; line-height: 12px; float:right; 
       margin-top: -2px; text-align: center;padding: 4px 10px;}

.clr-red {color: red; display: inline-block; }
.text-red {color: red !important; font-weight: bold; }
.viewmeter .nav-item a.active {color: #f17961; border: none !important;} 
.viewtab .nav{border: none !important;}
.viewtab { position: sticky; top: 0px; background: #fff;  /*z-index: 1;*/  padding: 10px 15px;}

.viewmeter .view-rgt-data ul {list-style-type: none; padding: 0; margin:0;}
.viewmeter .view-rgt-data ul li {font-weight: normal; color: #0a0a0a; padding-bottom: 6px; font-size: 12px;}
/*.viewmeter .view-rgt-data ul li span {color: #a7a7a7;  font-weight: normal; width: 110px; 
  display: inline-block; margin-right: 10px; vertical-align: top;}
.viewmeter .view-rgt-data ul li strong {font-weight: normal; width: 175px; vertical-align: top; display: inline-block;}*/

.viewmeter .view-rgt-data h4 {font-size: 13px; color: #f17961; padding: 0 0 10px 0; margin: 0;}

.viewtab-rgt {display: flex; justify-content: flex-end;}
.viewtab-rgt .las.la-cog {font-size: 18px; cursor: pointer;}
.viewtab-rgt .view-elect {color: #f17961; margin-left: 10px;}
.view-elect {position: relative;}
.cog-drop {display: none;position: absolute; left: -180px; width: 200px;  z-index: 1;
 margin-top: -4px;}
.cog-drop ul {list-style: none; padding: 20px;  border-radius: 8px !important;
margin: 0;  background-color: #fff;  box-shadow: #e3e3e326 0 0 14px 16px;
border: 1px solid #f1f1f1;}
.cog-drop ul li {  text-align: left; padding-bottom: 20px;}
.cog-drop ul li a {color: #5e6278; background: none !important;  text-align: left;}
.cog-drop ul li a:hover {color: #f17961;}
.view-elect:hover .cog-drop{display: block;}
.view-rgt-in {padding-bottom: 10px;}

.contact-card {border-radius: 6px !important; border:1px solid #f1f1f1; margin-bottom: 10px; padding: 8px 0 5px 12px;}
.contact-card h5 {color: #4366a1; font-size: 14px;}
.contact-card ul {list-style: none; margin: 0; padding: 0 0 0 0;}
.contact-card ul li {display: block; font-size: 12px; padding-bottom: 6px;}
.contact-card ul li .con-lft{color: #5e6278; display: inline-block; padding-right: 15px; 
  width: 94px; vertical-align: top;}
.contact-card ul li .con-rgt{ color: #0a0a0a;  display: inline-block; width: 142px;}
.cont-h-mid .contact-card ul li .con-lft {  width: 135px;}

.contract-his-in h4 {font-size: 13px; color: #f17961; padding-bottom:10px;}

/*.contract-his-in  {border-radius: 6px !important; padding: 15px;}*/
.contract-his-in .contact-card h5 a {background: #e85c40; border-radius: 4px !important;
  color: #fff; width: 50px; height: 20px; line-height: 20px;
  float: right; display: inline-block; margin-top: -2px; text-align: center; margin-right: 8px;
  font-size: 12px;}
.viewtab { position: relative; top: 0px;}

.cont-card-main {height: 315px; overflow-y: auto;}


.meter-info-tab .col-md-4.meter-tab { width: 38% !important;}

.meter-info-tab .col-md-4.posting-tab {width: 38% !important;}
.meter-info-tab .col-md-4.ccl-relief-status {width: 24% !important;}

.meter-info-tab .col-md-4.meter-tab ul li span{color: #5e6278; font-weight: normal; 
  width: 145px;  display: inline-block; margin-right: 10px; vertical-align: top;}
.meter-info-tab .col-md-4.meter-tab  ul li strong{font-weight: normal; width: 185px; vertical-align: top;
     display: inline-block;}


.meter-info-tab .col-md-4.posting-tab  ul li span{color: #5e6278; font-weight: normal; 
      width: 145px;  display: inline-block; margin-right: 10px; vertical-align: top;}
.meter-info-tab .col-md-4.posting-tab  ul li strong{font-weight: normal; width: 185px; vertical-align: top;
         display: inline-block;}


.meter-info-tab .col-md-4.ccl-relief-status ul li span {color: #5e6278;;
 font-weight: normal; width: 112px; display: inline-block; margin-right: 10px;
  vertical-align: top; }
 .meter-info-tab .col-md-4.ccl-relief-status ul li strong {font-weight: normal;
    width: 85px; vertical-align: top; display: inline-block;}


.mop-card-main {margin-bottom: 10px;}
.mop-card-main h4 {font-size: 13px; color: #f17961;padding-bottom: 10px; margin: 0;}
.mop-card-main ul {list-style: none; margin: 0;padding: 0 0 0 0;}
.mop-card-main .mop-card ul li {display: block; font-size: 12px;  padding-bottom: 6px;}
.mop-card-main .mop-card ul li .con-lft {color: #5e6278;  display: inline-block;
  padding-right: 15px;  width: 170px; vertical-align: top;}
.mop-card-main .mop-card ul li .con-rgt { color: #0a0a0a;  display: inline-block;  width: 240px;}


.sup-card-main {margin-bottom: 10px;}
.sup-card-main h4 {font-size: 13px; color: #f17961;padding-bottom: 10px; margin: 0;}
.sup-card-main ul {list-style: none; margin: 0;padding: 0 0 0 0;}
.sup-card-main .sup-card ul li {display: block; font-size: 12px;  padding-bottom: 6px;}
.sup-card-main .sup-card ul li .con-lft {color: #5e6278; display: inline-block;  padding-right: 15px;
  width: 165px; vertical-align: top;}
.sup-card-main .sup-card ul li .con-rgt { color: #0a0a0a;  display: inline-block;  width: 240px;}

.sup-card-top  {height: 315px; overflow-y: auto;}
.sup-card-top .sup-card{border-radius: 6px !important; border: 1px solid #f1f1f1;  margin-bottom: 10px;
  padding: 8px 0 5px 12px;}
.sup-card-main  .sup-card-top .sup-card ul li .con-rgt {width: 185px;}


.other-tab-main {margin-bottom: 10px;}
.other-tab-main h4 {font-size: 13px; color: #f17961;padding-bottom: 10px; margin: 0;}
.other-tab-main ul {list-style: none; margin: 0;padding: 0 0 0 0;}
.other-tab-main .other-card ul li {display: block; font-size: 12px;  padding-bottom: 6px;}
.other-tab-main .other-card ul li .con-lft {color: #5e6278; display: inline-block;
  padding-right: 15px; width: 250px; vertical-align: top;}
.other-tab-main .other-card ul li .con-rgt { color: #0a0a0a;  display: inline-block;  
  width: 240px;}

.viewtab ul li:nth-child(5) .tab-other-pop {position: relative;}
.viewtab ul li:nth-child(5) .tab-other-pop .tab-popup-in { display: none; 
  position: absolute; left: 0; width: 200px; z-index: 1; margin-top: -4px;}
.viewtab ul li:nth-child(5) .tab-other-pop .tab-popup-in ul { list-style: none;
  padding: 10px 15px; border-radius: 8px !important; margin: 0;
  background-color: #fff; box-shadow: #e3e3e326 0 0 14px 16px;
  border: 1px solid #f1f1f1;}
.viewtab ul li:nth-child(5) .tab-other-pop .tab-popup-in ul li {padding-bottom: 10px;}
.viewtab ul li:nth-child(5) .tab-other-pop .tab-popup-in ul li a{color: #a1a5b7;}
.viewtab ul li:nth-child(5) .tab-other-pop .tab-popup-in ul li:last-child {padding-bottom: 0 !important;}
.viewtab ul li:nth-child(5) .tab-other-pop .tab-popup-in ul li a .las{position: absolute; 
    right: 10px; margin-top: 2px;}
.viewtab ul li:nth-child(5) .tab-other-pop .tab-popup-in ul li a:hover {color: #f17961;}
 .viewtab ul li:nth-child(5) .tab-other-pop:hover .tab-popup-in  {display: block;}

 .viewtab ul li:nth-child(5) .tab-popup-in ul li:last-child {position: relative;}
.viewtab ul li:nth-child(5) .tab-popup-in ul li .tab-pop-sub {position: absolute;
    right: -198px;  width: 200px; z-index: 1; margin-top: -40px; top: 0;}



.viewtab ul li:nth-child(5) .tab-popup-in ul li ul{list-style: none;
    padding: 10px 15px; border-radius: 8px !important; margin: 0; background-color: #fff; 
    box-shadow: #e3e3e326 0 0 14px 16px;  border: 1px solid #f1f1f1;}
    .viewtab ul li:nth-child(5) .tab-popup-in .tab-pop-sub .inner-pop{display: none;}


.viewtab ul li:nth-child(5) .tab-popup-in ul li:last-child:hover  .inner-pop {display: block;}

.other-tab-main.consumption-report .other-card table thead tr th {border:0px solid #f1f1f1;}
.other-tab-main.consumption-report .other-card table tbody tr td:last-child {text-align: center;}
.other-tab-main.consumption-report .other-card table tbody tr td {border:0px solid #f1f1f1;}
.other-tab-main.consumption-report .other-card table tbody tr td:last-child .las {font-size: 22px;}

#kt_app_header_container h2 a:nth-child(1){color: #333;;}
#kt_app_header_container h2 a:nth-child(2) {border-radius: 6px !important; padding: 10px 15px;}
.viewhead  a{width: 100% !important;}
.viewhead a small{font-size: 10px;}


.portlet.box.viewcard2 .portlet-body{height: 300px; overflow-y: auto;}

.viewhead .viewcard2btn a:hover{color: #fff !important;}

.viewhead .col-md-6.viewcard2btn:first-child a:hover span  {color: #fff !important;}

.viewhead .col-md-2.viewcardgrey2btn a:hover span  {color: #333 !important;}



.client-over-main {background: #fff; height: 455px; border-radius: 6px !important;  
  overflow-y: scroll;}
.client-over-data {padding: 15px 15px;}
.client-over-in {padding-bottom: 15px;}
.client-over-in h4 {font-size: 14px; color: #f17961; font-weight: 600;
  padding-bottom: 4px;}
.client-over-in ul {list-style: none;  margin: 0;  padding: 0 0 0 10px;}
.client-over-in ul li {padding-bottom: 6px; color: #000; font-size: 12px;}
.client-over-in ul li .client-over-lft {color: #5e6278;display: inline-block;
 padding-right: 15px; width: 110px; vertical-align: top;}
.client-over-in ul li .client-over-rgt { color: #0a0a0a;  display: inline-block; width: 142px;}
.client-over-in  .smcard { background-color: #7030a0;  color: #fff !important;
padding: 5px 15px;  display: inline-block; border-radius: 6px !important;}
.client-over-in  .red { background-color: #f17961;  color: #fff !important;
  padding: 5px 15px;  display: inline-block; border-radius: 6px !important;}
.client-over-in  .yellow { background-color: #ffb848;  color: #fff !important;
    padding: 5px 15px;  display: inline-block; border-radius: 6px !important;}
.client-over-in  .green { background-color: green;  color: #fff !important;
      padding: 5px 15px;  display: inline-block; border-radius: 6px !important;}
.client-over-in h4 span .la-ellipsis-h { background-color: #efefef; border-radius: 4px;
padding: 2px 2px; color: #707070; font-size: 16px; margin-right: 24px; margin-top: 1px;}
.client-over-in h4 span  {float: right;}

.client-rgt-inner {padding-bottom: 10px;}
.cec-contract .client-rgt-inner h4 {font-size: 13px; color: #f17961;  padding: 0 0 10px 0;
  margin: 0;}
  .cec-contract .client-rgt-inner ul {list-style-type: none; padding: 0; margin: 0;}
  .cec-contract .client-rgt-inner ul li {font-weight: normal; color: #0a0a0a; padding-bottom: 6px;
  font-size: 12px;}

.con-related-tab .client-rgt-inner ul li .client-over-lft { color: #5e6278; 
font-weight: normal; width: 145px;  display: inline-block; margin-right: 10px; 
 vertical-align: top;}

 .con-related-tab .client-rgt-inner ul li .client-over-rgt { font-weight: normal;
  width: 185px; vertical-align: top; display: inline-block;}
  

.general-info-tab .client-rgt-inner ul li .client-over-lft {  color: #5e6278;
  font-weight: normal; width: 145px; display: inline-block; margin-right: 10px;vertical-align: top;}

.general-info-tab .client-rgt-inner ul li .client-over-rgt {color: #0a0a0a; font-weight: normal;
    width: 185px; vertical-align: top; display: inline-block;}
 .general-info-tab .client-rgt-inner ul li .client-over-lft .las 
    {padding-left: 8px;}
.con-related-tab.supplier-invoice-tab .client-rgt-inner ul li .client-over-rgt {
   width: 250px !important; }

  .con-related-tab.fixed-fee-tab .client-rgt-inner ul li:last-child .client-over-rgt {
    width: 250px !important;}


.con-related-tab.contract-related-first-tab .client-rgt-inner ul li .client-over-lft
{width: 185px !important;}
.con-related-tab.contract-related-first-tab .client-rgt-inner ul li .client-over-lft .las 
{padding-left: 8px;}

.con-related-tab.finance-tab .client-rgt-inner ul li .client-over-rgt {color: #000000 !important;}

.financial-cog {position: relative;}
.financial-cog  .la-cog { font-size: 18px;  cursor: pointer; float: right;}
.finance-drop {display: none; position: absolute; right: 0px;
  width: 132px; z-index: 1; margin-top: 18px;}
.finance-drop ul {list-style: none; padding: 10px; border-radius: 8px !important;
  margin: 0; background-color: #fff; box-shadow: #e3e3e326 0 0 14px 16px;
  border: 1px solid #f1f1f1;}
.finance-drop  ul li { text-align: left;}
.finance-drop ul li a {color: #5e6278; background: none !important; text-align: left;}
.financial-cog:hover .finance-drop {display: block;} 

.finance-modal-dtable .modal-header {padding: 0 !important;}

.modal-head-finance button {border: none; background: none; float: right; margin: 10px 10px 0 0;}

.finance-modal-dtable table tbody tr td{border-bottom:1px solid #f1f1f1 !important;}
.finance-modal-dtable table thead tr th {color: #f17961 !important; font-weight: 600 !important; 
  border-bottom:1px solid #f1f1f1 !important;}


.finance-modal-dtable .modal-body {padding: 0 25px !important;}
.finance-modal-dtable tbody {display:block; max-height:250px; overflow-y:scroll;}
.finance-modal-dtable thead { display: table; width:100%;  table-layout:fixed;}

.finance-modal-dtable tbody tr { display: table; width:100%;  table-layout:fixed;}
.finance-modal-dtable thead {width:100%; }
.finance-modal-dtable table {width:100%;}


.folder-nav-main {position: relative;}
.folder-drop-menu {display: none; width: 400px; z-index: 10000; background: #fff;
box-shadow: #e3e3e326 0 0 14px 16px; border: 1px solid #f1f1f1;
border-radius: 6px !important; position: absolute; right: 0; margin-top: -8px; }

.folder-drop-menu ul {list-style:none; margin:0; padding: 15px 6px 15px 14px; height: 300px; overflow-y: auto;}
.folder-drop-menu ul li {display: inline-block; width: 31%; height: 85px;
  padding-top: 20px; border-radius: 5px !important; margin-right: 5px; border: 1px solid #f9f9f9;
  margin-bottom: 10px; text-align: center; cursor: pointer; box-shadow: #ebebeb1c 0 0 4px 2px;}
.folder-drop-menu ul li  img {width: 35px;}
.folder-drop-menu ul li span {font-size: 12px; padding-top: 8px; display: block; text-align: center;}
.folder-drop-menu ul li:hover  span {color: #f17961;}

.folder-nav-main:hover .folder-drop-menu{display: block;}

.folder-head {background-color: #f17961; border-radius: 6px 6px 0 0 !important;
  font-size: 14px; font-weight: 600; padding: 10px 10px; color: #fff;}

.popclosebtn .las{float:right; font-size: 18px; cursor: pointer;}

.navbar-folder-mod .modal-header-new {border-bottom: 1px solid #f1f1f1; border-radius: 6px !important;}
.navbar-folder-mod .modal-header-new .folder-btns ul {list-style: none; padding: 0 0 0 40px; margin: 0;} 
.navbar-folder-mod .modal-header-new .folder-btns ul  li {display: inline-block; margin-right: 10px;
vertical-align: top;}
.navbar-folder-mod .modal-header-new .folder-btns ul  li button {border-radius: 6px !important;}
.folder-breaddrum ul {list-style: none; background-color:#f1796114; padding: 6px 20px !important;
  border-radius: 6px !important;} 
.navbar-folder-mod .folder-breaddrum ul li {color: #f17961; display: inline-block; 
  padding-right: 10px; }
.navbar-folder-mod .folder-breaddrum ul li span {color: #f17961; display: inline-block; padding-left: 6px;}
.navbar-folder-mod .folder-breaddrum ul li a{color: #ccc; font-size: 12px;}
.folder-in-data ul {padding: 0; text-align: right;}
.folder-in-data li{ display: inline-block; margin-right:10px; background-color: #f1f1f1; 
  border-radius: 5px !important; width: 25px; height: 25px; 
  line-height: 25px; text-align: center;}
.folder-in-data li .las {font-size: 16px;  padding-top: 5px;}
.folder-in-data table thead tr th {font-weight: 600 !important; border-bottom: 1px solid #f1f1f1 !important;}
.folder-in-data table tbody tr td {border-bottom: 1px solid #f1f1f1 !important; }


.navbar-folder-mod .folder-in-data tbody {display:block; max-height:250px; overflow-y:scroll;}
.navbar-folder-mod .folder-in-data thead { display: table; width:100%;  table-layout:fixed;}

.navbar-folder-mod .folder-in-data tbody tr { display: table; width:100%;  table-layout:fixed;}
.navbar-folder-mod .folder-in-data thead {width:100%; }
.navbar-folder-mod .folder-in-data table {width:100%;}

.folder-in-data tbody tr td {width:100%;}


.folder-in-data2 img {margin-right: 10px;}
.folder-in-data2 tr td span{display: inline-block;}

.navbar-folder-mod .modal-dialog.folder-mod-width {--bs-modal-width: 1000px !important;}

.folder-btns.folder-btns-1 ul li:first-child {background-color: #f1796114;
  border-radius: 5px !important; width: 40px;  height: 40px;
  line-height: 40px;  text-align: center;}

.viewtab .nav-line-tabs .nav-item .nav-link {color: #5e6278 !important;}
.viewtab .col-md-9 ul li a {color: #5e6278 !important;}

.client-overview-page .viewtab .nav-link.active{color: #f17961 !important;}
.client-overview-page .viewtab .nav-line-tabs li a:hover {color: #f17961 !important;}

.folder-cog  {position: relative;}
.folder-cog .la-cog {font-size: 18px; cursor: pointer; }
.fold-data-drop { display: none; position: absolute; right: 0px;  width: 132px;  z-index: 1;
  margin-top: -10px;}
.folder-in-data ul .fold-data-drop ul {list-style: none; padding: 15px 15px;
    border-radius: 8px !important; margin: 0; background-color: #fff; box-shadow: #e3e3e326 0 0 14px 16px;
    border: 1px solid #f1f1f1; text-align: left;}
.folder-in-data ul li .fold-data-drop li {background: none  !important; width: inherit !important; height: inherit !important; 
  line-height: inherit !important; padding-bottom: 10px; margin: 0 !important; text-align: left;}
.folder-in-data ul li .fold-data-drop li a { color: #5e6278; background: none !important;  text-align: left;}
.folder-cog:hover .fold-data-drop {display: block;}
.folder-in-data ul li .fold-data-drop li:last-child a {color: #f1416c;}
.folder-in-data ul li .fold-data-drop li:last-child a:hover {color: #f1416c;}
.folder-in-data ul li .fold-data-drop li:hover a{color: #f17961 !important;}


#custom-button, .btn-orange {padding: 10px; color: white; background-color: #f17961;
  border: 1px solid #f17961; border-radius: 6px !important; cursor: pointer;} 
#custom-text {display: block; margin-left: 10px; font-family: sans-serif; color: #aaa; 
  position: absolute; margin-top: 42px;}
.folder-btns .svg-icon.svg-icon-2x svg {height: 20px !important; width: 20px !important;}
.folder-btns-1 ul li:nth-child(2) button{border:none; border-radius: 6px !important; 
  padding: 12px 20px; background: #f1796114; font-weight: 500;   color: #f17961;}
.navbar-folder-mod .modal-header-new .folder-btns ul li:first-child button {
    border:none; background: #f1796114 !important; color: #f17961  !important;
    padding: 12px 20px !important; border-radius: 6px !important;}

.new_view_page .portlet {border-radius: 6px 6px 6px 6px !important;}
.new_view_page .portlet .portlet-body {border-radius: 0 0 6px 6px !important; padding-top: 0;}
.new_view_page .portlet.box.yellow .portlet-title { background-color: #ffb848;
      border-radius: 6px 6px 0 0 !important; border:none;}
.new_view_page.divi_view_page .portlet .portlet-body {height: auto; overflow: auto;}
.new_view_page .portlet>.portlet-title>.actions a {color: #fff; display: inline-block;
        background: #E85C40;  border-radius: 6px !important;
        border: none; padding: 5px 10px; vertical-align: text-bottom; }
.new_view_page .portlet.box.blue .portlet-title {border-radius: 6px 6px 0 0 !important; border: none;}
.new_view_page .portlet.box.green .portlet-title {border-radius: 6px 6px 0 0 !important; border: none;}       
.new_view_page .portlet-body table tbody tr:nth-child(6) table tbody tr:first-child td:nth-child(1) {
          background:none !important;  border-radius: 6px 0 0 0 !important; font-size: 14px;
          color: #e85c40; }
.new_view_page .portlet-body table tbody tr:nth-child(6) table tbody tr:first-child td:nth-child(2) {
        background: none !important;  border-radius: 0 6px 0 0 !important;  }
.new_view_page .portlet-body table tbody tr:nth-child(6) table 
    {border: none !important;}  
    
.new_view_page .portlet-body table tbody tr:nth-child(6) table tbody tr td {padding: 6px 0px !important;}
.new_view_page .portlet-body table tbody tr:nth-child(6) table tbody tr:first-child td:nth-child(2)
    a{ color: #fff; background: #E85C40;  border-radius: 6px !important; border: none; padding: 5px 10px;}
.new_view_page .portlet-body table tbody tr:nth-child(6) table tbody tr:first-child {border: none;}

.association-pge .portlet {background-color: #fff !important;  border-radius: 6px 6px 6px 6px !important; }
.association-pge .portlet .portlet-body {padding: 10px; border-radius: 0 0 6px 6px !important;}

.association-pge .portlet .portlet-title {border-radius: 6px 6px 0 0 !important;
   background: #fff !important; border: none;  padding: 10px 0 0 10px; margin: 0;}
.association-pge .portlet .portlet-title .caption {color: #E85C40 !important; font-size: 14px;}
.association-pge .portlet .table-scrollable {border: none !important;}
.association-pge .portlet .table-scrollable table thead tr  {border:none !important;}
.association-pge .portlet .dataTables_length {display: none;}
.association-pge .portlet .dataTables_paginate {display: none;}

.association-pge .portlet.grey { border: 1px solid #9d9c9c; border-top: 0;
  border: none; background: #fff !important;}

.profile.association-pge {height: 450px; overflow: auto;}

.new_view_page .portlet .portlet-title {background:#fff !important;}
.new_view_page .portlet .portlet-title .caption {color: #E85C40 !important; font-size: 14px;}
.new_view_page .portlet .portlet-title .caption .las.la-reorder {display: none !important;}

.new_view_page  .portlet.box {border: none !important;}
.new_view_page.site_view_page .portlet.box{height: 400px; background: #fff !important;}
.site_view_page .portlet-body .slimScrollBar {height: auto !important; background: inherit !important;}

.new_view_page.divi_view_page .portlet.box{height: 400px; background: #fff !important; padding: 12px 10px 10px 10px !important; overflow: auto;}
.new_view_page.divi_view_page .portlet-body.divison_col_3 {padding-left: 30px;}           
.new_view_page.site_view_page .portlet-body.site_col_3 {padding-left: 30px;}     
/*.new_view_page .new_divsn-in ul li:first-child a{color: #fff; display: inline-block;
  background: #000; border-radius: 6px !important; border: none;  padding: 5px 10px;}*/
/* width */
.new_view_page.divi_view_page .portlet-body .slimScrollDiv{height: auto !important;}
.new_view_page.divi_view_page .portlet-body .scroller{height: auto !important;}
.association-pge .asso-dot-icon .la-ellipsis-h { background-color: #efefef;
border-radius: 4px;  padding: 2px 2px; color: #707070;   font-size: 16px;
    margin-top: 1px; float: right; margin-right: 10px;}

.new_view_page .portlet-body table tbody tr td{background: none !important; color: #5e6278; padding: 8px 0;  border: none  !important;  }
.new_view_page .portlet-body table tbody tr{background: none !important; border: none  !important;  }

.new_view_page .portlet-body table tbody tr td strong{font-weight: normal !important;}
.new_view_page .portlet-body table tbody tr td {padding-left: 0 !important;}


.association-pge table tr td { color: #5e6278 !important; font-weight: normal !important; padding-top: 5px; padding-bottom: 5px;} 
.association-pge table tr td strong{font-weight: normal !important;}
.asso-dot-main {position: relative;}
.asso-dot-main .actions {display: none; padding: 10px 10px 0 10px; border-radius: 8px !important;
  background-color: #fff; box-shadow: #e3e3e326 0 0 14px 16px; border: 1px solid #f1f1f1;
  width: 75px; position: absolute; right: 0; z-index: 1000; margin-top: 18px;}

.asso-dot-main .actions a {color: #766f6f!important; display: block !important;
  padding: 0 !important; margin: 0 !important; width: 108px; text-align: left;
  padding-bottom: 8px !important;}

.asso-dot-main:hover .actions  {  display: block; cursor: pointer;}
.asso-dot-main .actions   a:hover{color: #E85C40 !important;}

.new_distrib_info .portlet { background-color: #fff !important;
   border-radius: 6px 6px 6px 6px !important; padding: 10px !important; height: 270px !important; overflow: auto;}
.new_distrib_info  .portlet .portlet-title .caption {color: #E85C40 !important; font-size: 14px;}
.new_distrib_info  .portlet table tbody tr td { color: #5e6278 !important; padding-left: 0 !important; } 

.new_distrib_info .portlet .portlet-title {padding-top: 0 !important; border: none; }

.new_supplier_page h3 {display: none !important;}
.new_supplier_page .portlet {background: #fff !important; border-radius: 6px 6px 6px 6px !important; 
  border: none  !important; height: 450px; overflow: auto;}   
.new_supplier_page .portlet .portlet-title {padding: 10px 0 0 10px; border: none;}
.new_supplier_page .portlet .portlet-body{border-radius: 0 0 6px 6px  !important}
.new_supplier_page .portlet .portlet-title .caption { color: #E85C40 !important;
  font-size: 14px;}
.new_supplier_page .portlet .portlet-title .caption .fa.fa-users {display: none !important;}
.new_supplier_page .portlet .portlet-body table tbody tr td{color: #5e6278 !important;
   padding: 5px 15px;}
.new_supplier_page .portlet .portlet-body table tbody tr td strong {
  color: #5e6278 !important; font-weight: normal !important;}
.new_supplier_page .portlet .portlet-title {background: #fff !important;}
.new_supplier_page .portlet .portlet-title {border-radius: 6px 6px 0 0 !important; }
.new_supplier_page .portlet .portlet-body table tbody tr td .col-md-3 {padding: 0;}

.new_supplier_page .feeds li { background-color: inherit;  margin-bottom: 7px;}
.new_supplier_page .feeds .cont .cont-col2 .desc {margin-left: 30px !important;}

.new_supplier_page .supplier_del_cog  {position: relative;}
.new_supplier_page .supplier_del_cog .la-ellipsis-h { background-color: #efefef;
  border-radius: 4px; padding: 2px 2px; color: #707070; font-size: 16px;
  margin-top: 1px; float: right; margin-right: 10px;}
.new_supplier_page .supplier_del_cog .actions {
  display: none;  padding: 5px 10px 5px 10px;  border-radius: 8px !important; background-color: #fff;
  box-shadow: #e3e3e326 0 0 14px 16px; border: 1px solid #f1f1f1;  width: 95px;
  position: absolute; right: 0; z-index: 1000;  margin-top: 18px;}
.new_supplier_page .supplier_del_cog:hover .actions {display: block; cursor: pointer;}
.new_supplier_page .supplier_del_cog .actions a {color: #766f6f;}
.new_supplier_page .supplier_del_cog .actions a:hover {color: #E85C40 !important;}
.new_supplier_page .supplier_body {height: 425px; overflow-y: auto;}

.association-pge .dataTables_filter input{border: none; border-bottom: 1px solid #f1f1f1;}
.association-pge .dataTables_filter input:focus {outline: none;}

.new_posting_page .portlet {border: none !important;}
.new_posting_page .portlet .portlet-title{background: #fff !important;}
.new_posting_page .portlet .portlet-title .caption {color: #E85C40 !important;}
.new_posting_page .portlet .portlet-title table tbody tr td:nth-child(2){ color: #333;}
.new_posting_page .portlet .portlet-title {border: none !important;}
.new_posting_page .meter-tble-td .portlet{background: #ffffff !important;
   border-radius: 6px !important; margin-bottom: 0;  padding: 5px 5px !important;}
  .new_posting_page .meter-tble-td .portlet .portlet-body{background: #ffffff !important;
    border-radius: 6px !important; height: 470px; 
   overflow: auto; overflow-x: hidden; margin-bottom: 0;  padding: 5px 5px !important;}
  .new_posting_page .meter-tble-td td {padding: 0 !important;}
  .new_posting_page   .meter-tble-td .portlet table td {padding:4px 6px !important;vertical-align: middle !important;}
.new_posting_page .portlet-body table tbody tr:nth-child(2) td:nth-child(7)  a.btn.yellow {
  border-radius: 6px !important; background: #E85C40 !important; width: 100% !important;}
.new_posting_page .portlet-body table tbody tr:nth-child(3) td:nth-child(7)  a.btn.blue {
  border-radius: 6px !important; background: #E85C40 !important; width: 100% !important;}
.new_posting_page .portlet-title table tbody tr:nth-child(1) td:nth-child(1) input.btn.btn-sm.green {
  border-radius: 6px !important; background: #E85C40 !important;}
.new_posting_page .portlet-body table tbody tr:nth-child(6) td:nth-child(2) input.btn.btn-sm {
  color:#fff !important; border-radius: 6px !important; background: #E85C40 !important;}
#populateSplitsForm_row table 
{border: none !important;}
#populateSplitsForm_row  .table-striped tr th{background: #fff !important;  --bs-table-accent-bg: none;}
#populateSplitsForm_row  .table-striped tr{background: #ececec !important;}

table.table-striped tbody tr th   {background: red  !important;}

input[type='radio']:after {background-color: red !important;}
input[type='radio']:checked:after  {background-color: red !important;}
#populateSplitsForm_row table tbody tr:hover {background: inherit  !important;}
#populateSplitsForm_row table tbody tr td:hover {background: inherit  !important;}
#populateSplitsForm_row .table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-accent-bg: #fff;/*rgb(249 249 249 / 0%);*/}
  #populateSplitsForm_row table tbody tr td {/*text-align: left !important;*/vertical-align: middle !important;}
  #populateSplitsForm_row  input[type='radio']:checked:after,#option_confirmmodal  input[type='radio']:checked:after {
  width: 14px; height: 14px; border-radius: 15px; top: 0px; left: 0;
  position: relative;  background-color: #E85C40 !important;  content: '';
  display: inline-block; visibility: visible; border: 1px solid #E85C40;}

  #populateSplitsForm_row .table {--bs-table-hover-bg: #f9f9f900;}

.viewhead .btntwo a span:hover{color: #FFF !important;}
/*.new_user_page .row.twobtn  {float:right !important;}
.new_user_page .row.twobtn .col-md-2{ width: auto;}*/


.sdcard_test span { font-size:12px;}

.daterangepicker.datepick-view-meter {margin-top: 4px; left: auto !important; right: 0 !important;
  top: 180px !important;}

.viewhead a {width: 100% !important; text-align: center; display: block;}

  span.sdcard_test  { font-size:12px;}

.client_setup_pge .dataTables_wrapper {height: 400px !important;  background: #fff;
  padding: 0 20px;}


#divGfn_addnote_container a.modal-gfn01-cfp:hover{color: #fff !important;}


.back2top.dashboard_utvboxes a{bottom: 105px; right: 30px;}

.back2top.dash_resou_inbox a{right: 34px;  bottom: 32px;}


.newaccount_card .ui-jqgrid .ui-jqgrid-bdiv {height: 328px !important;}


.back2top.newaccount_top a{right: 32px;  bottom: 32px;}
.back2top.dash_contract_card a{right: 34px;  bottom: 34px;}

.back2top.dash_cssmetrics a{right: 34px;  bottom: 40px;}
.back2top.dash_detailrport a{right: 34px;  bottom: 40px;}

.menu.menu-sub.menu-sub-dropdown h3 span {display: inherit !important;  width: 22px !important; 
  text-align: center; margin: 0 auto !important; height: 16px !important; padding: 0; /* margin: 0; */
  line-height: 16px !important; padding-left: 0  !important;}

.notifi_table .dataTables_scrollBody {height: 285px !important;}

.css-metrics-main a i.las.la-undo {color: #5e6278 !important}
.viewhead a.mypref {background-color: #E85C40 !important; color: #fff; width: 200px !important;
float:right;}
.viewhead a.mypref:first-child span:hover{color: #fff !important;}

.modal-backdrop  {z-index: inherit !important;}

.viewhead a.v_p_btn:first-child span:hover{color: #fff !important;}
.viewhead a.c_portal:hover {background-color: #67809f  !important;}
.viewhead a.c_portal:first-child span:hover{color: #fff !important;}

.viewhead a.rest_btn_pro:first-child span:hover{color: #555 !important;}
.viewhead a.rest_btn_pro:hover span{color: #555 !important;}

.viewhead .new_user_page .twobtn { display: flex;
  flex-direction: row-reverse;}
.viewhead .new_user_page .twobtn .col-md-2.mr-30 {margin-right: 0 !important;}

.form-body.sup_add_form {position: relative; padding-bottom: 125px;}
.form-actions.supplier_btn_fixed {position: fixed; bottom: 38px;
  width: 100%; z-index: 100;  left: 0;} 

 .modal-scrollable {overflow: hidden !important;   z-index: 1000000 !important;}


.viewtab .nav-line-tabs .nav-item .nav-link.active {color: #f17961 !important;}
.viewtab .nav-line-tabs .nav-item .nav-link:hover {color: #f17961 !important;}

.daterangepicker.viewmeterdate {margin-top: 4px; left: auto !important; right: 0 !important; top: 202px !important;}


.dataTables_scroll.clientusermod .dataTables_scrollHeadInner {width: auto  !important;}

.drawnermain {padding-top: 110px; clear: both; width: 100%;}

.drawertab button {background-color: inherit; border: none; outline: none; cursor: pointer; padding: 14px 16px;
  transition: 0.3s; font-size: 14px;}
.drawertab button:hover {color: #e85c40;}
.drawertab button.active {color: #e85c40;}
.drawercontent {display: none;  padding: 6px 12px; width: 600px;}
.drawercontent ul {list-style: none; margin: 0; padding: 0;}
.drawercontent ul li {background: #959595; border-radius: 6px !important;  color: #fff;
  display: inline-block; width: 160px; margin: 0 4px 15px 4px;  padding: 8px 0;
  text-align: center; cursor:pointer;}
.drawercontent ul li:hover {
  background: #565656;
}  
  .drawercontent ul li a{color: #fff;}
  .drawercontent ul li.red{
    background: #e85c40; border-radius: 6px !important;  color: #fff;
    display: inline-block; width: 160px; margin: 0 4px 15px 4px;  padding: 8px 0;
    text-align: center;
  }
  .drawercontent ul li.red:hover{
    background: #d55035;  
  }
  .drawercontent ul li.disabled{
    background: #B2BABB; border-radius: 6px !important;  color: #fff;
    display: inline-block; width: 160px; margin: 0 4px 15px 4px;  padding: 8px 0;
    text-align: center;
  }
  .drawercontent ul li.yellow{
    background: #FFBF00; border-radius: 6px !important;  color: #fff;
    display: inline-block; width: 160px; margin: 0 4px 15px 4px;  padding: 8px 0;
    text-align: center;
  }
  .drawercontent ul li.green{
    background: green; border-radius: 6px !important;  color: #fff;
    display: inline-block; width: 160px; margin: 0 4px 15px 4px;  padding: 8px 0;
    text-align: center;
  }
.drawercontent ul li span {display: block; padding-top: 5px;}
/* /* .control-group {background-color: #ffffff; border: 1px solid #f1f1f1; 
  
  border-radius: 6px !important; padding: 35px 10px 20px 10px;} */ */
/* .control-group {background-color: #ffffff;border: 1px solid #f1f1f1;
  padding: 35px 10px 20px 10px; border-radius: 6px !important;  box-shadow: #cfcfcf29 0 0 20px 12px;
  z-index: 1000000; position: absolute; margin-top: 25px;
  left: 25px;  top: -15px;} */

.form-inline  {position: relative;}
.form-inline .inlinedate { margin-bottom: 0px !important; border-color: #f1f1f1;
  border: 1px solid #f1f1f1; margin: 8px 5px 0 0; width: 50%; padding-left: 10px;}
  /* /* .editableform .control-group {padding-top: 54px;} */ */
.control-group {position: relative;}
.control-group .ddttaa {position:absolute; top: 0; margin-top: 10px;}
.form-inline input.inlinedate:focus {outline: none;}

.editable-buttons button.editable-cancel {background-color: #f1f1f1 !important; 
  border-radius: 4px !important;}
.editable-buttons button.btn:hover {color: #333 !important}
.btn.btn-primary{
  background-color: #f17961 !important;
}
.btn-primary:hover,
button.btn.btn-primary.btn-sm.editable-submit:hover{
  background-color: #f17961  !important;
}
.btn-primary > .btn > i {
  padding-right: 0px !important
}
i.glyphicon.glyphicon-remove,
i.glyphicon.glyphicon-ok{
  padding-right: 0;
}
.form-inline .editable-input .form-control {display: inline-block; width: 135px !important}
.form-inline .editable-input .form-control {display: inline-block; width: 135px !important}

.form-inline .editable-buttons .btn {padding: 7px 10px !important}
.form-inline .editable-buttons .btn {padding: 7px 10px !important}

.dash_gbl_view {position: relative; z-index: 100; padding-top: 10px;}
/* .dashboard-inner .card  .global_txt h5{ font-size: 12px; text-align: right;} */
.global_v_dropdown {position:absolute; top: 25px; display: none;}
.global_v_dropdown  ul{background-color: #ffffff; box-shadow: #ededed29 0 0 20px 8px;
  border: 1px solid #efefef; border-radius: 6px !important;    width: 150px;
  padding-left: 8px !important; padding-bottom: 5px !important;}
.global_v_dropdown ul li {display: block !important; font-weight: 500 !important; float: inherit !important;
    padding: 4px 10px !important;white-space: nowrap;}
.dash_gbl_view:hover .global_v_dropdown {display: block;}
.global_v_dropdown ul li {position: relative;}

.global_v_dropdown li ul.global_submenu {background-color: #ffffff; 
    box-shadow: #ededed29 0 0 20px 8px;   border: 1px solid #efefef; 
  border-radius: 6px !important; width: 150px;  margin-left: 128px; top: -5px;  max-height: 350px; overflow: auto;
  z-index: 10000; position: absolute; display: none;}

.global_v_dropdown ul li .las {font-size: 10px !important; padding-top: 4px;     float: right;
  padding-right: 5px;}
.global_v_dropdown li:hover  ul.global_submenu {display: block;}
.dashboard-inner .card  .global_txt h5 .la-ellipsis-h { background-color: #efefef;
 border-radius: 4px; padding: 2px 2px; color: #707070; font-size: 16px;
 margin-top: 0px;}
 .editable-container.editable-inline {position: relative;}
 .editableform {margin-bottom: 0; position: absolute; background: #fff; 
  border: 1px solid #f1f1f1;   padding: 10px 10px; width: 280px; z-index: 1000;   left: -70px;
  top: -12px;}
 .form-inline .editable-input .form-control {display: inline-block; 
  width: 125px !important; padding: 4px 4px;
  font-size: 12px;}
  .editable-clear-x {width: 13px !important;}
.editable-input .combodate .form-control{width: 38px !important;}
 .slimScrollBar {background: rgb(234 234 234 / 0%) !important;}
.slimScrollRail {overflow: inherit !important; height: inherit !important; background: rgb(234 234 234 / 0%) !important;} 
 
.company_metric_pge .portlet.box.grey{border-radius: 6px !important;
  border: none; background-color: #fff !important;}
.company_metric_pge .portlet-title{border-radius: 6px 6px 0 0 !important; color: #E85C40 !important; background-color: #fff !important;}
.company_metric_pge .portlet-title .caption {font-size: 14px; color: #E85C40 !important;}
.company_metric_pge .portlet-title .actions a{color: #000 !important;}

.company_metric_pge .portlet .portlet-body {background: none !important;}
.company_metric_pge .portlet .portlet-body table thead th {color: #E85C40 !important;}

.comp_commision_pge .portlet.box.grey{border-radius: 6px !important;
  border: none; background-color: #fff !important;}

 .modal-body.comp_commision_pge {background: #f1f1f1 !important;}
.comp_commision_pge .portlet .portlet-title {background-color: #fff !important; border-radius: 6px 6px 0 0 !important}
.comp_commision_pge .portlet .portlet-title .caption span {font-size: 14px;  color: #E85C40 !important;}
.comp_commision_pge .portlet .portlet-body  {border-radius: 0 0 6px 6px !important; height: 450px !important;}

.tab_pop_height tbody {display:table;  width:100%; display:block; max-height:300px;  height:300px; overflow-y:scroll;}
.tab_pop_height thead tbody tr {display:table;  width:100%;  table-layout:fixed;}
.tab_pop_height tfoot tbody tr {display:table;  width:100%;  table-layout:fixed;}
.tab_pop_height tfoot tbody  {display:table;  width:100%;  table-layout:fixed;}
.tab_pop_height tfoot tr  {display:table;  width:100%;}
.tab_pop_height tr {display:table;  width:100%;}
.tab_pop_height tbody tr {display:table; max-width: 100%;  width:100%;  table-layout:fixed;}
.tab_pop_height thead {width:100%; }
.wriiten_comp_td {width: 25%  !important;}
#tabfixcommision tbody tr td {margin: 0 20px !important; padding-left: 5px; padding-right: 5px;}

#tbl_written_commission_wrapper  {padding-top: 25px !important;}
.form-control.slect-commision {padding-top: 3px !important; padding-bottom: 3px !important;}
/* #written_commission_2 tbody {display:table;  width:100%; display:block; max-height:160px; overflow-y:scroll;}
#written_commission_2 thead tbody tr {display:table;  width:100%;  table-layout:fixed;}
#written_commission_2 tfoot tbody tr {display:table;  width:100%;  table-layout:fixed;}
#written_commission_2 tfoot tbody  {display:table;  width:100%;  table-layout:fixed;}
#written_commission_2tfoot tr  {display:table;  width:100%;}
#written_commission_2 tr {display:table;  width:100%;}
#written_commission_2 tbody tr {display:table; max-width: 100%;  width:100%;  table-layout:fixed;}
#written_commission_2 thead {width:100%; } */

/* #form-date-range-01-01 span {color: #000 !important;} */
.writ_comsion_txt .btn-group  .btn {padding: 0 !important;}

.folder_class { border-radius: 6px !important;  background: #f1796114 !important; 
  color: #000 !important;}


.btn.folder_class:hover {background-color: #f17961 !important;}


button.swal2-confirm.btn {border-radius: 6px !important; color: #fff !important;}
button.swal2-confirm.btn:hover {background-color: #f17961 !important;}
button.swal2-cancel.btn:hover {color: #000 !important;}

button.swal2-confirm.btn.btn-primary {background-color: #f17961 !important;}
button.swal2-confirm.btn.btn-primary:focus {background-color: #f17961 !important;}
button.swal2-confirm.btn.btn-primary:hover {background-color: #f17961 !important;}


.file_manager_main .dataTables_empty img{display: none !important;}

button.btn.add_folder_icon { background-color: #f17961 !important;  }
button.btn.add_folder_icon:hover {background: #f17961 !important;}

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

.file_back_btn { border-radius: 6px !important;  background: #f17961 !important; 
  color: #000 !important;     padding: 5px 6px 4px 10px !important;}

.form-control {border-radius: 6px !important;}
.line_components .form-control {border-color: var(--bs-gray-400);}








@media only screen and (max-width: 2500px) and (min-width: 1600px)  {

.logo-text {font-size:14px;}
.main-custom-card {background: #f5f8fa00;  height: auto;  overflow-x: scroll;}
.dash_tab_data .dataTables_scrollBody  {min-height:605px !important}
#posted_invoice_list_jqgrid_wrapper .dataTables_scrollBody  {min-height:555px !important}
#action_dash_tab_data .dataTables_scrollBody  {min-height:545px !important}
.dash_tab_data.notesTableData .dataTables_scrollBody {min-height:400px !important}
.meter-pge-tab .dataTables_scrollBody  {min-height:605px !important}
.site-main-cls .dataTables_scrollBody {height: 620px  !important;}
.division-main .dataTables_scrollBody {height: 620px  !important;}
.fixTableHead tbody{display: block; max-height: 565px; overflow-y: scroll;}
  /*.fixTableHead {overflow-y: auto;  height:600px; }*/
  .fixTableHead tbody#results{
    max-height: 550px !important;
  }
.main-custom-card .card-small-height {height: 195px !important;}
.dashboard-inner .card ul {list-style: none; padding: 20px 0 0 0; margin: 0;text-align: left !important;}
.dashboard-inner .card ul li {color: #181c32; border-bottom: 2px dotted #f4f4f4; display: flex;
 justify-content: space-between; padding: 8px 0; cursor: pointer; font-size: 15px;}
.dashboard-inner .card ul li span {color: #181c32; font-size: 15px;}
.main-custom-card {background: #f5f8fa00;   height: auto; overflow-x: inherit;}
.main-custom-card.dashboard-inner .card-large-height {height: 694px;}
.tab-content-new #chartdiv { height: 610px;}
.dashboard-inner .card h3 {color: #181c32 !important; font-size: 16px !important; font-weight: 600 !important;
   padding-top: 15px;}
.dashboard-inner .cardnote h3 {color: #181c32 !important; font-size: 16px !important; font-weight: 600 !important;
    padding-top: 15px;}   
.dashboard-inner .card { padding: 10px 20px 0 20px !important; margin-bottom: 20px;}
.dashboard-inner .cardnote { padding: 10px 20px 0 20px !important; margin-bottom: 20px;}

.login .logo {margin-top: 60px !important;}
.login .logo  img{width: 300px; margin-top: 0px;}
.login .logo h2 {font-size: 30px;}
.login .content .form-title {margin-top: 25px;}

.login .content .form-title {font-size: 20px;}

.overview_tab_fixed {min-width: 100%; height: 570px;}
.drop-card-icon { position: absolute; right: 13px; top: 12%; cursor: pointer;}
.reso-card-data .drop-card-icon { top: 6% !important}
.drop-card-icon .la-ellipsis-h {background-color: #efefef; border-radius: 4px; padding: 4px 4px; color: #707070;
  font-size: 18px; margin-right: 15px;}
#gbox_card_view_list_jqgrid .ui-jqgrid-bdiv {height: 620px !important; min-height: 553px !important;}

.reso-card-data ul li {font-size: 14px; padding: 0.5rem 0rem 0.5rem;}
.reso-card-data ul li span {font-size: 14px;}
.reso-card-data ul li span#contract_cec_share,.reso-card-data ul li span#contract_confirmation_date{margin-top: -3px;}
.reso-card-in-data li span a  {font-size: 14px;}
.reso-inn {height: 250px;}
.reso-data-table {height: 570px;}
.reso-data-table.notesTableDiv{height: 540px;}
.reso-data-table .dataTables_scrollBody {height: 300px; overflow-y: scroll !important;}


.pascal-kanban-new .kanban-board .kanban-drag {padding: 6px !important; margin-top: 0px !important; height: 550px; }
.pascal-kanban-new .kanban-board { margin: 0 8px !important;}
/*.reso-card-in-data {padding: 4px 35px;}*/


/*#wrapper-modal-openAdminDasboardCardsList .tempus-dominus-widget.light.show{
  position: relative !important;
  transform: translate3d(18px, -490px, 0px) !important;
}*/

#activity_div{
  margin-left: 38rem !important;
}

.pascal_contract tbody tr td {font-size: 14px  !important;}
.pascal-listing-card table td .form-control-sm { margin-right: 150px;}
.reso-inn.res-table .reso-card-data .dataTables_scrollBody {max-height: 135px !important;}
.card.card-custom.pascal_contract { height: 80vh !important; min-height: 100%;}
.fixed-height.pas-lft-card { height: 600px !important;}

.pas-lft-card table.dataTable.no-footer { border-bottom: none  !important;}
.pascal-main-cls.pascal-con-p .mt-30 {margin-top: 0 !important; padding: 0 0 0 0 !important;
overflow-x: auto; white-space: nowrap;   min-width: 100%; /* overflow: hidden; */}
.pascal .pascal-contract-table .col-md-5 {min-width: inherit !important}
.pascal-kanban-new  {min-width: 100%;}
.pascal-kanban-parent .pascal-listing-card table td table { width: 9% !important; float: right;}

.fixed-height.pascal-listing-main {  min-height: 100%; height: 80vh !important;}
#pascal_view_list_table_wrapper .dataTables_scrollBody {max-height: 50vh !important;}
.permission-data { height: 520px; overflow-x: scroll; cursor: pointer;}
.dash_tab_data .dataTables_wrapper {min-height: 100%; height: auto !important;}
#action_dash_tab_data .dataTables_wrapper {height: 586px !important;}
#dc_error_table_wrapper .dataTables_scrollHead{
  margin-bottom: -10px !important;
}
.reso-data-table .dataTables_scroll .dataTables_scrollBody .table thead{
  margin-bottom: -10px !important;
}
.table-cust-class .back2top a {bottom: 8px;}
.pascal-listing-main .dataTables_scrollBody {height: 580px !important;}
.pascal-listing-main.pascal-listing-lev-2 .dataTables_scrollBody {height: 555px !important;}

.pascal-listing-main  .dropdown-menu.optionblock { width: 1250px !important;
  z-index: 10000000; margin-left: -550px !important;}
.card.card-custom>.card-header  {min-height: auto !important;}
.pascal-list-parent_main .pascal-listing-lev-2-pop.optionblock { width: 1350px !important; 
  z-index: 10000000; margin-left: -550px;}
.pascal-listing-lev-2 .pascal-listing-card table tbody tr td:first-child    {width: 6px !important; 
  margin-top: 3px !important;}
.datahhh {   height: 650px; overflow-y: scroll; overflow-x: hidden;}

.pascal-listing-main.pascal-listing-lev-2 .dropdown-menu.optionblock {
  margin-left: -485px !important;}
.viewhead a:last-child {width: 100% !important;}
.viewhead a .la-arrow-circle-left {padding-top: 22px;}
.viewmeter {background: #fff; height: 690px;  border-radius: 6px !important;
    padding: 15px 15px; overflow-y: scroll;}

.viewmeter .view-rgt-data h4 {font-size: 15px;}
.viewmeter .view-rgt-data ul li {font-size: 14px; padding-bottom: 6px;}



.contract-his-in h4 {font-size: 15px;}
.contact-card ul li {font-size: 14px; padding-bottom: 6px;}
.contact-card ul li .con-lft { width: 112px;}
.cont-card-main {height: 540px;overflow-y: auto;}
.tabtwo .col-md-4 {width: 33% !important;}
.col-md-4.cont-h-mid {width: 34% !important;}

.meter-info-tab .col-md-4.meter-tab { width: 37% !important;}
.meter-info-tab .col-md-4.posting-tab {width:38% !important;}
.meter-info-tab .col-md-4.ccl-relief-status {width: 25% !important;}


.meter-info-tab .col-md-4.meter-tab  ul li span{width: 150px;}
.meter-info-tab .col-md-4.meter-tab  ul li strong{width: 220px;}


.meter-info-tab .col-md-4.posting-tab  ul li span{width:150px;}
.meter-info-tab .col-md-4.posting-tab  ul li strong{ width: 220px;}

.meter-info-tab .col-md-4.ccl-relief-status ul li span {width: 137px;}
.contact-card ul li .con-rgt {width: 155px;}
.cont-h-mid .contact-card ul li .con-lft {width: 160px;}
.cont-h-mid .contact-card ul li .con-rgt {width: 215px;}

.mop-card-main h4 {font-size: 15px;}
.mop-card-main .mop-card ul li {font-size: 14px; }

.mop-card-main .mop-card ul li .con-lft {width: 195px;}
.mop-card-main .mop-card ul li .con-rgt {width: 280px;}

.sup-card-main h4 {font-size: 15px;}
.sup-card-main .sup-card ul li {font-size: 14px;}

.sup-card-main .sup-card ul li .con-rgt { width: 260px;}
.sup-card-top {height: 540px; overflow-y: auto;}

.other-tab-main h4 {font-size: 15px;}
.other-tab-main .other-card ul li {font-size: 14px;}


.other-tab-main .other-card ul li .con-lft {width: 270px;}


.mpan_suppinfo{
  height:35vh;overflow-y: scroll;
}

.view-meter-card-in ul li strong {width: 270px;}
.portlet.box.viewcard2 .portlet-body{height: 620px; overflow-y: auto;}

.client-over-main {height: 725px;}
.client-overview-page .viewmeter {min-height: 100%;}
.finance-modal tbody {display:block; max-height:550px; overflow-y:scroll;}
.cec-contract .client-rgt-inner h4 {font-size: 15px;}
.cec-contract .client-rgt-inner ul li {font-size: 14px;}
.con-related-tab.contract-related-first-tab .client-rgt-inner ul li .client-over-lft .las {
   padding-top: 3px;}
.con-related-tab.fixed-fee-tab .client-rgt-inner ul li:last-child .client-over-rgt {
    width: 350px !important;}
.view-meter-card-in.view-blue ul li a {width: 200px;}
.meter-info-tab .col-md-4.posting-tab ul li span {width: 200px;}
.sup-card-main .sup-card ul li .con-lft { width: 175px;}
.sup-card-main .sup-card ul li .con-rgt {width: 445px;}
.viewtab-rgt .view-elect {font-size: 15px;}
.viewtab-rgt .las.la-cog {font-size: 20px; cursor: pointer; padding-top: 2px;}
.viewtab-rgt {padding-top: 7px;}
.view-meter-card-in ul li {font-size: 14px;}
.client-over-in ul li {font-size: 14px;}
.client-over-in ul li .client-over-lft {width: 120px;}
.con-related-tab.contract-related-first-tab .client-rgt-inner ul li .client-over-lft {width: 210px !important;}
.con-related-tab .client-rgt-inner ul li .client-over-lft {width: 160px;}
.con-related-tab.supplier-invoice-tab .client-rgt-inner ul li .client-over-rgt {width: 270px !important;}
.client-over-in h4 {font-size: 15px;}
.profile.association-pge {height: 750px; overflow: auto;}
.new_posting_page .meter-tble-td .portlet .portlet-body {height: 700px;}
.pascal-kanban-new .kanban-item {padding: 6px 6px !important;}
span.sdcard_test {float: right !important;  margin-top: 0px;}
.daterangepicker.datepick-view-meter {margin-top: 4px; left: auto !important; right: 0 !important;
  top: 200px !important;}
 .new_view_page.site_view_page .portlet.box{height: 674px; background: #fff !important; overflow: auto;}
 .new_view_page.divi_view_page .portlet.box{height: 690px; background: #fff !important; overflow: auto;}

 .new_supplier_page .portlet {background: #fff !important; height: 718px; overflow: auto;}   
 .client-user-page .client_user_inner .portlet.box  {height: 700px; overflow: auto;}
 .back2top.dashboard_utvboxes a { bottom: 70px;}
 .newaccount_card .ui-jqgrid .ui-jqgrid-bdiv {height: 660px !important;}
 .notifi_table .dataTables_scrollBody {height: 620px !important;  max-height: 100% !important;}
 .new_supplier_page .supplier_body {height: 718px; overflow-y: auto;} 
 .editableform { left: 0px ; top: -12px;}
 .global_v_dropdown li ul.global_submenu {max-height: 500px;  overflow: auto;}
 #tbl_written_commission_wrapper  {padding-top: 25px !important;}
 #tbl_written_commission_wrapper .dataTables_scrollBody{height: 600px !important; 
  max-height: 600px !important; }
  .comp_commision_pge .portlet .portlet-body { height: 720px !important;}
  .tab_pop_height tbody {max-height: 610px !important; height: 610px !important;}

  #tblnotes_jqgrid tr td {padding: 0.6rem 0.3rem 0.6rem !important;}


  button.float-right.bootbox-close-button.btn.btn-light {
    border-radius: 6px !important;
}
button.btn.btn.btn-default,button.btn-default.cancel_btn_confirm.btn-default,button.btn-default.btn-default,button.btn.btn-default.btn-default {
    border-radius: 6px !important;
    margin-bottom: 0;
    padding: calc(0.70rem + 1px) calc(1rem + 1px)!important;    
    color: var(--bs-light-inverse);
    border-color: var(--bs-light);
    background-color: var(--bs-light);  
    border:1px solid !important;          
}



button.btn.btn.purple.custom-btn,button.btn.btn.green.custom-btn,button.btn.btn.red.custom-btn,button.btn.btn.blue.custom-btn{
    border-radius: 6px !important;
    background: #E85C40 !important;
    color: white;
    margin-bottom: 0;
    padding: calc(0.70rem + 1px) calc(1rem + 1px)!important;
    border:1px solid;
}
button.btn.btn.purple.btn-default.custom-btn,button.btn.btn.red.btn-default.custom-btn,
button.btn.btn.green.btn-default.custom-btn,button.btn.btn.blue.btn-default.custom-btn,
button.btn.btn.purple.custom-btn,button.btn.btn.red.custom-btn,
button.btn.btn.green.custom-btn,button.btn.btn.blue.custom-btn,
button.btn.btn-danger.pull-left.custom-btn{
    color: white;
    border-radius: 6px !important;
    background: #E85C40 !important;
    margin-bottom: 0;
    padding: calc(0.70rem + 1px) calc(1rem + 1px)!important;
}    
button.btn.btn-default.btn-sm.editable-cancel {
  padding: calc(0.45rem + 1px) calc(0.5rem + 1px)!important;
}
    .left-right-margin-cls {
      width: 0px !important;
      margin-left: 6px !important;
      margin-top: 5px !important;
    }

    .copy-text-class{
      margin-top:15px  !important; position: absolute  !important;transform: translateX(-50%)  !important; font-size: 12px  !important;
    }    

  }

/* responsive for zooming 125 from browser and device */
@media only screen and (min-width: 1400px) and (-webkit-device-pixel-ratio: 1.25) {
  .card.card-custom.pascal_contract { min-height: 100%;}
  .card.card-custom.pascal_contract {height: inherit !important;}
  .level_supporting {height: 23vh !important;}
  .fixed-height.pascal-listing-main {  min-height: 100%; height: 75vh !important;}
  #pascal_view_list_table_wrapper .dataTables_scrollBody {max-height: 35vh !important;}
  .main-custom-card.dashboard-inner .card-large-height{height: 496px !important;}
  .main-custom-card .card-small-height{
    height: 158px !important;
  }
  #gbox_duos_price_list_jqgrid{
    height: 400px !important;
  }
  /*#wrapper-modal-openAdminDasboardCardsList .tempus-dominus-widget.light.show{
    position: absolute !important;
    transform: translate3d(18.4px, 246.8px, 0px) !important;
  }*/
  #activity_div{
    margin-left: 22rem !important;
  }
  .mpan_suppinfo{
    height:27vh;overflow-y: scroll;
  }
  span.sdcard_test {float: right !important;  margin-top: 0px;}
  .client-over-main{
    height: 495px !important;
  }
  .viewmeter{
    height: 495px !important;
  }
  .reso-data-table.notesTableDiv{
    height: 390px !important;
  }
  .dash_tab_data.notesTableData .dataTables_scrollBody{
    min-height: 280px !important;
  }
  .pascal-kanban-new{
    min-width: 100% !important;

  }
  .pascal-contract-table .pascal-in .kanban-fixed-height .kanban-container{
    height: 400px !important;
  }
  #ps_listing_div .card-body {
    padding: 1rem;
  }
  .pascal-kanban-new .kanban-board .kanban-drag{
    height: 346px;
  }
  #other-menu.menu-column{
    width: 60% !important;
  }
  #tblnotes_jqgrid tr td {padding: 0.6rem 0.3rem 0.6rem !important;}

  button.float-right.bootbox-close-button.btn.btn-light {
    border-radius: 6px !important;
}
button.btn.btn.btn-default,button.btn-default.cancel_btn_confirm.btn-default,button.btn-default.btn-default,button.btn.btn-default.btn-default {
    border-radius: 6px !important;
    margin-bottom: 0;
    padding: calc(0.70rem + 1px) calc(1rem + 1px)!important;    
    color: var(--bs-light-inverse);
    border-color: var(--bs-light);
    background-color: var(--bs-light);  
    border:1px solid !important;          
}



button.btn.btn.purple.custom-btn,button.btn.btn.green.custom-btn,button.btn.btn.red.custom-btn,button.btn.btn.blue.custom-btn{
    border-radius: 6px !important;
    background: #E85C40 !important;
    color: white;
    margin-bottom: 0;
    padding: calc(0.70rem + 1px) calc(1rem + 1px)!important;
    border:1px solid;
}
button.btn.btn.purple.btn-default.custom-btn,button.btn.btn.red.btn-default.custom-btn,
button.btn.btn.green.btn-default.custom-btn,button.btn.btn.blue.btn-default.custom-btn,
button.btn.btn.purple.custom-btn,button.btn.btn.red.custom-btn,
button.btn.btn.green.custom-btn,button.btn.btn.blue.custom-btn,
button.btn.btn-danger.pull-left.custom-btn{
    color: white;
    border-radius: 6px !important;
    background: #E85C40 !important;
    margin-bottom: 0;
    padding: calc(0.70rem + 1px) calc(1rem + 1px)!important;
}    
button.btn.btn-default.btn-sm.editable-cancel {
  padding: calc(0.45rem + 1px) calc(0.5rem + 1px)!important;
}
.left-right-margin-cls {
  width: 0px !important;
  margin-left: 6px !important;
  margin-top: 5px !important;
}


.copy-text-class{
  margin-top:15px  !important; position: absolute  !important;transform: translateX(-50%)  !important; font-size: 12px  !important;
}



}
/* responsive for zooming 125 from browser and device */



 


  
/*Sekhar New CSS End*/



@media (min-height: 1085px) {
  .site-main-cls .dataTables_scrollBody {  height: 750px !important;}
}

@media all and (display-mode: fullscreen) {
  .site-main-cls .dataTables_scrollBody {  height: 450px !important;}
}


@media (min-width: 768px){
  .main-custom-card .card-large-height {
    height: 504px;
  }

  .main-custom-card .card-small-height {
    height: 155px;
  }
  
}

@media (min-width: 992px){
  .app-wrapper {
    margin-top: 70px;
}
.app-sidebar-menu{
  display: none;
}
}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}

@media (min-width: 1600px) {
  .main-custom-card .card-large-height {
    height: 680px;
}
.main-custom-card .card-small-height {
  height: 195px;
}
.breadcrumb-dropdown{
  top:28px;
}
}

@media (max-width: 992px){
 .custom-breadcrumb-btn{
  display: none;
 }
}

@media (max-width: 767px) {
  .footer-min-height {
    height: 60px;
}
.table-responsive{
  overflow-x: auto;
  border: none;
}
.w-sm-100{
  width: 100% !important;
}
.custom-action-dropdown .breadcrumb-dropdown{
  width: 220px;
}
}

@media (max-width: 576px) {
  .x-sm-d-none{
    display: none;
  }
  .footer-min-height {
    height: 60px;
}

}
#toastr-container > div {
  color: black !important;  /* Force the color */
}
.toastr-title {
  font-weight:bold !important;
  font-size: 18px !important;
}
.toastr-message{
  font-size: 16px !important;
}
#toastr-container > .toastr-success,.toastr-error {
  width: 400px !important;
}
.model-border{
  border: 1px solid rgb(0, 0, 0);
}
.modal-dialog>.modal-content {
  border: 1px solid #000 !important
}
.modal-dialog>.modal-content>.modal-body {
  padding-top: '10px !important'
}
.modal-footer {
  margin-top: '0px'
}
.btn-orange-popup {
  padding: calc(0.775rem + 1px) calc(1.5rem + 1px) !important
}
.confirmation-icon {
  font-size: 40px !important; 
  color: #e74c3c !important;
   margin-right: 10px !important;
}
.confirmation-heading {
  font-size: 20px !important;
}
.bootbox-heading {
  font-size: 40px; color: #e74c3c; margin-right: 10px;
}
.icon-large-style{
  font-size: 21px !important; color: #333  !important;
}
.confirmation-dialog {
  font-size: 40px !important; color: #e74c3c  !important; margin-right: 10px !important;
}
.confirmation-dialog-title-size {
  font-size: 20px !important;
}
.confirmation-dialog-message-size {
  font-size: 16px !important;
}
.btn.btn-orange.confirmation-dialog-highlight-focus {
  background-color: #c04f39  !important;
  border: 1px solid #f17961 !important;
  outline: 2px solid #f17961 !important; 
}
.toastr-error-message{
  color: white;
}
.bootbox-confirm>.modal-dialog>.modal-content>.modal-body {
  padding-top: 0px !important;
}

.homepageactionbutton {display: block;}
.homepageactionbutton ul {list-style: none; margin-top: 10px; padding: 0;}
.homepageactionbutton ul li {background: #959595; border-radius: 6px !important;  color: #fff;
  display: inline-block; width: 100%; margin: 0 0px 15px 0px;  padding: 8px 0;
  text-align: center; cursor:pointer;}
.homepageactionbutton ul li:hover {
  background: #565656;
}  
.homepageactionbutton ul a{margin-right: 5px;}
.homepageactionbutton ul li.red{
  background: #e85c40; border-radius: 6px !important;  color: #fff;
  display: inline-block; width: 100%; margin: 0 0px 15px 0px;  padding: 8px 0;
  text-align: center;
}
.homepageactionbutton ul li.red:hover{
  background: #d55035;  
}
.homepageactionbutton ul li span {display: block; padding-top: 5px;}

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

  .homepageactionbutton ul li {
    max-width: 88%; 
  }
  .homepageactionbutton ul li.red {
    max-width: 88%; 
  }

}
@media (min-width: 1024px) and (max-width: 1440px) { 

  .homepageactionbutton ul li {
    max-width: 48%; 
  }
  .homepageactionbutton ul li.red {
    max-width: 48%; 
  }

}

@media (min-width: 1440px) {

  .homepageactionbutton ul li {
    max-width: 48%; 
  }
  .homepageactionbutton ul li.red {
    max-width: 48%; 
  }

}
@media (min-width: 1600px) { 

  .homepageactionbutton ul li {
    max-width: 32%; 
  }
  .homepageactionbutton ul li.red {
    max-width: 32%; 
  }

}

@media (min-width: 1800px) { 

  .homepageactionbutton ul li {
    max-width: 24%; 
  }
  .homepageactionbutton ul li.red {
    max-width: 24%; 
  }

}
.reso-card-data div h5 {font-size: 14px;}
.reso-card-data div span {font-size: 14px; color:#000}
.spinner-text {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  padding-top:5%;
}