/* You can add global styles to this file, and also import other style files */
/*html, body {
  background: url("assets/img/bg.jpg");
}*/
@import '~ag-grid-community/dist/styles/ag-grid.css';
@import '~ag-grid-community/dist/styles/ag-theme-alpine.css';
.btnstylecls {
  background-color: #414862;
  color: white;
  margin: 1%;
}

.errormsg {
  color: red
}

.dx-button-mode-text.dx-button-default .dx-icon {
  color: #fbfbfb !important;
}
body {
  background: #fff;

}


.cdk-overlay-pane{
  transform: none !important
}
.mat-select-panel-wrap {
  flex-basis: initial !important;
}
.pagination_cont3 {
  display: inline-block;
  height: 50px;
}
.pagination_cont1 {
  display: inline-block;
  margin-top: -14px;
  position: absolute;
  height: 40px;
}
.pagination_cont{
display: inline-block;
margin-top: -27px;
position: absolute;
}
.paginator_style{
  margin-top: -35px;
    float: left;
    display: inline-block;
    position: absolute;
    margin-left: 127px;
}
tr.dx-row.dx-column-lines.dx-header-row {
  
    /* color: #959595; 
   background-color: #07907d; */
  /* color: #ffffff !important;
  background-color: #2b4c81 !important; */
  color:#ddd;
  background-color: #2b4c81 !important;
  font-weight: 400 !important;
  -ms-touch-action: pinch-zoom !important;
  touch-action: pinch-zoom !important;
  border-bottom: 1px solid #ddd !important;
}
.dx-datagrid-rowsview .dx-row {
border: 1px solid #d7d7d7 !important;
/* background-color: #dbedf2 !important; */
color: #110f0f;
}
.dx-datagrid .dx-row-alt.dx-row:not(.dx-row-removed) {
  background-color: #dbedf2 !important;
  color: #110f0f;
}
.dx-datagrid {
  /*font: 10px verdana;*/
  font-family: verdana;
  font-size: 9pt;
}
.profile {
  background: #040404;
}

.img-circle.profile_img {
  margin: 15px 0;
  margin-left: 15%;
}

.profile_info {
  padding: 15px 10px 10px;
}

.site_title img {
  margin-right: 10px;
}
/*.nav-md {
  background: #2A3F54;
}*/

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  white-space: nowrap;
}
.ngx-pagination {
  margin-left: 0;
  margin-bottom: 5px;
  margin-top: 5px;
}
.disabled{
  pointer-events: none;
}
.table-responsive::-webkit-scrollbar {
	height: 6px;
	background-color: #F5F5F5;
}

.table-responsive::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
	background-color: #F5F5F5;
	border-radius: 5px;
}

.table-responsive::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, #065281), color-stop(0.72, #044d7a), color-stop(0.86, #053c5c));
}

.iframe_container {

 /* overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;*/
}

.table-search {
  max-width: 200px;
  margin-bottom: 5px;
  float: right;
}

.jambo_table td {
  vertical-align: middle !important;
  padding: 4px 5px !important
}



table.jambo_table tbody tr:hover td {
  border-color: #ddd;
}


.x_title h2 {
  font-size: 18px;
}

.x_title small {
  font-size: 14px;
}

.img-active {
  background: url('assets/images/active.png');
  width: 35px;
  height: 18px;
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: bottom;
  cursor: pointer;
  margin: 1px 0;
}


.img-inactive {
  background: url('assets/images/inactive.png');
  width: 35px;
  height: 18px;
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: bottom;
  cursor: pointer;
  margin: 1px 0;
}

.img-showall {
  background: url('assets/images/showall-icon.png');
  width: 34px;
  height: 20px;
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: bottom;
  cursor: pointer;
  margin: 1px 1px 1px;
}

.img-showactive {
  background: url('assets/images/showactive-icon.png');
  width: 34px;
  height: 20px;
  display: inline-block;
  background-size: 100% 100%;
  vertical-align: bottom;
  cursor: pointer;
  margin: 1px 1px 1px;
}

.pointer {
  cursor: pointer;
}

.dhx_richtext {
  min-width: 100%;
}

input:invalid {
  box-shadow: none;
}

input[type="radio"], input[type="checkbox"] {
  vertical-align: middle;
  margin: 0 4px;
}

label {
  font-weight: normal;
}


.dhx_richtext--mode_classic .dhx_richtext__editor {
  position: relative;
}

.multiselect-dropdown .dropdown-btn {
  border-color: #ccc !important;
  color: #555;
}

  .multiselect-dropdown .dropdown-btn .dropdown-down {
    border-top: 6px solid #adadad !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
  }

.nav-sm .left_col {
  z-index: 1000 !important;
}



.modal-body .btn{
  margin-right:10px;
}

  .btn-info {
      color: #fff;
      background-color: #1c285a !important;
      border-color: #1c285a !important;
  }
  .dx-datagrid-rowsview .dx-select-checkboxes-hidden > tbody > tr > td > .dx-select-checkbox {
    display: block !important;
}
  /*
  .content_container{
  margin: 0 0px 50px 0px;
}

.btn-primary {
  background-color: #414862;
  border-color: #414862;
}


.btn-primary {
  color: #fff;
  background-color: #414862;
  border-color: #565d77;
}

.btn-primary:hover {
  color: #fff;
  background-color: #565d77;
  border-color: #565d77;
}
.btn-primary{
  background-color: #1c285a !important;
  border-color: #1c285a !important;
  }

*/

.dropdown-list ul{
  position: relative;
}
.dx-datagrid .dx-column-indicators {
  float: right !important;
}
.dx-datagrid-headers .dx-datagrid-table .dx-row > td{
  text-align: center !important;
}
.sYndo {   
   display: none !important;
  }
  .multiselect_custom .dropdown-list{
    position: relative !important;
  }
  .cdk-global-overlay-wrapper{
    align-items: baseline !important;
    margin-top: 20px !important;
  }
  .custom-excel-btn {
  background-color: #007bff; /* blue background */
  color: white !important;   /* white text & icon */
  border: none;
  font-weight: bold;
}

.custom-excel-btn .dx-icon-excel {
  color: white !important;   /* icon color */
}
.clear-filter-btn.fa, .clear-filter-btn.fas {
    font-family: 'Font Awesome 5 Pro' !important;
    background: none !important;
    border: 1px solid #dddddd !important;
    padding: 8px 0 8px 8px;
    color:#333333 !important;
}
.clear-filter-btn.fa.dx-button .dx-button-content {
    padding: 0 5px !important;
}
/* Replace dx-icon with your image */
.dx-icon-filter-icon-image{
    width: 24px;
    height: 24px;
    display: inline-block;
    background-image: url('assets/images/filter_cross.png'); /* path to your image */
    background-size: cover;
    background-position: center;
    text-indent: -9999px; /* hide any text */
}
.dx-datagrid-export-button.dx-button-mode-contained {
  background-color: #2b4c81; /* blue color */
  color: white;              /* text/icon color */
  border: none;              /* optional */
}

.dx-datagrid-export-button.dx-button.dx-button-mode-contained:hover {
  background-color: #2b4c81; /* darker blue on hover */
}
.dx-datagrid-export-button.dx-button-mode-contained .dx-icon {
    color: #ffffff;
}
.dx-button-mode-contained.dx-button-default {
    background-color: #2b4c81 !important;
    border-color: transparent;
    color: #fff;
}
.dx-datagrid.dx-datagrid-borders > .dx-datagrid-header-panel {
    padding: 10px 10px 0 10px !important;
}