.dx-radiogroup {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.dx-overlay-content {
  background-color: #337AB7;
}

#toolbar {
  background-color: #337AB7;
  padding-left: 5px;
  padding-right: 5px;
  color: #f7eaea;

}

#vector-map {
  height: calc(100vh - 60px);
}

#allocation_info{
  font-weight: bold;
}

.dx-toolbar-button .dx-button {
  background-color: rgba(191, 191, 191, -0.15);
  border: none;
}
.dx-popup-bottom .dx-button  {
  background-color: #337ab7;
  color: white;
}

.dx-popup-bottom .dx-button .dx-state {
  background-color: #337ab7;
  color: white;
}

.dx-toolbar-button>.dx-toolbar-item-content {
  margin-left: 1px;
}

.dx-list-item-icon {
  margin-right: 15px;
}

.panel-list .dx-treeview-item {
  color: #f7eaea;
  border-top: 1px solid rgba(221, 221, 221, 0.2);
}

#view {
  margin-left: 1px;
  margin-top: 1px;
}
.dx-tile{
  border: none; 
}
.pies-container {
  margin: auto;
  width: 1500px;
}

.pies-container > div {
  width: 500px;
  float: left;
}
.form-avatar {
  height: 128px;
  width: 128px;
  margin-right: 10px;
  border: 1px solid #d2d3d5;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.first-group,
.second-group {
  padding: 20px;
}

.second-group {
  background-color: rgba(191, 191, 191, 0.15);
}


.dx-layout-manager .dx-field-item:not(.dx-first-col) {
  padding-left: 2px;
}

.dx-layout-manager .dx-field-item:not(.dx-last-col) {
  padding-right: 2px;
}

.dx-datagrid-headers .dx-header-row {
  background-color: lightsteelblue;
}

.long-title {
  position: absolute;
  top: -10px;
  z-index: 1;
}

.datefilter {
  width: 650px;
  position: absolute;
  top: 6px;
  left: 180px;
  z-index: 1;
}


.lookup-product {
  width: 350px;
}

.lookup-customer {
  width: 350px;
}

/* div.scroll {
  width: 100%;
  height: 100%; 
  overflow-x: hidden;
  overflow-y: auto;
  text-align:justify;
} */

.pageTitle {
  margin: 2px;
  font-size: 16px;
  font-weight: 600;
  padding-left: 5px;
}

/* .dx-form-group-with-caption>.dx-form-group-content {
  padding: 5px;
}

.dx-layout-manager .dx-tabpanel .dx-multiview-item-content {
  padding: 5px;
} */

.dx-treeview-item.dx-state-hover {
  color: black;
}

.dx-treeview-item-without-checkbox.dx-state-selected>.dx-treeview-item {
  color: black;
  background-color: rgba(0, 0, 0, .1);
}

.dx-numberbox .dx-texteditor-input {
  text-align: right;
}

.dx-buttongroup {
  display: grid;
}

.dx-buttongroup .dx-widget {
  justify-content: center;
}

#subtoolbar {
  background-color: lightsteelblue;
}

#searchtoolbar {
  background-color: lightsteelblue;
  font-weight: 800;
}

.dx-row.dx-data-row.dx-column-lines.dx-state-hover td {
  background: #337AB7 !important;
}

.dx-tabpanel {
  padding-top: 5px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-row) {
  padding-top: 5px;
}

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
  padding-left: 5px;
}

.dx-layout-manager .dx-field-item:not(.dx-last-col) {
  padding-right: 5px;
}

.search-options {
  padding-top: 3vh;
  padding-bottom: 3vh;
}

.client-drawer {
  color: #f7eaea;
  background-color: #fff;
  border: 5px solid #337ab7;
  border-radius: 15px;
  padding: 5%;
  height: 95%;
}


#clientdrawer .dx-overlay-content{
  background-color: transparent !important;
}

#clientdrawer
  .dx-editor-outlined.dx-texteditor-with-label
  .dx-texteditor-label
  .dx-label
  span {
  font-size: 14px;
  font-weight: 600;
}

#clientdrawer .dx-texteditor-with-label {
  height: 40px;
  font-size: 14px;
}

.drawer-inner-list {
  height: 95%;
  overflow-y: auto;
}
.drawer-hr {
  margin-top: 15px;
  margin-bottom: 15px;
  height: 5px;
  background: #337ab7;
}

.drawer-item {
  font-size: medium;
  background-color: #337AB7;
}

.button-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #fff;
  width: 100%;
  margin-bottom: 10px; /* Adjust the space between rows */
}

.button-container > div {
  flex: 0 0 48%; /* Adjust the percentage to control the button width */
  margin-bottom: 10px; /* Adjust the space between columns */
}

.drawer-item .dx-button {
  width: 100%; /* Ensure buttons take full width of their container */
}
#data-grid-contacts .dx-datagrid .dx-button.dx-datagrid-addrow-button {
  display: none !important;
}

#container .dx-button-mode-contained {
  color: #fff;
}

.div-drawer {
  height: calc(100vh - 45px);
  position: absolute;
}

.page-form
{
  margin: 15px;
}

.form-item-margin {
  margin-bottom: 15px;
}

.check-box-margin {
  margin-top: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.check-box-margin .dx-field-item {
  margin-right: 10vh; 
}

.dx-form-group-caption {
  font-weight: bold;
}

.centered-item {
  margin: auto;
  width: 50%;
}

.row-selected {
  background-color: #337AB7 !important; /* Custom color for selected rows */
  color: black; /* Optional: Change text color if needed */
}

.currency-form {
  margin: auto;
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.currency-form-item {
  margin-top: 5vh;
}

.button-new {
  background-color: green; /* Or any color you prefer */
  color: white;
}

.button-inProgress {
  background-color: red; /* Or any color you prefer */
  color: white;
}

#data-grid-branches .dx-datagrid .dx-button.dx-datagrid-addrow-button {
  display: none !important;
}
#data-grid-signatories .dx-datagrid .dx-button.dx-datagrid-addrow-button {
  display: none !important;
}
.dx-row.dx-freespace-row {
  height: 0 !important;
}

.userControls-padding-top {
  padding-top: 4.5vh !important; /* Adjust the value as needed */
}
.custom-icon-button{
  border: none;
}

.custom-icon-button .dx-icon {
  font-size: 20px; /* Set the icon size */
}

.colored-button {
  background-color: blue; 
  color: white;
}
.colored-button:hover{
  color: black !important;
}
#grid-tree-view-container .dx-gridbase-container {
  height: 57vh;
}
#data-grid-feeStructures .dx-datagrid .dx-button.dx-datagrid-addrow-button {
  display: none !important;
}
.blue-label .dx-field-item-label-text  {
  color: blue !important;
  font-weight: bold !important;
}

.danger-button {
  color: red  !important;
  border-color: red !important;
}

.multi-line-label {
  white-space: normal;
  word-wrap: break-word;
}
.fileData-container{
  top: 0;
  left: 0;
width: 100vw;
height: 100vh;
position: absolute;
z-index: 9999999999999999;
}
.selected-fileData-img{
  max-width: 80vw;
  max-height: 80vh;
  display: block;
  margin: 10vh auto;
}
.file-close{
  position: absolute;
    top: 10px;
    right: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 5px 10px;
    cursor: pointer;
}

#dynamic_form, #static_form {
  width: 99% !important;
  padding-left: 1vw !important;
}
#loadingSpinner {
  position: fixed;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border: 5px solid rgba(0, 0, 0, 0.1);
  border-left-color: #000;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  display: none; /* Initially hidden */
}

@keyframes spin {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}