@font-face {
  font-family: 'OpenSans-Regular';
  src: url('../fonts/OpenSans/OpenSans-Regular.ttf');
}
@font-face {
  font-family: 'OpenSans-Medium';
  src: url('../fonts/OpenSans/OpenSans-Medium.ttf');
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/OpenSans/OpenSans-Bold.ttf');
}
@font-face {
  font-family: 'OpenSans-Light';
  src: url('../fonts/OpenSans/OpenSans-Light.ttf');
}
@font-face {
  font-family: 'OpenSans-Italic';
  src: url('../fonts/OpenSans/OpenSans-Italic.ttf');
}
/* Tabs */
.dxtcLite_StarlinkPanelTheme .dxtc-strip .dxtc-leftIndent {
  width: 0;
}
.dxtcLite_StarlinkPanelTheme .dxtc-strip .dxtc-tab {
  border-bottom: 1px solid white !important;
}
.dxtcLite_StarlinkPanelTheme .dxtc-strip .dxtc-tab .dxtc-link {
  color: white;
  text-transform: initial;
  font-weight: initial;
  padding: 10px 15px 9px;
}
.dxtcLite_StarlinkPanelTheme .dxtc-strip .dxtc-activeTab {
  border-bottom: 2px solid #84bd00 !important;
}
.dxtcLite_StarlinkPanelTheme .dxtc-strip .dxtc-activeTab .dxtc-link {
  color: #84bd00;
  text-transform: initial;
  font-weight: initial;
  padding: 10px 15px 9px;
}
.dxtcLite_StarlinkPanelTheme .dxtc-strip .dxtc-spacer {
  border-bottom: 1px solid white !important;
}
.dxtcLite_StarlinkPanelTheme .dxtc-content {
  padding: 30px 0px 0px 0px;
}
/* CardView */
.dxcvControl_StarlinkPanelTheme {
  background: transparent;
}
.dxcvControl_StarlinkPanelTheme .dxcvCSD {
  border: 0;
  background: transparent;
}
.dxcvControl_StarlinkPanelTheme .dxcvCSD .dxcvEmptyCard_StarlinkPanelTheme {
  background: transparent;
  color: white;
}
.dxcvControl_StarlinkPanelTheme .dxcvTable_StarlinkPanelTheme {
  padding: 0;
  border: 0;
  background: transparent;
}
.dxcvControl_StarlinkPanelTheme .dxcvPagerBottomPanel_StarlinkPanelTheme {
  background: transparent;
  border: 0;
  padding: 8px 0 0;
}
.dxcvControl_StarlinkPanelTheme .dxcvPagerBottomPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme {
  padding: 0;
}
.dxcvControl_StarlinkPanelTheme .dxcvPagerBottomPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-current {
  background-color: #84bd00;
}
.dxcvControl_StarlinkPanelTheme .dxcvPagerBottomPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-num {
  color: white;
  height: 25px;
  width: 25px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dxcvControl_StarlinkPanelTheme .dxcvPagerBottomPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-num:hover {
  background-color: #84bd00;
  text-decoration: none;
}
.dxcvControl_StarlinkPanelTheme .dxcvPagerBottomPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-bi {
  padding: 6px 3px;
}
.dxcvControl_StarlinkPanelTheme .dxcvPagerBottomPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-summary {
  color: white;
  font-size: 12px;
  padding: 6px 16px 6px;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme {
  /* Edit Form Popup */
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-mainDiv {
  background-color: #154064;
  border: 1px solid white;
  border-radius: 4px;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-mainDiv .dxpc-header {
  background-color: #154064;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border: 0;
  padding: 0;
  width: calc(100% - 50px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 15px 25px;
  border-bottom: 1px solid white;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-mainDiv .dxpc-header .dxpc-headerText {
  font-family: OpenSans-Regular;
  color: white;
  font-size: 16px;
  display: block;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-mainDiv .dxpc-header .dxpc-closeBtn {
  display: none;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper {
  padding: 25px;
  background-color: #154064;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxgvPopupEditForm_StarlinkPanelTheme {
  padding: 0;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxflCaption_StarlinkPanelTheme {
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
  width: 100%;
  color: white;
  text-align: left;
  padding-left: 10px;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxflGroupCell_StarlinkPanelTheme {
  padding: 0;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .column-group {
  padding: 0 15px !important;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxflGroup_StarlinkPanelTheme {
  padding: 0;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxflGroup_StarlinkPanelTheme .dxflGroupBoxCaption_StarlinkPanelTheme {
  color: white;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  font-size: 18px;
  text-wrap: nowrap;
  font-weight: 400;
  display: block;
  background: transparent;
  left: 10px;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxflGroup_StarlinkPanelTheme .dxflHLSys {
  display: none;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxflHARSys .dxflCommandItemSys {
  margin-top: 20px;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxflHARSys .dxflCommandItemSys .dxbButtonSys[data-args*="UpdateEdit"] {
  width: auto !important;
  background: #84bd00;
  border: 1px solid white;
  font-weight: 400;
  text-transform: initial;
  border-radius: 4px;
  color: white;
  margin-right: 15px;
  padding: 6px 13px 4px;
}
.dxcvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxflHARSys .dxflCommandItemSys .dxbButtonSys[data-args*="CancelEdit"] {
  background: #727e7d;
  border: 1px solid white;
  font-weight: 400;
  text-transform: initial;
  width: auto !important;
  border-radius: 4px;
  color: white;
  padding: 6px 13px 4px;
}
.dxcvControl_StarlinkPanelTheme .dxpcDropDown_StarlinkPanelTheme .dxpc-mainDiv {
  background-color: white !important;
  border: 1px solid white;
}
.dxcvControl_StarlinkPanelTheme .dxpcDropDown_StarlinkPanelTheme .dxpc-mainDiv .dxpc-contentWrapper {
  padding: 0 !important;
}
/* Grid */
.dxgvControl_StarlinkPanelTheme {
  background: transparent;
}
.dxgvControl_StarlinkPanelTheme .dxgvGroupPanel_StarlinkPanelTheme .dxgvHeader_StarlinkPanelTheme {
  background: #154064;
  border-radius: 4px;
  color: white;
  padding: 6px 18px;
  border-color: white;
}
.dxgvControl_StarlinkPanelTheme .dxgvGroupPanel_StarlinkPanelTheme .dxgvHeader_StarlinkPanelTheme img {
  filter: brightness(0) saturate(100%) invert(97%) sepia(98%) saturate(0%) hue-rotate(84deg) brightness(104%) contrast(101%);
}
.dxgvControl_StarlinkPanelTheme .dxgvHSDC {
  background-color: transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.dxgvControl_StarlinkPanelTheme .dxgvHSDC .dxgvTable_StarlinkPanelTheme {
  background-color: transparent;
  border: 1px solid #154064;
  border-radius: 4px;
}
.dxgvControl_StarlinkPanelTheme .dxgvHSDC .dxgvTable_StarlinkPanelTheme .dxgvHeader_StarlinkPanelTheme {
  padding: 5px 15px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  font-weight: 400;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD {
  border: 0;
  box-shadow: none;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvTable_StarlinkPanelTheme {
  background: transparent;
  border: 0;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupRow_StarlinkPanelTheme {
  background-color: transparent;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupRow_StarlinkPanelTheme.group-level-1 .dxgv {
  border-top: 1px solid #154064 !important;
  border-bottom: 1px solid #154064 !important;
  background: transparent;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupRow_StarlinkPanelTheme.group-level-1 .dxgv:first-child {
  border-bottom: 0 !important;
  border-top: 0 !important;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupRow_StarlinkPanelTheme.group-level-1 .dxgv:nth-child(2) {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  border-left: 1px solid #154064;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupRow_StarlinkPanelTheme.group-level-1 .dxgv:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-right: 1px solid #154064;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupRow_StarlinkPanelTheme .dxgv {
  background-color: #154064;
  border-bottom: 1px solid black !important;
  color: white;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupRow_StarlinkPanelTheme .dxgv:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupRow_StarlinkPanelTheme .dxgv:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupRow_StarlinkPanelTheme .dxgv.dxgvIndentCell {
  background-color: transparent;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupRow_StarlinkPanelTheme .dxGridView_gvCollapsedButton_StarlinkPanelTheme {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../images/Elements_ArrowCollapse.svg');
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupRow_StarlinkPanelTheme .dxGridView_gvExpandedButton_StarlinkPanelTheme {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url('../images/Elements_ArrowExpand.svg');
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupFooter_StarlinkPanelTheme .dxgv {
  color: white;
  background: #1a1a1a;
  border-top: 1px solid #154064 !important;
  border-bottom: 1px solid #154064 !important;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupFooter_StarlinkPanelTheme .dxgv:first-child {
  border-left: 1px solid #154064 !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvGroupFooter_StarlinkPanelTheme .dxgv:last-child {
  border-right: 1px solid #154064 !important;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvDataRow_StarlinkPanelTheme .dxgv {
  border-bottom: 1px solid #154064 !important;
  border-right: 0 !important;
  padding: 5px 15px;
  font-size: 13px;
  color: white;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvDataRow_StarlinkPanelTheme .dxgvDetailButton_StarlinkPanelTheme img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvEmptyDataRow_StarlinkPanelTheme {
  color: white;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvEditFormDisplayRow_StarlinkPanelTheme .dxgv {
  padding: 5px 15px;
  border-bottom: 1px solid #154064 !important;
  border-right: 0;
  color: white;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvBatchEditModifiedCell_StarlinkPanelTheme {
  background: transparent;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvBatchEditModifiedCell_StarlinkPanelTheme .dxgBCTC {
  color: #84bd00;
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvBatchEditModifiedCell_StarlinkPanelTheme .dxICheckBox_StarlinkPanelTheme {
  filter: brightness(0) saturate(100%) invert(58%) sepia(88%) saturate(1022%) hue-rotate(37deg) brightness(96%) contrast(101%);
}
.dxgvControl_StarlinkPanelTheme .dxgvCSD .dxgvFocusedCell_StarlinkPanelTheme {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dxgvControl_StarlinkPanelTheme .dxgvStatusBar_StarlinkPanelTheme .dxgvCommandColumn_StarlinkPanelTheme .dxbButtonSys {
  border: 1px solid white;
  background: transparent;
}
.dxgvControl_StarlinkPanelTheme .dxgvStatusBar_StarlinkPanelTheme .dxgvCommandColumn_StarlinkPanelTheme .dxbButtonSys.dxbDisabled_StarlinkPanelTheme {
  background: #979696 !important;
}
.dxgvControl_StarlinkPanelTheme .dxgvStatusBar_StarlinkPanelTheme .dxgvCommandColumn_StarlinkPanelTheme .dxbButtonSys[data-args*="[['UpdateEdit'],0]"] {
  background: #84bd00;
}
.dxgvControl_StarlinkPanelTheme .dxgvStatusBar_StarlinkPanelTheme .dxgvCommandColumn_StarlinkPanelTheme .dxbButtonSys .dxb {
  padding: 4px 13px 4px;
  border: 0;
}
.dxgvControl_StarlinkPanelTheme .dxgvStatusBar_StarlinkPanelTheme .dxgvCommandColumn_StarlinkPanelTheme .dxbButtonSys .dxb .dx-vam {
  text-transform: initial;
  letter-spacing: initial;
  font-weight: initial;
  color: white;
}
.dxgvControl_StarlinkPanelTheme .dxgvStatusBar_StarlinkPanelTheme .dxgvCommandColumn_StarlinkPanelTheme .dxbButtonSys .dxBadge {
  background: #84bd00;
  padding: 2px 8px;
  font-weight: 400;
}
.dxgvControl_StarlinkPanelTheme .dxgvFSDC {
  border: 0;
  box-shadow: none;
  background: transparent;
}
.dxgvControl_StarlinkPanelTheme .dxgvFSDC .dxgvTable_StarlinkPanelTheme {
  background: transparent;
  border: 0;
}
.dxgvControl_StarlinkPanelTheme .dxgvFSDC .dxgvFooter_StarlinkPanelTheme {
  background: transparent;
}
.dxgvControl_StarlinkPanelTheme .dxgvFSDC .dxgvFooter_StarlinkPanelTheme .dxgv {
  color: white;
  background: #1a1a1a;
  border-top: 1px solid #154064 !important;
  border-bottom: 1px solid #154064 !important;
}
.dxgvControl_StarlinkPanelTheme .dxgvFSDC .dxgvFooter_StarlinkPanelTheme .dxgv:first-child {
  border-left: 1px solid #154064 !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dxgvControl_StarlinkPanelTheme .dxgvFSDC .dxgvFooter_StarlinkPanelTheme .dxgv:last-child {
  border-right: 1px solid #154064 !important;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.dxgvControl_StarlinkPanelTheme .dxgvPagerBottomPanel_StarlinkPanelTheme {
  background: transparent;
  border: 0;
  padding: 8px 0 0;
}
.dxgvControl_StarlinkPanelTheme .dxgvPagerBottomPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme {
  padding: 0;
}
.dxgvControl_StarlinkPanelTheme .dxgvPagerBottomPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-current {
  background-color: #84bd00;
}
.dxgvControl_StarlinkPanelTheme .dxgvPagerBottomPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-num {
  color: white;
  height: 25px;
  width: 25px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dxgvControl_StarlinkPanelTheme .dxgvPagerBottomPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-num:hover {
  background-color: #84bd00;
  text-decoration: none;
}
.dxgvControl_StarlinkPanelTheme .dxgvPagerBottomPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-bi {
  padding: 6px 3px;
}
.dxgvControl_StarlinkPanelTheme .dxgvPagerBottomPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-summary {
  color: white;
  font-size: 12px;
  padding: 6px 16px 6px;
}
.dxgvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme {
  /* Edit Form Popup */
}
.dxgvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-mainDiv {
  background-color: #154064;
  border: 1px solid white;
  border-radius: 4px;
}
.dxgvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-mainDiv .dxpc-header {
  background-color: #154064;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border: 0;
  padding: 0;
  width: calc(100% - 50px);
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 15px 25px;
  border-bottom: 1px solid white;
}
.dxgvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-mainDiv .dxpc-header .dxpc-headerText {
  font-family: OpenSans-Regular;
  color: white;
  font-size: 16px;
  display: block;
}
.dxgvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-mainDiv .dxpc-header .dxpc-closeBtn {
  display: none;
}
.dxgvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper {
  padding: 25px;
  background-color: #154064;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dxgvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxgvPopupEditForm_StarlinkPanelTheme {
  padding: 0;
}
.dxgvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxflCaption_StarlinkPanelTheme {
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
  width: 100%;
  color: white;
  text-align: left;
  padding-left: 10px;
}
.dxgvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxflHARSys .dxflCommandItemSys {
  margin-top: 20px;
}
.dxgvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxflHARSys .dxflCommandItemSys .dxbButtonSys[data-args*="UpdateEdit"] {
  width: auto !important;
  background: #84bd00;
  border: 1px solid white;
  font-weight: 400;
  text-transform: initial;
  border-radius: 4px;
  color: white;
  margin-right: 15px;
  padding: 6px 13px 4px;
}
.dxgvControl_StarlinkPanelTheme .dxpcLite_StarlinkPanelTheme.dxpclW .dxpc-contentWrapper .dxflHARSys .dxflCommandItemSys .dxbButtonSys[data-args*="CancelEdit"] {
  background: #727e7d;
  border: 1px solid white;
  font-weight: 400;
  text-transform: initial;
  width: auto !important;
  border-radius: 4px;
  color: white;
  padding: 6px 13px 4px;
}
.dxgvControl_StarlinkPanelTheme .dxpcDropDown_StarlinkPanelTheme .dxpc-mainDiv {
  background-color: white !important;
  border: 1px solid white;
}
.dxgvControl_StarlinkPanelTheme .dxpcDropDown_StarlinkPanelTheme .dxpc-mainDiv .dxpc-contentWrapper {
  padding: 0 !important;
}
.dxgvControl_StarlinkPanelTheme.grid-grouped .dxgvDataRow_StarlinkPanelTheme .dxgv {
  border-bottom: 0 !important;
}
.dxgvControl_StarlinkPanelTheme.grid-grouped .dxgvDataRow_StarlinkPanelTheme .dxgv:not(.dxgvIndentCell) {
  background: #1a1a1a;
}
.dxgvControl_StarlinkPanelTheme.dxgvInLookup {
  background: #154064;
}
.dxgvControl_StarlinkPanelTheme.dxgvInLookup .dxgvTable_StarlinkPanelTheme {
  background-color: transparent;
  border: 1px solid #154064;
  border-radius: 4px;
}
.dxgvControl_StarlinkPanelTheme.dxgvInLookup .dxgvTable_StarlinkPanelTheme .dxgvHeader_StarlinkPanelTheme {
  padding: 5px 15px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  font-weight: 400;
}
.dxgvControl_StarlinkPanelTheme.dxgvInLookup .dxgvTable_StarlinkPanelTheme .dxgvFilterRow_StarlinkPanelTheme .dxgv {
  border-bottom: 1px solid #154064 !important;
  border-right: 0 !important;
  padding: 5px 15px;
  font-size: 13px;
  color: white;
  background: transparent;
}
.dxgvControl_StarlinkPanelTheme.dxgvInLookup .dxgvTable_StarlinkPanelTheme .dxgvDataRow_StarlinkPanelTheme.dxgvSelectedRow_StarlinkPanelTheme {
  background-color: #84bd00;
}
.dxgvControl_StarlinkPanelTheme.dxgvInLookup .dxgvTable_StarlinkPanelTheme .dxgvDataRow_StarlinkPanelTheme .dxgv {
  border-bottom: 1px solid #154064 !important;
  border-right: 0 !important;
  padding: 5px 15px;
  font-size: 13px;
  color: white;
}
.dxgvControl_StarlinkPanelTheme.dxgvInLookup .dxgvTable_StarlinkPanelTheme .dxgvDataRow_StarlinkPanelTheme .dxgvDetailButton_StarlinkPanelTheme img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}
.dxgvControl_StarlinkPanelTheme.dxgvInLookup .dxgvTable_StarlinkPanelTheme .dxgvEmptyDataRow_StarlinkPanelTheme {
  color: white;
}
.dxgvControl_StarlinkPanelTheme .dxgvDetailRow_StarlinkPanelTheme {
  background-color: transparent;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.dxgvControl_StarlinkPanelTheme .dxgvDetailRow_StarlinkPanelTheme .dxgvIndentCell {
  border-bottom: 1px solid #154064 !important;
}
.dxgvControl_StarlinkPanelTheme .dxgvDetailRow_StarlinkPanelTheme .dxgvDetailCell_StarlinkPanelTheme {
  border-bottom: 1px solid #154064 !important;
}
.dxgvControl_StarlinkPanelTheme .dxgvDetailRow_StarlinkPanelTheme .dxgvEmptyDataRow_StarlinkPanelTheme .dxgv {
  border-bottom: 0 !important;
  border-right: 0 !important;
  font-size: 13px;
}
.dxgvControl_StarlinkPanelTheme .dxgvDetailRow_StarlinkPanelTheme .dxgvTable_StarlinkPanelTheme {
  background-color: transparent;
  border: 1px solid #154064;
  border-radius: 4px;
}
.dxgvControl_StarlinkPanelTheme .dxgvDetailRow_StarlinkPanelTheme .dxgvTable_StarlinkPanelTheme .dxgvHeader_StarlinkPanelTheme {
  padding: 5px 15px;
  border: 0;
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  font-weight: 400;
}
/* Image Gallery */
.dxigControl_StarlinkPanelTheme .dxigPagerPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme {
  display: flex !important;
  justify-content: center;
}
.dxigControl_StarlinkPanelTheme .dxigPagerPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-current {
  background-color: #84bd00;
}
.dxigControl_StarlinkPanelTheme .dxigPagerPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-num {
  color: white;
  height: 25px;
  width: 25px;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.dxigControl_StarlinkPanelTheme .dxigPagerPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-num:hover {
  background-color: #84bd00;
  text-decoration: none;
}
.dxigControl_StarlinkPanelTheme .dxigPagerPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-bi {
  padding: 6px 3px;
}
.dxigControl_StarlinkPanelTheme .dxigPagerPanel_StarlinkPanelTheme .dxpLite_StarlinkPanelTheme .dxp-summary {
  color: white;
  font-size: 12px;
  padding: 6px 16px 6px;
}
/* Textbox */
.dxeTextBoxSys {
  width: 100%;
  border: 0;
  background: transparent;
  border: 1px solid white;
  border-radius: 4px;
}
.dxeTextBoxSys.dxeNullText_StarlinkPanelTheme input {
  color: #777777 !important;
}
.dxeTextBoxSys .dxic {
  padding: 0 !important;
}
.dxeTextBoxSys input {
  color: white !important;
  font-size: 16px !important;
  border: 0 !important;
  padding: 5px 10px 5px 10px !important;
  background: transparent !important;
}
.dxeTextBoxSys input.dxh0 {
  font-family: OpenSans-Regular;
}
/* Combo, Tokenbox */
.dxeButtonEditSys {
  width: 100%;
  border: 0;
  background: transparent;
  border: 1px solid white;
  border-radius: 4px;
}
.dxeButtonEditSys.dxeNullText_StarlinkPanelTheme input {
  color: #777777 !important;
}
.dxeButtonEditSys .dxic {
  padding: 0 !important;
}
.dxeButtonEditSys input {
  color: white !important;
  font-size: 16px !important;
  border: 0 !important;
  padding: 5px 10px 5px 10px !important;
  background: transparent !important;
}
.dxeButtonEditSys input.dxh0 {
  font-family: OpenSans-Regular;
}
.dxeButtonEditSys .dxeButton {
  background: transparent;
}
.dxeButtonEditSys .dxeToken_StarlinkPanelTheme {
  background: white;
  color: #154064;
  margin-top: 4px;
}
/* Memo */
.dxeMemoSys {
  width: 100%;
  border: 0;
  background: transparent;
  border: 1px solid white;
  border-radius: 4px;
}
.dxeMemoSys.dxeNullText_StarlinkPanelTheme textarea {
  color: #777777 !important;
}
.dxeMemoSys .dxic {
  padding: 0 !important;
}
.dxeMemoSys textarea {
  color: white !important;
  font-size: 16px !important;
  border: 0 !important;
  padding: 5px 10px 5px 10px !important;
  background: transparent !important;
}
.dxeMemoSys textarea.dxh0 {
  font-family: OpenSans-Regular;
}
/* Listbox */
.list-box {
  width: 100%;
  border: 0;
  background: transparent;
  border: 1px solid white;
  border-radius: 4px;
}
.list-box .dxICheckBox_StarlinkPanelTheme {
  filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2871%) hue-rotate(216deg) brightness(112%) contrast(100%);
}
.list-box label {
  color: white !important;
  font-size: 16px !important;
}
.list-box .dxeListBoxItem_StarlinkPanelTheme {
  color: white !important;
  font-size: 16px !important;
}
.list-box .dxeListBoxFilter_StarlinkPanelTheme {
  border-bottom: 1px solid white;
  background-color: transparent;
  color: white;
}
.list-box .dxeButtonEditSys {
  background-color: transparent !important;
  border-color: white !important;
}
.list-box .dxeLBShowFilterBtnSys {
  background-color: transparent !important;
  margin-right: 0 !important;
}
.list-box .dxeLBShowFilterBtnSys:hover {
  background-color: transparent;
}
.list-box .dxeListBoxItemSelected_StarlinkPanelTheme {
  background-color: transparent;
}
.list-box img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(1%) saturate(2871%) hue-rotate(216deg) brightness(112%) contrast(100%);
}
/* Upload Control */
.dxucControl_StarlinkPanelTheme .dxucTextBox_StarlinkPanelTheme {
  background-color: transparent;
  border: 1px solid white;
  padding: 1px 10px;
}
.dxucControl_StarlinkPanelTheme .dxucTextBox_StarlinkPanelTheme:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.dxucControl_StarlinkPanelTheme .dxucTextBox_StarlinkPanelTheme.dxucNullText_StarlinkPanelTheme .dxucEditArea_StarlinkPanelTheme {
  color: #777777 !important;
}
.dxucControl_StarlinkPanelTheme .dxucTextBox_StarlinkPanelTheme .dxucEditArea_StarlinkPanelTheme {
  color: white;
  font-size: 16px !important;
}
.dxucControl_StarlinkPanelTheme .dxucBrowseButton_StarlinkPanelTheme {
  border: 1px solid white;
  padding: 6px 18px 8px;
  background-color: #727e7d;
  border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
}
.dxucControl_StarlinkPanelTheme .dxucBrowseButton_StarlinkPanelTheme a {
  color: white !important;
}
@keyframes slideaway {
  from {
    display: none;
  }
  to {
    display: block;
  }
}
/************************* GLOBALS ****************************/
body {
  margin: 0px;
  overflow: hidden;
  font-family: OpenSans-Regular;
}
.block {
  display: block;
}
.hidden {
  display: none !important;
}
.relative {
  position: relative;
}
.input {
  margin-bottom: 10px;
  padding-bottom: 4px;
  position: relative;
}
.input .label {
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
  width: 100%;
  color: white;
  text-align: left;
  padding-left: 10px;
}
.btn-green {
  width: 180px;
  background: #84bd00;
  border: 1px solid white;
  font-weight: 400;
  text-transform: initial !important;
  width: 120px;
  border-radius: 4px;
}
.btn-grey {
  background: #727e7d;
  border: 1px solid white;
  font-weight: 400;
  text-transform: initial !important;
  width: 120px;
  border-radius: 4px;
}
.grid-page {
  height: calc(100% - 60px);
  width: calc(100% - 60px);
  background-color: black;
  background-image: url('../images/Elements_imgFondo.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 30px;
}
.grid-page .grid-content {
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #154064;
  border-radius: 8px;
  padding: 20px;
  width: fit-content;
}
.grid-page .grid-content.grid-horizontal {
  width: calc(100% - 40px);
}
.grid-page .grid-content .grid-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}
.grid-page .grid-content .grid-header .title-grid {
  color: white;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  font-size: 18px;
  text-wrap: nowrap;
  display: block;
}
.grid-page .grid-content .grid-header .filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
}
.grid-page .grid-content .grid-header .filters .filter {
  width: 200px;
}
.grid-page .grid-content .grid-header .filters .filter.btn {
  width: auto;
}
.grid-page .grid-content .grid-header .filters .filter.btn .dxbButtonSys {
  background: transparent;
  border: 1px solid white;
}
.grid-page .grid-content .grid-header .filters .filter.btn .dxbButtonSys .dxb {
  padding: 4px 13px 4px;
  border: 0;
}
.grid-page .grid-content .grid-header .filters .filter.btn .dxbButtonSys .dxb .dx-vam {
  text-transform: initial;
  letter-spacing: initial;
  font-weight: initial;
}
.grid-page .grid-content .grid-header .filters .filter .dxeTextBoxSys {
  border-radius: 24px;
}
.grid-page .grid-content .grid-header .filters .filter .dxeTextBoxSys input {
  font-size: 12px !important;
}
.grid-page .grid-content .grid-header .filters .filter .dxeButtonEditSys {
  border-radius: 24px;
}
.grid-page .grid-content .grid-header .filters .filter .dxeButtonEditSys input {
  font-size: 12px !important;
}
/*********************** SCROLL **************************/
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: #D7D8D9;
}
::-webkit-scrollbar-thumb {
  background: #154064;
  border-radius: 6px;
}
::-webkit-scrollbar-thumb:hover {
  background: grey;
}
/*********************** LOADER **************************/
.loader {
  background-color: transparent;
  box-shadow: initial;
  text-align: center;
  border: 0;
}
.loader span {
  font-family: OpenSans-Bold;
  color: #154064;
  font-size: 22px;
}
.dxlpLoadingDiv_AquaPositive {
  background-color: white !important;
  opacity: 0.7 !important;
}
/*********************** TOAST **************************/
.toast-container {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 99999;
}
.toast-container:empty {
  opacity: 0;
}
.toast-container .toast {
  transition: opacity ease 0.3s, transform ease 0.3s, margin ease 0.3s;
  will-change: opacity;
  margin: 1rem;
  color: #ffffff;
  display: flex;
  width: 300px;
  border-radius: 4px;
  background-color: black;
  position: relative;
}
.toast-container .toast:not(.show):not(.removing) {
  margin-bottom: -4rem;
}
.toast-container .toast.success {
  border: 1px solid #8cc540;
}
.toast-container .toast.success .toast-icon {
  background-image: url('../images/Elements_Success.svg');
}
.toast-container .toast.success .toast-header {
  color: #8cc540;
  border-color: #8cc540;
}
.toast-container .toast.warning {
  border: 1px solid #f9c56b;
}
.toast-container .toast.warning .toast-icon {
  background-image: url('../images/Elements_Alert.svg');
}
.toast-container .toast.warning .toast-header {
  color: #f9c56b;
  border-color: #f9c56b;
}
.toast-container .toast.error {
  border: 1px solid #e8465a;
}
.toast-container .toast.error .toast-icon {
  background-image: url('../images/Elements_error.svg');
}
.toast-container .toast.error .toast-header {
  color: #e8465a;
  border-color: #e8465a;
}
.toast-container .toast .toast-icon-content {
  margin-right: 15px;
}
.toast-container .toast .toast-icon-content .toast-icon {
  height: 30px;
  width: 30px;
}
.toast-container .toast .toast-content {
  flex: 1;
  background: black;
  border-radius: 6px;
}
.toast-container .toast .toast-header {
  font-size: 14px;
  padding: 10px 15px;
  font-family: OpenSans-Bold;
  display: flex;
  align-items: center;
  border-bottom: 1px solid;
}
.toast-container .toast .toast-header button {
  float: right;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 0;
  height: 25px;
  width: 25px;
  position: absolute;
  top: 14px;
  right: 15px;
}
.toast-container .toast .toast-header button span {
  display: none;
}
.toast-container .toast .toast-header button:focus {
  outline: none;
}
.toast-container .toast .toast-header button:hover {
  cursor: pointer;
}
.toast-container .toast .toast-body {
  font-size: 14px;
  padding: 15px;
  color: white;
  font-family: OpenSans-Regular;
}
/*********************** WRAPPER **************************/
.wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
}
/*********************** MENU **************************/
#menu {
  width: 100px;
  height: 100vh;
  background: white;
}
#menu .sidebar-wrapper {
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
#menu .sidebar-wrapper .logo-content {
  width: calc(100% - 20px);
  text-align: center;
  padding: 35px 10px;
}
#menu .sidebar-wrapper .logo-content img {
  max-height: 65px;
  max-width: 65px;
}
#menu .sidebar-wrapper .logo-content span {
  color: black;
  font-size: 10px;
  text-transform: uppercase;
  font-family: OpenSans-Bold;
  display: block;
  margin-top: 8px;
}
#menu .sidebar-wrapper .nav {
  width: 100%;
  list-style-type: none;
  padding: 0;
  text-align: left;
  margin-block-start: 0px;
  flex: 1;
  overflow: auto;
}
#menu .sidebar-wrapper .nav li {
  padding: 15px 30px;
  position: relative;
  cursor: pointer;
  display: flex;
  justify-content: center;
}
#menu .sidebar-wrapper .nav li a {
  border-bottom: 2px solid transparent;
  padding-bottom: 8px;
}
#menu .sidebar-wrapper .nav li:hover a {
  border-bottom: 2px solid #154064;
}
#menu .sidebar-wrapper .nav li:hover .icon.icon-companies {
  background-image: url('../images/Elements_CompaniesOn.svg');
}
#menu .sidebar-wrapper .nav li:hover .icon.icon-dashboard {
  background-image: url('../images/Elements_DashboardOn.svg');
}
#menu .sidebar-wrapper .nav li:hover .icon.icon-support {
  background-image: url('../images/Elements_SupportOn.svg');
}
#menu .sidebar-wrapper .nav li:hover .icon.icon-users {
  background-image: url('../images/Elements_UsersOn.svg');
}
#menu .sidebar-wrapper .nav li:hover .icon.icon-alerts {
  background-image: url('../images/Elements_MenuAlertOn.svg');
}
#menu .sidebar-wrapper .nav li:hover .icon.icon-billing {
  background-image: url('../images/Elements_BillingOn.svg');
}
#menu .sidebar-wrapper .nav li:hover .icon.icon-reports {
  background-image: url('../images/Elements_ReportsOn.svg');
}
#menu .sidebar-wrapper .nav li:hover .icon.icon-global-settings {
  background-image: url('../images/Elements_SettingsOn.svg');
}
#menu .sidebar-wrapper .nav li:hover .icon.icon-installations {
  background-image: url('../images/Elements_InstalationsOn.svg');
}
#menu .sidebar-wrapper .nav li:hover .icon.icon-pm-dashboard {
  background-image: url('../images/Elements_DashboardPMOn.svg');
}
#menu .sidebar-wrapper .nav li:hover .icon.icon-scheduling {
  background-image: url('../images/Elements_SchedulingOn.svg');
}
#menu .sidebar-wrapper .nav li.active a {
  border-bottom: 2px solid #154064;
}
#menu .sidebar-wrapper .nav li.active .icon.icon-companies {
  background-image: url('../images/Elements_CompaniesOn.svg');
}
#menu .sidebar-wrapper .nav li.active .icon.icon-dashboard {
  background-image: url('../images/Elements_DashboardOn.svg');
}
#menu .sidebar-wrapper .nav li.active .icon.icon-support {
  background-image: url('../images/Elements_SupportOn.svg');
}
#menu .sidebar-wrapper .nav li.active .icon.icon-users {
  background-image: url('../images/Elements_UsersOn.svg');
}
#menu .sidebar-wrapper .nav li.active .icon.icon-alerts {
  background-image: url('../images/Elements_MenuAlertOn.svg');
}
#menu .sidebar-wrapper .nav li.active .icon.icon-billing {
  background-image: url('../images/Elements_BillingOn.svg');
}
#menu .sidebar-wrapper .nav li.active .icon.icon-reports {
  background-image: url('../images/Elements_ReportsOn.svg');
}
#menu .sidebar-wrapper .nav li.active .icon.icon-global-settings {
  background-image: url('../images/Elements_SettingsOn.svg');
}
#menu .sidebar-wrapper .nav li.active .icon.icon-installations {
  background-image: url('../images/Elements_InstalationsOn.svg');
}
#menu .sidebar-wrapper .nav li.active .icon.icon-pm-dashboard {
  background-image: url('../images/Elements_DashboardPMOn.svg');
}
#menu .sidebar-wrapper .nav li.active .icon.icon-scheduling {
  background-image: url('../images/Elements_SchedulingOn.svg');
}
#menu .sidebar-wrapper .nav li .icon {
  height: 28px;
  width: 28px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
#menu .sidebar-wrapper .nav li .icon.icon-companies {
  background-image: url('../images/Elements_CompaniesOff.svg');
}
#menu .sidebar-wrapper .nav li .icon.icon-dashboard {
  background-image: url('../images/Elements_DashboardOff.svg');
}
#menu .sidebar-wrapper .nav li .icon.icon-support {
  background-image: url('../images/Elements_SupportOff.svg');
}
#menu .sidebar-wrapper .nav li .icon.icon-users {
  background-image: url('../images/Elements_UsersOff.svg');
}
#menu .sidebar-wrapper .nav li .icon.icon-alerts {
  background-image: url('../images/Elements_MenuAlertOff.svg');
}
#menu .sidebar-wrapper .nav li .icon.icon-billing {
  background-image: url('../images/Elements_BillingOff.svg');
}
#menu .sidebar-wrapper .nav li .icon.icon-reports {
  background-image: url('../images/Elements_ReportsOff.svg');
}
#menu .sidebar-wrapper .nav li .icon.icon-global-settings {
  background-image: url('../images/Elements_TotalSettingsOff.svg');
}
#menu .sidebar-wrapper .nav li .icon.icon-installations {
  background-image: url('../images/Elements_InstallationsOff-61.svg');
}
#menu .sidebar-wrapper .nav li .icon.icon-pm-dashboard {
  background-image: url('../images/Elements_DashboardPMOff.svg');
}
#menu .sidebar-wrapper .nav li .icon.icon-scheduling {
  background-image: url('../images/Elements_SchedulingOff.svg');
}
/*********************** MAIN PANEL **************************/
#mainPanel {
  height: 100vh;
  flex: 1;
  overflow: hidden;
}
#mainPanel .header {
  height: 75px;
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding: 0px 20px 0px 35px;
  background: #154064;
  position: relative;
  z-index: 2;
}
#mainPanel .header.theme2 {
  background-color: #5b447a;
}
#mainPanel .header .header-left,
#mainPanel .header .header-right {
  align-items: center;
  justify-content: center;
  display: flex;
  gap: 30px;
}
#mainPanel .header .btn-back {
  box-shadow: none;
  border: 1px solid white;
  border-radius: 4px;
  text-transform: initial;
  font-weight: 400;
  height: 40px;
  margin-right: 20px;
  width: auto;
}
#mainPanel .header .btn-back .dxb {
  padding: 6px 5px 4px;
}
#mainPanel .header .btn-back:hover {
  background: white;
  color: #154064;
}
#mainPanel .header .btn-back:hover img {
  filter: brightness(0) saturate(100%) invert(21%) sepia(100%) saturate(355%) hue-rotate(164deg) brightness(93%) contrast(103%);
}
#mainPanel .header .notifications {
  position: relative;
}
#mainPanel .header .notifications .btn-notifications {
  box-shadow: none;
  width: auto;
  background: transparent;
}
#mainPanel .header .notifications .btn-notifications .dxb {
  padding: 0;
  border: 1px dotted transparent;
}
#mainPanel .header .notifications .btn-notifications .dx-vam {
  margin-right: 0px !important;
}
#mainPanel .header .notifications .total-notifications {
  height: 14px;
  width: 14px;
  background: #e8465a;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -2px;
  right: -2px;
}
#mainPanel .header .notifications .total-notifications span {
  color: white;
  font-size: 10px;
}
#mainPanel .header .notifications .notification-list {
  position: absolute;
  top: 45px;
  right: 0;
  width: 200px;
  background: black;
  border: 1px solid white;
  border-radius: 13px;
  padding: 15px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}
#mainPanel .header .notifications .notification-list.opened {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#mainPanel .header .notifications .notification-list .notification-item {
  border-bottom: 1px solid white;
  padding: 6px 0px;
}
#mainPanel .header .notifications .notification-list .notification-item:last-child {
  border-bottom: 0;
}
#mainPanel .header .notifications .notification-list .notification-item .title {
  color: #84bd00;
  display: block;
  font-size: 14px;
  font-family: OpenSans-Bold;
  margin-bottom: 5px;
}
#mainPanel .header .notifications .notification-list .notification-item .date {
  color: white;
  display: block;
  font-size: 12px;
}
#mainPanel .header .notifications .notification-list .btn-all-notifications {
  background-color: white;
  box-shadow: none;
  font-weight: 400;
  color: #154064;
  font-size: 12px;
  margin-top: 15px;
  width: 100%;
}
#mainPanel .header .notifications .notification-list .btn-all-notifications .dxb {
  border: 0;
}
#mainPanel .header .btn-profile {
  display: flex;
}
#mainPanel .header .btn-profile .icon {
  height: 25px;
  width: 25px;
}
#mainPanel .header .btn-logout {
  width: auto;
  background: transparent;
  box-shadow: none;
}
#mainPanel .header .btn-logout .dxb {
  padding: 0;
  border: 1px dotted transparent;
}
#mainPanel .header .btn-logout img {
  margin-right: 0 !important;
}
#mainPanel .header .title-page .dxeBase_StarlinkPanelTheme {
  font-family: OpenSans-Bold;
  font-size: 16px;
  color: white;
  white-space: nowrap;
}
#mainPanel .header .toolbar-header {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0px 20px 0px 40px;
  align-items: center;
  gap: 15px;
}
#mainPanel .header .toolbar-header .dxbButtonSys {
  background-color: white;
  box-shadow: none;
  font-weight: 400;
  color: #154064;
  font-size: 12px;
}
#mainPanel .header .toolbar-header .dxbButtonSys .dxb {
  padding: 6px 50px 4px;
  border: 0;
}
#mainPanel .header .toolbar-header .dxbButtonSys.btn-icon {
  width: auto;
}
#mainPanel .header .toolbar-header .dxbButtonSys.btn-icon .dxb {
  padding: 6px 10px 4px;
}
#mainPanel .header .toolbar-header .dxbButtonSys.btn-icon .dx-vam {
  height: 15px;
}
#mainPanel .content {
  height: calc(100% - 75px);
  width: 100%;
  background: #e6e7e8;
  overflow: auto;
}
/*********************** POP UPS **************************/
.pc-generic-confirm-alert {
  border: 1px solid white !important;
  border-radius: 8px !important;
}
.pc-generic-confirm-alert.pc-edit-antenna .dxpc-content {
  padding: 0;
}
.pc-generic-confirm-alert.pc-edit-antenna .columns {
  display: flex;
}
.pc-generic-confirm-alert.pc-edit-antenna .columns .column-fields {
  width: 50%;
}
.pc-generic-confirm-alert.pc-edit-antenna .columns .column-fields:not(:last-child) {
  border-right: 1px solid white;
}
.pc-generic-confirm-alert.pc-edit-antenna .columns .column-fields .block-fields {
  padding: 20px;
}
.pc-generic-confirm-alert.pc-edit-antenna .columns .column-fields .block-fields:not(:last-child) {
  border-bottom: 1px solid white;
}
.pc-generic-confirm-alert.pc-edit-antenna .columns .column-fields .block-fields .title-block {
  color: white;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  font-size: 16px;
  display: block;
  margin-bottom: 15px;
}
.pc-generic-confirm-alert.pc-edit-antenna .columns .column-fields .block-fields .actions {
  padding-top: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 15px;
}
.pc-generic-confirm-alert.pc-edit-antenna .columns .column-fields .block-fields .actions .btn-ok {
  width: 180px;
  background: #84bd00;
  border: 1px solid white;
  font-weight: 400;
  text-transform: initial;
  width: 120px;
  border-radius: 4px;
}
.pc-generic-confirm-alert.pc-edit-antenna .columns .column-fields .block-fields .actions .btn-cancel {
  background: #727e7d;
  border: 1px solid white;
  font-weight: 400;
  text-transform: initial;
  width: 120px;
  border-radius: 4px;
}
.pc-generic-confirm-alert.pc-assign-devices .assign-devices-content {
  display: flex;
  gap: 50px;
}
.pc-generic-confirm-alert.pc-assign-devices .company-devices,
.pc-generic-confirm-alert.pc-assign-devices .free-devices {
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #154064;
  border-radius: 8px;
  padding: 20px;
  width: fit-content;
}
.pc-generic-confirm-alert.pc-assign-devices .title {
  color: white;
  text-transform: uppercase;
  font-size: 18px;
  text-wrap: nowrap;
  display: block;
}
.pc-generic-confirm-alert.pc-assign-devices .dxmLite_StarlinkPanelTheme .dxctToolbar_StarlinkPanelTheme {
  background-color: transparent;
  padding-top: 15px;
  padding-bottom: 10px;
}
.pc-generic-confirm-alert.pc-assign-devices .dxmLite_StarlinkPanelTheme .dxctToolbar_StarlinkPanelTheme .dxeTextBoxSys {
  border-radius: 24px;
}
.pc-generic-confirm-alert.pc-assign-devices .dxmLite_StarlinkPanelTheme .dxctToolbar_StarlinkPanelTheme .dxeTextBoxSys .dxic {
  padding: 0 !important;
}
.pc-generic-confirm-alert.pc-assign-devices .dxmLite_StarlinkPanelTheme .dxctToolbar_StarlinkPanelTheme .dxeTextBoxSys .dxic input {
  font-size: 12px !important;
}
.pc-generic-confirm-alert.pc-assign-devices .dxmLite_StarlinkPanelTheme .dxctToolbar_StarlinkPanelTheme .dxbButtonSys {
  background: transparent;
  border: 1px solid white;
  margin-right: 30px;
}
.pc-generic-confirm-alert.pc-assign-devices .dxmLite_StarlinkPanelTheme .dxctToolbar_StarlinkPanelTheme .dxbButtonSys .dxb {
  padding: 4px 13px 4px;
  border: 0;
}
.pc-generic-confirm-alert.pc-assign-devices .dxmLite_StarlinkPanelTheme .dxctToolbar_StarlinkPanelTheme .dxbButtonSys .dxb .dx-vam {
  text-transform: initial;
  letter-spacing: initial;
  font-weight: initial;
  color: white;
}
.pc-generic-confirm-alert.pc-assign-devices .dxgvSelectedRow_StarlinkPanelTheme {
  background-color: #ffffff;
}
.pc-generic-confirm-alert.pc-assign-devices .dxgvSelectedRow_StarlinkPanelTheme .dxgv {
  color: #154064;
}
.pc-generic-confirm-alert .dxpc-header {
  border: 0;
  padding: 0;
  width: calc(100% - 50px);
  background-color: #154064;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  padding: 15px 25px;
  border-bottom: 1px solid white;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}
.pc-generic-confirm-alert .dxpc-header .title {
  font-family: OpenSans-Regular;
  color: white;
  font-size: 16px;
  display: block;
}
.pc-generic-confirm-alert .dxpc-header .header-row {
  display: flex;
  align-items: center;
  gap: 50px;
}
.pc-generic-confirm-alert .dxpc-header .header-row .dxbButtonSys {
  background-color: white;
  box-shadow: none;
  font-weight: 400;
  color: #154064;
  font-size: 12px;
}
.pc-generic-confirm-alert .dxpc-header .header-row .dxbButtonSys .dxb {
  padding: 6px 50px 4px;
  border: 0;
}
.pc-generic-confirm-alert .dxpc-content {
  padding: 25px;
  background-color: #154064;
}
.pc-generic-confirm-alert .dxpc-content .subtitle {
  color: white;
  display: block;
  font-size: 14px;
  margin-top: 20px;
  margin-bottom: 5px;
}
.pc-generic-confirm-alert .dxpc-content .message {
  color: white;
  display: block;
  font-family: OpenSans-Regular;
  font-size: 14px;
  margin-bottom: 20px;
}
.pc-generic-confirm-alert .dxpc-content .row-fields {
  display: flex;
  gap: 30px;
  margin-bottom: 30px;
}
.pc-generic-confirm-alert .dxpc-content .fields {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
.pc-generic-confirm-alert .dxpc-content .fields:last-child {
  margin-bottom: 0;
}
.pc-generic-confirm-alert .dxpc-content .field {
  width: 100%;
}
.pc-generic-confirm-alert .dxpc-content .field.width-50 {
  width: calc(50% - 15px);
}
.pc-generic-confirm-alert .dxpc-content .field.width-33 {
  width: calc(33% - 17px);
}
.pc-generic-confirm-alert .dxpc-content .field.width-25 {
  width: calc(25% - 23px);
}
.pc-generic-confirm-alert .dxpc-content .field .label {
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
  width: 100%;
  color: white;
  text-align: left;
  padding-left: 10px;
}
.pc-generic-confirm-alert .dxpc-content .dxeRoot_StarlinkPanelTheme {
  width: 100%;
}
.pc-generic-confirm-alert .dxpc-content a {
  color: #84bd00;
}
.pc-generic-confirm-alert .dxpc-content .dxeTextBoxSys {
  width: 100%;
  border: 0;
  background: transparent;
  border: 1px solid white;
  border-radius: 4px;
}
.pc-generic-confirm-alert .dxpc-content .dxeTextBoxSys.dxeNullText_StarlinkPanelTheme input {
  color: #cfcfcf !important;
}
.pc-generic-confirm-alert .dxpc-content .dxeTextBoxSys .dxic {
  padding: 0;
}
.pc-generic-confirm-alert .dxpc-content .dxeTextBoxSys input {
  color: white;
  font-size: 16px;
  border: 0;
  padding: 5px 10px 5px 10px;
  background: transparent;
  border-radius: 0;
}
.pc-generic-confirm-alert .dxpc-content .dxeTextBoxSys input.dxh0 {
  font-family: OpenSans-Regular;
}
.pc-generic-confirm-alert .dxpc-content .dxeTokenBox {
  min-height: 75px;
  width: 100%;
  border: 0;
  background: transparent;
  border: 1px solid white;
  border-radius: 4px;
}
.pc-generic-confirm-alert .dxpc-content .dxeTokenBox.dxeNullText_StarlinkPanelTheme input {
  color: #cfcfcf !important;
}
.pc-generic-confirm-alert .dxpc-content .dxeTokenBox .dxic {
  padding: 0;
}
.pc-generic-confirm-alert .dxpc-content .dxeTokenBox input {
  color: white;
  font-size: 16px;
  border: 0;
  padding: 5px 10px 5px 10px;
  background: transparent;
  border-radius: 0;
}
.pc-generic-confirm-alert .dxpc-content .dxeTokenBox input.dxh0 {
  font-family: OpenSans-Regular;
}
.pc-generic-confirm-alert .dxpc-content .dxeBase_StarlinkPanelTheme.dxeTAR label {
  font-size: 13px;
  color: white;
}
.pc-generic-confirm-alert .dxpc-footer {
  border: 0;
  background-color: #154064;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.pc-generic-confirm-alert .dxpc-footer .form-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 25px 25px 25px;
  gap: 10px;
}
.pc-generic-confirm-alert .dxpc-footer .form-actions.end {
  justify-content: flex-end;
}
.pc-generic-confirm-alert .dxpc-footer .form-actions .btn-ok {
  width: 180px;
  background: #84bd00;
  border: 1px solid white;
  font-weight: 400;
  text-transform: initial;
  width: 120px;
  border-radius: 4px;
}
.pc-generic-confirm-alert .dxpc-footer .form-actions .btn-cancel {
  background: #727e7d;
  border: 1px solid white;
  font-weight: 400;
  text-transform: initial;
  width: 120px;
  border-radius: 4px;
}
.pc-generic-confirm-alert .dxpc-footer .form-actions .dxbButtonSys.dxbDisabled_StarlinkPanelTheme {
  background: #808285;
  background: linear-gradient(180deg, #808285 38%, #a4a6a8 82%, #d1d3d4 93%);
  color: white;
}
/*********************** LOGIN **************************/
#login {
  height: 100vh;
  width: 100%;
  background-image: url('../images/BackgroundLogin.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#login .callback-panel {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
#login form {
  text-align: center;
}
#login .logo {
  max-height: 60px;
  max-width: 400px;
  margin-bottom: 40px;
}
#login .form-login {
  width: 100%;
  max-width: 250px;
  border: 1px solid white;
  background: transparent;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 60%, rgba(0, 0, 0, 0.4) 100%);
  border-radius: 24px;
  padding: 30px 120px;
  float: right;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#login .form-login .title-login {
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  color: white;
  font-size: 42px;
  display: block;
  padding: 5px 8px;
  margin-bottom: 20px;
}
#login .form-login .subtitle-login {
  font-family: OpenSans-Regular;
  color: white;
  font-size: 22px;
  display: block;
  padding: 5px 8px;
  margin-bottom: 40px;
}
#login .form-login .form-inside {
  width: 100%;
  text-align: center;
  max-width: 700px;
}
#login .form-login .inputs-content {
  width: 100%;
}
#login .form-login .input-group {
  margin-bottom: 10px;
  overflow: hidden;
  padding-bottom: 4px;
  position: relative;
}
#login .form-login .input-group .label {
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
  width: 100%;
  color: white;
  text-align: left;
  padding-left: 10px;
}
#login .form-login .input-group .dxeTextBoxSys {
  width: 100%;
  border: 0;
  background: transparent;
  border: 1px solid white;
  border-radius: 4px;
}
#login .form-login .input-group .dxeTextBoxSys.dxeNullText_StarlinkPanelTheme input {
  color: #cfcfcf !important;
}
#login .form-login .input-group .dxeTextBoxSys .dxic {
  padding: 0;
}
#login .form-login .input-group .dxeTextBoxSys input {
  color: white;
  font-size: 16px;
  border: 0;
  padding: 5px 10px 5px 10px;
  background: transparent;
  border-radius: 0;
}
#login .form-login .input-group .dxeTextBoxSys input.dxh0 {
  font-family: OpenSans-Regular;
}
#login .form-login .input-group .btn-show-password {
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#login .form-login .input-group .btn-show-password:hover {
  cursor: pointer;
}
#login .form-login .input-group .remember-check {
  font-family: OpenSans-Regular;
  font-size: 13px;
  color: white;
}
#login .form-login .input-group .remember-check .dxichSys {
  filter: brightness(0) saturate(100%) invert(100%) sepia(39%) saturate(2%) hue-rotate(273deg) brightness(102%) contrast(101%);
}
#login .form-login .form-bottom-options {
  margin-top: 20px;
  width: 100%;
  text-align: left;
}
#login .form-login .form-bottom-options .link-recover-password {
  color: white;
  font-family: OpenSans-Regular;
  cursor: pointer;
  font-size: 13px;
}
#login .form-login .form-bottom-options .link-recover-password:hover {
  font-family: OpenSans-Bold;
}
#login .form-login .btn-send {
  width: 100%;
  margin-top: 20px;
  letter-spacing: 0;
  box-shadow: none;
  border-radius: 4px;
  font-weight: 400;
}
#login .form-login .lbl-token-text {
  color: white;
  font-family: OpenSans-Regular;
  display: block;
  margin-bottom: 20px;
}
#login .form-login .lbl-error2-text {
  color: white;
  font-family: OpenSans-Regular;
  display: block;
  font-size: 18px;
  margin-bottom: 20px;
}
/*********************** DASHBOARD **************************/
#dashboard {
  height: 100%;
  width: 100%;
}
#dashboard .dashboard-content {
  height: 100%;
  width: 100%;
  display: flex;
}
#dashboard .dashboard-content .map-panel {
  flex: 1;
  transition: width 0.3s ease;
  position: relative;
  overflow: hidden;
}
#dashboard .dashboard-content .map-panel.collapsed {
  width: 60px;
  flex: initial;
}
#dashboard .dashboard-content .map-panel.collapsed .btn-collapse-map {
  background-image: url('../images/Elements_Expand.svg');
}
#dashboard .dashboard-content .map-panel .map {
  width: 100%;
  height: 100%;
  min-width: 400px;
}
#dashboard .dashboard-content .map-panel .btn-collapse-map {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  border-radius: 2px;
  background-color: white;
  background-image: url('../images/Elements_Colapse.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}
#dashboard .dashboard-content .info-panel {
  flex: 1;
  background-color: black;
  background-image: url('../images/Elements_imgFondo.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 30px;
  min-width: 1100px;
}
#dashboard .dashboard-content .info-panel .row-totals {
  display: flex;
  gap: 20px;
}
#dashboard .dashboard-content .info-panel .panel-totals {
  flex: 1;
  background: #154064;
  background: linear-gradient(180deg, #59595b 0%, #191919 100%);
  display: flex;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid #154064;
}
#dashboard .dashboard-content .info-panel .panel-totals.alert {
  width: 220px;
  flex: initial;
}
#dashboard .dashboard-content .info-panel .panel-totals.alert .total.active {
  background: #554630;
  background: linear-gradient(0deg, #554630 0%, #1a1a1a 100%);
  border: 2px solid #f9c56b;
  border-radius: 8px;
}
#dashboard .dashboard-content .info-panel .panel-totals.alert .total.active .total-header .label {
  color: #f9c56b;
}
#dashboard .dashboard-content .info-panel .panel-totals.alert .total.active .total-content .total-label {
  color: #f9c56b;
}
#dashboard .dashboard-content .info-panel .panel-totals .total {
  flex: 1;
  border-right: 1px solid #154064;
  cursor: pointer;
}
#dashboard .dashboard-content .info-panel .panel-totals .total.active {
  background: linear-gradient(0deg, #154064 30%, #181818 100%);
}
#dashboard .dashboard-content .info-panel .panel-totals .total.active label {
  color: #939598;
}
#dashboard .dashboard-content .info-panel .panel-totals .total:last-child {
  border: 0;
}
#dashboard .dashboard-content .info-panel .panel-totals .total .total-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 0px 0px;
}
#dashboard .dashboard-content .info-panel .panel-totals .total .total-header .icon {
  height: 16px;
  margin-right: 10px;
}
#dashboard .dashboard-content .info-panel .panel-totals .total .total-header .label {
  color: white;
  font-size: 14px;
}
#dashboard .dashboard-content .info-panel .panel-totals .total .total-content {
  padding: 25px 0px;
  text-align: center;
}
#dashboard .dashboard-content .info-panel .panel-totals .total .total-content .total-label {
  font-size: 18px;
  color: white;
}
#dashboard .dashboard-content .info-panel .panel-grid {
  border: 1px solid #154064;
  border-radius: 8px;
  padding: 20px;
  margin-top: 20px;
  background: rgba(0, 0, 0, 0.6);
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-header .title {
  color: white;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  font-size: 18px;
  text-wrap: nowrap;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-header .filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-header .filters .filter {
  width: 200px;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-header .filters .filter .dxeTextBoxSys {
  border-radius: 24px;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-header .filters .filter .dxeTextBoxSys input {
  font-size: 12px !important;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-header .filters .filter .dxeButtonEditSys {
  border-radius: 24px;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-header .filters .filter .dxeButtonEditSys input {
  font-size: 12px !important;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content {
  margin-top: 20px;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content #tooltip-alert {
  position: fixed;
  background: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s;
  z-index: 100;
  pointer-events: none;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content #tooltip-alert::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content .dxgvDataRow_StarlinkPanelTheme:hover {
  opacity: 0.8;
  cursor: pointer;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content .icon-alert {
  height: 20px;
  width: 20px;
  min-width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  display: none;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content .icon-alert[data-visible="true"] {
  display: block;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content .status {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content .status[data-status="1"] .icon {
  background: #84bd00;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content .status[data-status="1"] span {
  color: #84bd00;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content .status[data-status="2"] .icon {
  background: #e8465a;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content .status[data-status="2"] span {
  color: #e8465a;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content .status[data-status="3"] .icon {
  background: #a7a9ac;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content .status[data-status="3"] span {
  color: #a7a9ac;
}
#dashboard .dashboard-content .info-panel .panel-grid .panel-content .status .icon {
  height: 8px;
  width: 8px;
  border-radius: 100%;
  margin-right: 5px;
}
#dashboard .dashboard-content .device-marker {
  position: relative;
}
#dashboard .dashboard-content .device-marker.opened .tooltip {
  display: block;
}
#dashboard .dashboard-content .device-marker .tooltip {
  display: none;
  position: absolute;
  bottom: 0;
  top: 35px;
  right: 0;
  background: white;
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.5);
  max-width: 250px;
}
#dashboard .dashboard-content .device-marker .tooltip .tooltip-title {
  padding: 6px 15px;
  background: white;
}
#dashboard .dashboard-content .device-marker .tooltip .tooltip-title .device-name {
  text-transform: uppercase;
  font-size: 13px;
  font-family: OpenSans-Bold;
  color: #154064;
  text-wrap: nowrap;
}
/*********************** DASHBOARD 2 **************************/
#dashboard2 {
  height: 100%;
  width: 100%;
  background-color: black;
  background-image: url('../images/Elements_imgFondo.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  overflow: auto;
}
#dashboard2 .dashboard-content {
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 30px;
  /*&::after {
            content: "";
            display: block;
            height: 30px;
            width: 100%;
        }*/
}
#dashboard2 .dashboard-content .dashboard-columns {
  display: grid;
  grid-template-columns: 3fr 2fr;
  align-items: start;
  align-content: start;
  gap: 30px;
}
#dashboard2 .dashboard-content .dashboard-columns .right-column {
  display: grid;
  grid-template-columns: 1fr;
  gap: 15px;
  flex-direction: column;
}
#dashboard2 .dashboard-content .filters-dashboard {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
  margin-bottom: 20px;
}
#dashboard2 .dashboard-content .filters-dashboard .filter {
  width: 400px;
}
#dashboard2 .dashboard-content .filters-dashboard .filter .dxeTextBoxSys {
  border-radius: 24px;
}
#dashboard2 .dashboard-content .filters-dashboard .filter .dxeTextBoxSys input {
  font-size: 12px !important;
}
#dashboard2 .dashboard-content .filters-dashboard .filter .dxeButtonEditSys {
  border-radius: 24px;
}
#dashboard2 .dashboard-content .filters-dashboard .filter .dxeButtonEditSys input {
  font-size: 12px !important;
}
#dashboard2 .dashboard-content .row-totals {
  grid-column: span 2;
  display: flex;
  gap: 20px;
  margin-bottom: 10px;
}
#dashboard2 .dashboard-content .row-totals .show-map-content .btn-show-map {
  width: 130px;
  text-transform: initial;
  letter-spacing: initial;
  background: white;
  border-radius: 4px;
  height: 48px;
}
#dashboard2 .dashboard-content .row-totals .show-map-content .btn-show-map .dxb {
  padding: 10px 10px;
}
#dashboard2 .dashboard-content .row-totals .show-map-content .btn-show-map .dxb .dx-vam {
  color: #154064;
  font-weight: 400;
}
#dashboard2 .dashboard-content .panel-totals {
  flex: 1;
  background: #154064;
  background: linear-gradient(0deg, #154064 30%, #181818 100%);
  display: flex;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid #154064;
}
#dashboard2 .dashboard-content .panel-totals.alert {
  width: 175px;
  flex: initial;
  background: linear-gradient(0deg, #554630 0%, #1a1a1a 100%);
  border: 2px solid #f9c56b;
}
#dashboard2 .dashboard-content .panel-totals.alert .total.active {
  background: #554630;
  background: linear-gradient(180deg, #59595b 0%, #191919 100%);
  border-radius: 8px;
}
#dashboard2 .dashboard-content .panel-totals.alert .total.active .total-header .label {
  color: #f9c56b;
}
#dashboard2 .dashboard-content .panel-totals.alert .total.active .total-content .total-label {
  color: #f9c56b;
}
#dashboard2 .dashboard-content .panel-totals .total {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex: 1;
  border-right: 1px solid #154064;
  cursor: pointer;
  padding: 10px 10px;
}
#dashboard2 .dashboard-content .panel-totals .total:last-child {
  border: 0;
}
#dashboard2 .dashboard-content .panel-totals .total.active {
  background: linear-gradient(180deg, #59595b 0%, #191919 100%);
}
#dashboard2 .dashboard-content .panel-totals .total.active label {
  color: #939598;
}
#dashboard2 .dashboard-content .panel-totals .total .total-header {
  display: flex;
  align-items: center;
  justify-content: center;
}
#dashboard2 .dashboard-content .panel-totals .total .total-header .icon {
  height: 16px;
  margin-right: 10px;
}
#dashboard2 .dashboard-content .panel-totals .total .total-header .label {
  color: white;
  font-size: 12px;
}
#dashboard2 .dashboard-content .panel-totals .total .total-content {
  text-align: center;
}
#dashboard2 .dashboard-content .panel-totals .total .total-content .total-label {
  font-size: 18px;
  color: white;
}
#dashboard2 .dashboard-content .dashboard-card-total {
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 1px solid white;
  padding: 10px 15px;
  gap: 15px;
  background: rgba(0, 0, 0, 0.6);
}
#dashboard2 .dashboard-content .dashboard-card-total .icon {
  height: 20px;
}
#dashboard2 .dashboard-content .dashboard-card-total .label {
  font-size: 13px;
  color: white;
}
#dashboard2 .dashboard-content .dashboard-card-total .total-label {
  font-size: 18px;
  color: white;
  font-family: OpenSans-Bold;
}
#dashboard2 .dashboard-content .dashboard-card {
  border: 1px solid #154064;
  border-radius: 8px;
  padding: 20px;
  background: rgba(0, 0, 0, 0.6);
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .left-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 50px;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .left-content .dashboard-card-title {
  color: white;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  font-size: 18px;
  text-wrap: nowrap;
  display: block;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .left-content .dashboard-card-subtitle {
  color: white;
  font-family: OpenSans-Regular;
  font-size: 12px;
  text-wrap: nowrap;
  font-style: italic;
  display: block;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .left-content .filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .left-content .filters .filter {
  width: 200px;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .left-content .filters .filter .dxeTextBoxSys {
  border-radius: 24px;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .left-content .filters .filter .dxeTextBoxSys input {
  font-size: 12px !important;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .left-content .filters .filter .dxeButtonEditSys {
  border-radius: 24px;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .left-content .filters .filter .dxeButtonEditSys input {
  font-size: 12px !important;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .right-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .right-content .dxbButtonSys {
  background: transparent;
  border: 1px solid white;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .right-content .dxbButtonSys .dxb {
  padding: 4px 13px 4px;
  border: 0;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .right-content .dxbButtonSys .dx-vam {
  text-transform: initial;
  letter-spacing: initial;
  font-weight: initial;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .right-content .dxeButtonEditSys {
  border-radius: 24px;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-header .right-content .dxeButtonEditSys input {
  font-size: 12px !important;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content {
  margin-top: 20px;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content #tooltip-alert {
  position: fixed;
  background: #333;
  color: #fff;
  padding: 6px 10px;
  border-radius: 6px;
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.2s;
  z-index: 100;
  pointer-events: none;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content #tooltip-alert::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 6px;
  border-style: solid;
  border-color: #333 transparent transparent transparent;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content .dxgvDataRow_StarlinkPanelTheme:hover {
  opacity: 0.8;
  cursor: pointer;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content .icon-alert {
  height: 20px;
  width: 20px;
  min-width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  display: none;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content .icon-alert[data-visible="true"] {
  display: block;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content .status {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content .status[data-status="1"] .icon {
  background: #84bd00;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content .status[data-status="1"] span {
  color: #84bd00;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content .status[data-status="2"] .icon {
  background: #e8465a;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content .status[data-status="2"] span {
  color: #e8465a;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content .status[data-status="3"] .icon {
  background: #a7a9ac;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content .status[data-status="3"] span {
  color: #a7a9ac;
}
#dashboard2 .dashboard-content .dashboard-card .dashboard-card-content .status .icon {
  height: 8px;
  width: 8px;
  border-radius: 100%;
  margin-right: 5px;
}
#dashboard2 .map-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: white;
  z-index: 20;
}
#dashboard2 .map-overlay .btn-hide-map {
  width: 130px;
  text-transform: initial;
  letter-spacing: initial;
  background: white;
  border-radius: 4px;
  height: 48px;
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
}
#dashboard2 .map-overlay .btn-hide-map .dxb {
  padding: 10px 10px;
}
#dashboard2 .map-overlay .btn-hide-map .dxb .dx-vam {
  color: #154064;
  font-weight: 400;
}
#dashboard2 .map-overlay .map {
  width: 100%;
  height: 100%;
}
#dashboard2 .map-overlay .device-marker {
  position: relative;
}
#dashboard2 .map-overlay .device-marker.opened .tooltip {
  display: block;
}
#dashboard2 .map-overlay .device-marker .tooltip {
  display: none;
  position: absolute;
  bottom: 0;
  top: 35px;
  right: 0;
  background: white;
  box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.5);
  max-width: 250px;
}
#dashboard2 .map-overlay .device-marker .tooltip .tooltip-title {
  padding: 6px 15px;
  background: white;
}
#dashboard2 .map-overlay .device-marker .tooltip .tooltip-title .device-name {
  text-transform: uppercase;
  font-size: 13px;
  font-family: OpenSans-Bold;
  color: #154064;
  text-wrap: nowrap;
}
/*********************** DEVICE DETAIL **************************/
#deviceDetail {
  height: calc(100% - 80px);
  width: calc(100% - 80px);
  background-color: black;
  background-image: url('../images/Elements_imgFondo.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 40px;
  overflow: auto;
}
#deviceDetail .filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
}
#deviceDetail .filters .filter {
  width: 200px;
}
#deviceDetail .filters .filter .dxeTextBoxSys {
  border-radius: 24px;
}
#deviceDetail .filters .filter .dxeTextBoxSys input {
  font-size: 12px !important;
}
#deviceDetail .filters .filter .dxeButtonEditSys {
  border-radius: 24px;
}
#deviceDetail .filters .filter .dxeButtonEditSys input {
  font-size: 12px !important;
}
#deviceDetail .section {
  margin-bottom: 30px;
}
#deviceDetail .section:last-child {
  margin: 0;
}
#deviceDetail .section.section-ia .accordion-ia {
  width: 100%;
  max-width: 1200px;
}
#deviceDetail .section.section-ia .accordion-ia .accordion-ia-header {
  border: 2px solid white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 30px;
  background-color: rgba(21, 64, 100, 0.5);
  cursor: pointer;
}
#deviceDetail .section.section-ia .accordion-ia .accordion-ia-header img {
  height: 12px;
}
#deviceDetail .section.section-ia .accordion-ia .accordion-ia-header span {
  color: white;
  font-size: 16px;
  font-family: OpenSans-Bold;
}
#deviceDetail .section.section-ia .accordion-ia .accordion-ia-content {
  border: 2px solid white;
  border-top: 0;
  padding: 30px;
}
#deviceDetail .section.section-ia .accordion-ia .accordion-ia-content .ia-line {
  display: flex;
  gap: 80px;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
#deviceDetail .section.section-ia .accordion-ia .accordion-ia-content .ia-line:last-child {
  margin-bottom: 0px;
}
#deviceDetail .section.section-ia .accordion-ia .accordion-ia-content .description-content .title-row {
  display: flex;
  gap: 15px;
  margin-bottom: 10px;
}
#deviceDetail .section.section-ia .accordion-ia .accordion-ia-content .description-content .title-row img {
  height: 20px;
}
#deviceDetail .section.section-ia .accordion-ia .accordion-ia-content .description-content .title-row .title {
  color: white;
  font-size: 16px;
  text-transform: uppercase;
}
#deviceDetail .section.section-ia .accordion-ia .accordion-ia-content .description-content .description {
  color: white;
  font-size: 16px;
  padding-left: 35px;
  display: block;
}
#deviceDetail .section.section-ia .accordion-ia .accordion-ia-content .action-content .dxbButtonSys {
  background: #84bd00;
  border: 1px solid white;
}
#deviceDetail .section.section-ia .accordion-ia .accordion-ia-content .action-content .dxbButtonSys .dxb {
  padding: 4px 13px 4px;
  border: 0;
}
#deviceDetail .section.section-ia .accordion-ia .accordion-ia-content .action-content .dxbButtonSys .dx-vam {
  text-transform: initial;
  letter-spacing: initial;
  font-weight: initial;
}
#deviceDetail .section .section-header {
  display: flex;
  margin-bottom: 15px;
  gap: 50px;
  justify-content: space-between;
}
#deviceDetail .section .section-header.start {
  justify-content: flex-start;
}
#deviceDetail .section .section-header .section-header-left {
  max-width: 450px;
}
#deviceDetail .section .section-header .left-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 50px;
}
#deviceDetail .section .section-header .right-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
#deviceDetail .section .section-header .right-content .dxbButtonSys {
  background: transparent;
  border: 1px solid white;
}
#deviceDetail .section .section-header .right-content .dxbButtonSys .dxb {
  padding: 4px 13px 4px;
  border: 0;
}
#deviceDetail .section .section-header .right-content .dxbButtonSys .dx-vam {
  text-transform: initial;
  letter-spacing: initial;
  font-weight: initial;
}
#deviceDetail .section .section-header .title-section {
  color: white;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  font-size: 18px;
  display: block;
}
#deviceDetail .section .section-header .status {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-top: 5px;
}
#deviceDetail .section .section-header .status[data-status="1"] .icon {
  background: #e8465a;
}
#deviceDetail .section .section-header .status[data-status="1"] .status-name {
  color: #e8465a !important;
}
#deviceDetail .section .section-header .status[data-status="0"] .icon {
  background: #84bd00;
}
#deviceDetail .section .section-header .status[data-status="0"] .status-name {
  color: #84bd00 !important;
}
#deviceDetail .section .section-header .status[data-status="2"] .icon {
  background: #a7a9ac;
}
#deviceDetail .section .section-header .status[data-status="2"] .status-name {
  color: #a7a9ac !important;
}
#deviceDetail .section .section-header .status .icon {
  height: 8px;
  width: 8px;
  border-radius: 100%;
  margin-right: 5px;
}
#deviceDetail .section .section-header .status .status-name {
  font-size: 18px;
  color: white;
}
#deviceDetail .section .section-header .alerts-content {
  display: flex;
  gap: 10px;
  align-items: stretch;
}
#deviceDetail .section .section-header .status-reason {
  border: 2px solid #e8465a;
  padding: 20px;
  border-radius: 8px;
  display: flex;
  gap: 30px;
  max-width: 650px;
}
#deviceDetail .section .section-header .status-reason .icon {
  height: 30px;
}
#deviceDetail .section .section-header .status-reason .status-reason-text {
  font-size: 16px;
  color: white;
}
#deviceDetail .section .section-header .alert {
  border: 2px solid #f9c56b;
  padding: 20px;
  border-radius: 8px;
  display: flex;
  gap: 30px;
  max-width: 650px;
}
#deviceDetail .section .section-header .alert .icon {
  height: 30px;
}
#deviceDetail .section .section-header .alert .message {
  color: white;
  display: block;
}
#deviceDetail .section .section-header .alert .btn-alert-more-details {
  border: 1px solid #f9c56b;
  border-radius: 4px;
  background: transparent;
  margin-top: 10px;
  float: right;
}
#deviceDetail .section .section-header .alert .btn-alert-more-details .dxb {
  padding: 4px 13px 4px;
  border: 0;
}
#deviceDetail .section .section-header .alert .btn-alert-more-details .dx-vam {
  font-weight: initial;
  text-transform: initial;
  color: #f9c56b;
}
#deviceDetail .section .first-row {
  display: flex;
  gap: 30px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#deviceDetail .section .block {
  border: 1px solid #154064;
  border-radius: 8px;
  padding: 40px 20px;
  margin-bottom: 20px;
}
#deviceDetail .section .block:last-child {
  margin: 0;
}
#deviceDetail .section .block.block-padding-2 {
  padding: 15px 20px 5px 20px;
}
#deviceDetail .section .block .block-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}
#deviceDetail .section .block .block-header .left-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 50px;
}
#deviceDetail .section .block .block-header .right-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
#deviceDetail .section .block .block-header .right-content .dxbButtonSys {
  background: transparent;
  border: 1px solid white;
}
#deviceDetail .section .block .block-header .right-content .dxbButtonSys .dxb {
  padding: 4px 13px 4px;
  border: 0;
}
#deviceDetail .section .block .block-header .right-content .dxbButtonSys .dx-vam {
  text-transform: initial;
  letter-spacing: initial;
  font-weight: initial;
}
#deviceDetail .section .block .block-header .block-title {
  color: white;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  font-size: 18px;
  text-wrap: nowrap;
  display: block;
}
#deviceDetail .section .block .block-header .block-subtitle {
  color: white;
  font-size: 14px;
  text-wrap: nowrap;
  display: block;
}
#deviceDetail .section .block .block-content {
  margin-top: 20px;
}
#deviceDetail .section .block .block-content .row {
  display: flex;
  gap: 30px;
}
#deviceDetail .section .block .block-content .totals {
  background: #154064;
  background: linear-gradient(0deg, #154064 30%, #181818 100%);
  display: flex;
  border-radius: 8px;
  flex: 1;
}
#deviceDetail .section .block .block-content .totals .total {
  min-width: 180px;
}
#deviceDetail .section .block .block-content .totals .total .total-header {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 10px 15px 0px 15px;
}
#deviceDetail .section .block .block-content .totals .total .total-header .icon {
  height: 16px;
  margin-right: 10px;
}
#deviceDetail .section .block .block-content .totals .total .total-header .label {
  color: white;
  font-size: 12px;
}
#deviceDetail .section .block .block-content .totals .total .total-content {
  padding: 10px 15px 10px 15px;
}
#deviceDetail .section .block .block-content .totals .total .total-content .total-label {
  font-size: 18px;
  color: white;
  display: block;
}
#deviceDetail .section .block .block-content .legend {
  border: 1px solid #154064;
  border-radius: 8px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#deviceDetail .section .block .block-content .legend .series {
  display: flex;
  align-items: center;
}
#deviceDetail .section .block .block-content .legend .series.color1 .color {
  background: #89C444;
  background: linear-gradient(180deg, #89c444 50%, #13d0da 100%);
}
#deviceDetail .section .block .block-content .legend .series .color {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background: white;
  margin-right: 10px;
}
#deviceDetail .section .block .block-content .legend .series .series-name {
  color: white;
  font-size: 13px;
}
#deviceDetail .section .data-block {
  border: 1px solid #154064;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.5);
}
#deviceDetail .section .data-block .data {
  flex: 1;
  border-bottom: 1px solid #154064;
  padding: 20px 80px 20px 30px;
  position: relative;
}
#deviceDetail .section .data-block .data:last-child {
  border: 0;
}
#deviceDetail .section .data-block .data .data-label {
  color: white;
  font-size: 12px;
  display: block;
  font-family: OpenSans-Bold;
  margin-bottom: 5px;
}
#deviceDetail .section .data-block .data .data-value {
  font-size: 12px;
  color: white;
  display: block;
}
#deviceDetail .section .data-block .data .copy {
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
#deviceDetail .section .chart-content.data-usage {
  margin-top: 50px;
}
#deviceDetail .section .chart-content .brush {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid grey;
  border-radius: 8px;
  height: 70px !important;
  min-height: auto !important;
}
#deviceDetail .section .chart-content .brush .apexcharts-canvas {
  margin-top: -30px;
}
#deviceDetail .chat-ia {
  position: fixed;
  bottom: 20px;
  right: 50px;
  z-index: 8;
  background: black;
  width: 500px;
  border-radius: 4px;
  border: 1px solid white;
  padding: 20px;
}
#deviceDetail .chat-ia .chat-ia-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#deviceDetail .chat-ia .chat-ia-header .chat-ia-header-left img {
  width: 40px;
}
#deviceDetail .chat-ia .chat-ia-header .chat-ia-header-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#deviceDetail .chat-ia .chat-ia-header .chat-ia-header-right .dxbButtonSys {
  width: auto;
  background: transparent;
}
#deviceDetail .chat-ia .chat-ia-header .chat-ia-header-right .dxbButtonSys .dxb {
  padding: 0;
}
#deviceDetail .chat-ia .chat-window {
  height: 550px;
  overflow: auto;
  margin-top: 10px;
}
#deviceDetail .chat-ia .chat-window .message {
  display: block;
  color: white;
  font-size: 13px;
  margin-right: 20px;
  margin-bottom: 20px;
}
#deviceDetail .chat-ia .chat-window .message.message-user {
  background: #1a1a1a;
  padding: 20px 25px;
  border-radius: 18px;
  border-top-right-radius: 0px;
}
#deviceDetail .chat-ia .chat-window .message.message-ia {
  padding: 20px 25px;
}
#deviceDetail .chat-ia .chat-actions {
  border-radius: 8px;
  border: 1px solid white;
  display: flex;
  background: #1a1a1a;
}
#deviceDetail .chat-ia .chat-actions .dxeTextBoxSys {
  border: 0;
}
#deviceDetail .chat-ia .chat-actions .dxeTextBoxSys input {
  font-size: 13px !important;
  padding: 8px 10px 8px 10px !important;
}
/*********************** REPORTS **************************/
#reports {
  height: calc(100% - 80px);
  width: calc(100% - 80px);
  background-color: black;
  background-image: url('../images/Elements_imgFondo.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 40px;
  overflow: auto;
}
#reports .filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
}
#reports .filters .filter {
  width: 200px;
}
#reports .filters .filter .dxeTextBoxSys {
  border-radius: 24px;
}
#reports .filters .filter .dxeTextBoxSys input {
  font-size: 12px !important;
}
#reports .filters .filter .dxeButtonEditSys {
  border-radius: 24px;
}
#reports .filters .filter .dxeButtonEditSys input {
  font-size: 12px !important;
}
#reports .row-sections {
  display: flex;
  gap: 30px;
}
#reports .row-sections .section {
  flex: 1;
}
#reports .section {
  margin-bottom: 30px;
}
#reports .section:last-child {
  margin: 0;
}
#reports .section .section-header {
  display: flex;
  margin-bottom: 15px;
  gap: 50px;
  justify-content: space-between;
}
#reports .section .section-header .left-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 50px;
}
#reports .section .section-header .right-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
#reports .section .section-header .right-content .dxbButtonSys {
  background: transparent;
  border: 1px solid white;
}
#reports .section .section-header .right-content .dxbButtonSys .dxb {
  padding: 4px 13px 4px;
  border: 0;
}
#reports .section .section-header .right-content .dxbButtonSys .dx-vam {
  text-transform: initial;
  letter-spacing: initial;
  font-weight: initial;
}
#reports .section .section-header .title-section {
  color: white;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  font-size: 18px;
  display: block;
  max-width: 320px;
}
#reports .section .section-header .alert {
  border: 2px solid #f9c56b;
  padding: 20px;
  border-radius: 8px;
  display: flex;
  gap: 30px;
  max-width: 650px;
}
#reports .section .section-header .alert .icon {
  height: 30px;
}
#reports .section .section-header .alert .message {
  color: white;
}
#reports .section .first-row {
  display: flex;
  gap: 30px;
  justify-content: flex-start;
  flex-wrap: wrap;
}
#reports .section .block {
  border: 1px solid #154064;
  border-radius: 8px;
  padding: 40px 20px;
  margin-bottom: 20px;
  align-self: self-start;
}
#reports .section .block:last-child {
  margin: 0;
}
#reports .section .block.block-padding-2 {
  padding: 15px 20px 5px 20px;
}
#reports .section .block .block-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 50px;
}
#reports .section .block .block-header .left-content {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 50px;
}
#reports .section .block .block-header .right-content {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
}
#reports .section .block .block-header .right-content .dxbButtonSys {
  background: transparent;
  border: 1px solid white;
}
#reports .section .block .block-header .right-content .dxbButtonSys .dxb {
  padding: 4px 13px 4px;
  border: 0;
}
#reports .section .block .block-header .right-content .dxbButtonSys .dx-vam {
  text-transform: initial;
  letter-spacing: initial;
  font-weight: initial;
}
#reports .section .block .block-header .block-title {
  color: white;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  font-size: 18px;
  text-wrap: nowrap;
  display: block;
}
#reports .section .block .block-header .block-subtitle {
  color: white;
  font-size: 14px;
  text-wrap: nowrap;
  display: block;
}
#reports .section .block .block-content {
  margin-top: 20px;
}
#reports .section .block .block-content .row {
  display: flex;
  gap: 30px;
}
#reports .section .block .block-content .totals {
  background: #154064;
  background: linear-gradient(0deg, #154064 30%, #181818 100%);
  display: flex;
  border-radius: 8px;
  flex: 1;
}
#reports .section .block .block-content .totals .total {
  min-width: 180px;
}
#reports .section .block .block-content .totals .total .total-header {
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 10px 15px 0px 15px;
}
#reports .section .block .block-content .totals .total .total-header .icon {
  height: 16px;
  margin-right: 10px;
}
#reports .section .block .block-content .totals .total .total-header .label {
  color: white;
  font-size: 12px;
}
#reports .section .block .block-content .totals .total .total-content {
  padding: 10px 15px 10px 15px;
}
#reports .section .block .block-content .totals .total .total-content .total-label {
  font-size: 18px;
  color: white;
  display: block;
}
#reports .section .block .block-content .legend {
  border: 1px solid #154064;
  border-radius: 8px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
#reports .section .block .block-content .legend .series {
  display: flex;
  align-items: center;
}
#reports .section .block .block-content .legend .series.color1 .color {
  background: #89C444;
  background: linear-gradient(180deg, #89c444 50%, #13d0da 100%);
}
#reports .section .block .block-content .legend .series .color {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  background: white;
  margin-right: 10px;
}
#reports .section .block .block-content .legend .series .series-name {
  color: white;
  font-size: 13px;
}
#reports .section .data-block {
  border: 1px solid #154064;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0.5);
}
#reports .section .data-block .data {
  flex: 1;
  border-bottom: 1px solid #154064;
  padding: 20px 80px 20px 30px;
  position: relative;
}
#reports .section .data-block .data:last-child {
  border: 0;
}
#reports .section .data-block .data .data-label {
  color: white;
  font-size: 12px;
  display: block;
  font-family: OpenSans-Bold;
  margin-bottom: 5px;
}
#reports .section .data-block .data .data-value {
  font-size: 12px;
  color: white;
  display: block;
}
#reports .section .data-block .data .copy {
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer;
}
#reports .section .chart-content.data-usage {
  margin-top: 50px;
}
#reports .section .chart-content .brush {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid grey;
  border-radius: 8px;
  height: 70px !important;
  min-height: auto !important;
}
#reports .section .chart-content .brush .apexcharts-canvas {
  margin-top: -30px;
}
/*********************** SUPPORT **************************/
#support {
  height: calc(100% - 60px);
  width: calc(100% - 60px);
  background-color: black;
  background-image: url('../images/Elements_imgFondo.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 30px;
}
#support .status {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#support .status[data-status="1"] .icon {
  background: #84bd00;
}
#support .status[data-status="1"] span {
  color: #84bd00;
}
#support .status[data-status="2"] .icon {
  background: #e8465a;
}
#support .status[data-status="2"] span {
  color: #e8465a;
}
#support .status .icon {
  height: 8px;
  width: 8px;
  border-radius: 100%;
  margin-right: 5px;
}
#support .actions {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
#support .actions .dxbButtonSys {
  background: #84bd00;
  border: 1px solid white;
  font-weight: 400;
  text-transform: initial;
  width: 120px;
  border-radius: 4px;
}
#support .actions .dxbButtonSys .dxb {
  padding: 6px 13px 4px;
  border: 1px dotted transparent;
}
/*********************** CASE **************************/
#case {
  height: calc(100% - 60px);
  width: calc(100% - 60px);
  background-color: black;
  background-image: url('../images/Elements_imgFondo.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#case .steps {
  background: #154064;
  background: linear-gradient(0deg, #154064 30%, #181818 100%);
  display: flex;
  border-radius: 8px;
  width: fit-content;
  margin-bottom: 30px;
  display: none;
}
#case .steps .step {
  border-right: 1px solid white;
  padding: 15px;
  cursor: pointer;
}
#case .steps .step:last-child {
  border: 0;
}
#case .steps .step:hover {
  opacity: 0.8;
}
#case .steps .step.active .number,
#case .steps .step.completed .number {
  background: white;
}
#case .steps .step.active .number span,
#case .steps .step.completed .number span {
  color: #154064;
}
#case .steps .step .number {
  border: 1px solid white;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
#case .steps .step .number span {
  color: white;
  font-family: OpenSans-Bold;
  font-size: 13px;
}
#case .steps .step .step-name {
  color: white;
  font-family: OpenSans-Bold;
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
}
#case .steps .step .step-description {
  color: white;
  font-size: 13px;
  display: block;
}
#case .steps-content {
  border: 1px solid #84bd00;
  border-radius: 8px;
  padding: 30px;
  width: 100%;
  max-width: 800px;
}
#case .steps-content .step-content {
  display: none;
  color: white;
}
#case .steps-content .step-content.active {
  display: block;
}
#case .steps-content .step-content .title {
  color: white;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  font-size: 18px;
  text-wrap: nowrap;
  display: block;
  margin-bottom: 20px;
}
#case .steps-content .step-content .column .row-inputs {
  display: flex;
  gap: 20px;
}
#case .steps-content .step-content .column .row-inputs .input {
  flex: 1;
}
#case .steps-content .actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
/*********************** PROFILE **************************/
#profile {
  height: calc(100% - 160px);
  width: calc(100% - 160px);
  background-color: black;
  background-image: url('../images/backgroundlogin.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px;
}
#profile .profile-form {
  border: 2px solid white;
  background: rgba(0, 0, 0, 0.5);
  padding: 30px;
  border-radius: 8px;
}
#profile .profile-form .title {
  color: white;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  font-size: 18px;
  text-wrap: nowrap;
  display: block;
  margin-bottom: 20px;
}
#profile .profile-form .inputs {
  display: flex;
  gap: 50px;
}
#profile .profile-form .inputs .column {
  flex: 1;
}
#profile .profile-form .inputs .column .input {
  margin-bottom: 20px;
}
#profile .profile-form .inputs .column .input .label {
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
  width: 100%;
  color: white;
  text-align: left;
  padding-left: 10px;
}
#profile .profile-form .inputs .column .input .dxeTextBoxSys {
  width: 100%;
  border: 0;
  background: transparent;
  border: 1px solid white;
  border-radius: 4px;
}
#profile .profile-form .inputs .column .input .dxeTextBoxSys.dxeNullText_StarlinkPanelTheme input {
  color: #777777;
}
#profile .profile-form .inputs .column .input .dxeTextBoxSys .dxic {
  padding: 0;
}
#profile .profile-form .inputs .column .input .dxeTextBoxSys input {
  color: white;
  font-size: 16px;
  border: 0;
  padding: 5px 10px 5px 10px;
  background: transparent;
  border-radius: 0;
}
#profile .profile-form .inputs .column .input .dxeTextBoxSys input.dxh0 {
  font-family: OpenSans-Regular;
}
#profile .profile-form .inputs .column .dxeRoot_StarlinkPanelTheme:not(.dxeValidDynEditorTable) ~ .btn-show-password {
  right: 60px;
}
#profile .profile-form .inputs .column .btn-show-password {
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#profile .profile-form .inputs .column .btn-show-password:hover {
  cursor: pointer;
}
#profile .profile-form .actions {
  display: flex;
  justify-content: flex-end;
}
#profile .profile-form .actions .btn-ok {
  width: 180px;
  background: #84bd00;
  border: 1px solid white;
  font-weight: 400;
  text-transform: initial;
  width: 120px;
  border-radius: 4px;
}
/*********************** GLOBAL SETTINGS **************************/
#globalSettings {
  height: calc(100% - 60px);
  width: calc(100% - 60px);
  background-color: black;
  background-image: url('../images/Elements_imgFondo.svg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 30px;
}
#globalSettings .form-content {
  border: 1px solid #84bd00;
  border-radius: 8px;
  padding: 30px;
  width: 100%;
  max-width: 400px;
}
#globalSettings .form-content .title {
  color: white;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  font-size: 18px;
  text-wrap: nowrap;
  display: block;
  margin-bottom: 20px;
}
#globalSettings .form-content .dxeRoot_StarlinkPanelTheme:not(.dxeValidDynEditorTable) ~ .btn-show-password {
  right: 60px;
}
#globalSettings .form-content .btn-show-password {
  height: 20px;
  width: 20px;
  position: absolute;
  bottom: 10px;
  right: 10px;
}
#globalSettings .form-content .btn-show-password:hover {
  cursor: pointer;
}
#globalSettings .form-content .actions {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#globalSettings .grid-content {
  background: rgba(0, 0, 0, 0.6);
  border: 1px solid #154064;
  border-radius: 8px;
  padding: 20px;
  width: fit-content;
}
#globalSettings .grid-content.grid-horizontal {
  width: calc(100% - 40px);
}
#globalSettings .grid-content .grid-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 30px;
  margin-bottom: 20px;
}
#globalSettings .grid-content .grid-header .title-grid {
  color: white;
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  font-size: 18px;
  text-wrap: nowrap;
  display: block;
}
#globalSettings .grid-content .grid-header .filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 30px;
}
#globalSettings .grid-content .grid-header .filters .dxbButtonSys {
  background-color: white;
  box-shadow: none;
  font-weight: 400;
  color: #154064;
  font-size: 12px;
}
#globalSettings .grid-content .grid-header .filters .dxbButtonSys .dxb {
  padding: 6px 50px 4px;
  border: 0;
}
#globalSettings .grid-content .grid-header .filters .filter {
  width: 200px;
}
#globalSettings .grid-content .grid-header .filters .filter.btn {
  width: auto;
}
#globalSettings .grid-content .grid-header .filters .filter.btn .dxbButtonSys {
  background: transparent;
  border: 1px solid white;
}
#globalSettings .grid-content .grid-header .filters .filter.btn .dxbButtonSys .dxb {
  padding: 4px 13px 4px;
  border: 0;
}
#globalSettings .grid-content .grid-header .filters .filter.btn .dxbButtonSys .dxb .dx-vam {
  text-transform: initial;
  letter-spacing: initial;
  font-weight: initial;
}
#globalSettings .grid-content .grid-header .filters .filter .dxeTextBoxSys {
  border-radius: 24px;
}
#globalSettings .grid-content .grid-header .filters .filter .dxeTextBoxSys input {
  font-size: 12px !important;
}
#globalSettings .grid-content .grid-header .filters .filter .dxeButtonEditSys {
  border-radius: 24px;
}
#globalSettings .grid-content .grid-header .filters .filter .dxeButtonEditSys input {
  font-size: 12px !important;
}
/*********************** NOTIFICATIONS **************************/
#notifications {
  height: calc(100% - 160px);
  width: calc(100% - 160px);
  background-color: black;
  background-image: url('../images/backgroundlogin.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 80px;
}
#notifications .notifications-content {
  border: 2px solid white;
  background: rgba(0, 0, 0, 0.5);
  padding: 30px 0px;
  border-radius: 8px;
  max-width: 1200px;
}
#notifications .notifications-content .dxcvTable_StarlinkPanelTheme tr:last-child .notification-card {
  border: 0;
}
#notifications .notifications-content .dxcvCard_StarlinkPanelTheme {
  box-shadow: none;
  padding: 0;
  width: 100%;
  height: auto;
  border-radius: 0;
  background: transparent;
}
#notifications .notifications-content .notification-card {
  display: flex;
  width: calc(100% - 60px);
  padding: 20px 0px;
  margin: 0px 30px;
  border-bottom: 1px solid white;
}
#notifications .notifications-content .notification-card .notification-actions .btn-delete {
  background: transparent;
  width: auto;
}
#notifications .notifications-content .notification-card .notification-actions .btn-delete .dxb {
  padding: 0;
  border: 0;
}
#notifications .notifications-content .notification-card .notification-content {
  flex: 1;
  padding-left: 20px;
}
#notifications .notifications-content .notification-card .notification-content .badge {
  border: 1px solid white;
  background: #84bd00;
  display: inline-block;
  padding: 2px 10px;
  margin-bottom: 10px;
}
#notifications .notifications-content .notification-card .notification-content .badge span {
  color: white;
}
#notifications .notifications-content .notification-card .notification-content .title {
  color: white;
  font-size: 18px;
  font-family: OpenSans-Bold;
  display: block;
  margin-bottom: 5px;
}
#notifications .notifications-content .notification-card .notification-content .description-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
#notifications .notifications-content .notification-card .notification-content .description-row .description {
  display: block;
  color: white;
  font-size: 14px;
}
#notifications .notifications-content .notification-card .notification-content .description-row .date-row {
  display: flex;
  align-items: flex-start;
  padding-left: 60px;
}
#notifications .notifications-content .notification-card .notification-content .description-row .date-row img {
  height: 20px;
  width: 20px;
  margin-right: 10px;
}
#notifications .notifications-content .notification-card .notification-content .description-row .date-row .date {
  font-size: 14px;
  color: white;
  display: block;
}
/*********************** NOTIFICATIONS **************************/
#companies {
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url('../images/backgroundlogin.jpg');
  background-size: cover;
  overflow: auto;
}
#companies .grid-content {
  border: 0;
  border-radius: 0;
  width: calc(100% - 40px);
}
#companies .grid-content .dxbplc {
  vertical-align: top;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme {
  background-color: transparent;
  height: auto;
  padding: 0;
  box-shadow: none;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card {
  border: 2px solid white;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.4);
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid white;
  padding: 10px 25px;
  gap: 30px;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-header .company-name {
  color: white;
  font-family: OpenSans-Bold;
  font-size: 18px;
  overflow: hidden;
  max-width: 100%;
  display: block;
  text-wrap: nowrap;
  text-overflow: ellipsis;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-header .actions {
  display: flex;
  align-items: center;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-header .actions .dxbButtonSys {
  width: auto;
  background: transparent;
  box-shadow: none;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-header .actions .dxbButtonSys .dxb {
  padding: 6px 5px 4px;
  border: 0;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-content .inputs {
  padding: 25px 25px;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-content .inputs .input-block {
  width: 48%;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-content .inputs .input-block .label {
  font-size: 13px;
  display: block;
  margin-bottom: 4px;
  width: 100%;
  color: white;
  text-align: left;
  padding-left: 10px;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-content .inputs .input-block .input {
  border: 1px solid white;
  border-radius: 4px;
  padding: 5px 10px 5px 10px;
  min-height: 22px;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-content .inputs .input-block .input span {
  color: white;
  font-size: 16px;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-content .products {
  width: 100%;
  background-color: rgba(21, 64, 100, 0.7);
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-content .products.open .products-header img {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-content .products.open .products-content {
  display: block;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-content .products .products-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid white;
  padding: 10px 25px;
  gap: 30px;
  cursor: pointer;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-content .products .products-header .title {
  color: white;
  font-family: OpenSans-Bold;
  font-size: 18px;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-content .products .products-header img {
  height: 15px;
  transition: transform 0.3s ease;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-content .products .products-content {
  padding: 10px 25px;
  display: none;
  transition: max-height 0.3s ease;
  overflow: hidden;
}
#companies .grid-content .dxcvBreakpointsCard_StarlinkPanelTheme .company-card .card-content .products .products-content span {
  color: white;
  font-size: 18px;
  display: block;
  margin-bottom: 5px;
}
@font-face {
  font-family: 'elements_dashboardoff';
  src: url('../images/elements_dashboardoff.svg') format('svg');
}
/*********************** INSTALLATION **************************/
#installations .status {
  display: table;
}
#installations .status[data-status="1"] .icon {
  background-image: url('../images/Elements_PendingStatus.svg');
}
#installations .status[data-status="2"] .icon {
  background-image: url('../images/Elements_AprovedStatus.svg');
}
#installations .status[data-status="3"] .icon {
  background-image: url('../images/Elements_RejectedStatus.svg');
}
#installations .status .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
}
#installations .btn-add-note {
  background-color: white;
  box-shadow: none;
  font-weight: 400;
  color: #154064;
  font-size: 12px;
  margin-bottom: 20px;
}
#installations .btn-add-note .dxb {
  padding: 6px 50px 4px;
  border: 0;
}
/*********************** BILLING **************************/
#billing .btn-export-pdf {
  width: auto;
  background: transparent;
  border: 0;
  margin-right: 10px;
}
#billing .btn-export-pdf .dxb {
  padding: 0;
  border: 0;
}
#billing .btn-export-pdf .dxb .dx-vam {
  text-transform: initial;
  letter-spacing: initial;
  font-weight: initial;
  display: none;
}
#billing .btn-export-csv {
  width: auto;
  background: transparent;
  border: 0;
}
#billing .btn-export-csv .dxb {
  padding: 0;
  border: 0;
}
#billing .btn-export-csv .dxb .dx-vam {
  text-transform: initial;
  letter-spacing: initial;
  font-weight: initial;
  display: none;
}
/*********************** ONBOARD **************************/
#onboard {
  height: 100vh;
  width: 100%;
  background-image: url('../images/BackgroundLogin.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
#onboard form {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#onboard .logo {
  max-height: 60px;
  max-width: 400px;
  margin-bottom: 40px;
}
#onboard .form-login {
  width: 100%;
  max-width: 250px;
  border: 1px solid white;
  background: transparent;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 60%, rgba(0, 0, 0, 0.4) 100%);
  border-radius: 24px;
  padding: 30px 120px;
  float: right;
  flex-direction: column;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#onboard .form-login .title-login {
  font-family: OpenSans-Bold;
  text-transform: uppercase;
  color: white;
  font-size: 42px;
  display: block;
  padding: 5px 8px;
  margin-bottom: 20px;
}
#onboard .form-login .subtitle-login {
  font-family: OpenSans-Regular;
  color: white;
  font-size: 22px;
  display: block;
  padding: 5px 8px;
  margin-bottom: 40px;
}
#onboard .form-login .form-inside {
  width: 100%;
  text-align: center;
  max-width: 700px;
}
#onboard .form-login .inputs-content {
  width: 100%;
}
#onboard .form-login .form-bottom-options {
  margin-top: 20px;
  width: 100%;
  text-align: left;
}
#onboard .form-login .form-bottom-options .link-recover-password {
  color: white;
  font-family: OpenSans-Regular;
  cursor: pointer;
  font-size: 13px;
}
#onboard .form-login .form-bottom-options .link-recover-password:hover {
  font-family: OpenSans-Bold;
}
#onboard .form-login .btn-send {
  width: 100%;
  margin-top: 20px;
  letter-spacing: 0;
  box-shadow: none;
  border-radius: 4px;
  font-weight: 400;
}
/*********************** MEDIA QUERIES **************************/
@media (max-width: 1600px) {
  #dashboard .dashboard-content {
    overflow: auto;
    background-color: black;
    flex-direction: column;
  }
  #dashboard .dashboard-content .map-panel {
    width: calc(100% - 62px);
    min-height: 600px;
    margin: 0px 30px 30px 30px;
    border: 1px solid #154064;
    border-radius: 8px;
    overflow: hidden;
  }
  #dashboard .dashboard-content .map-panel.collapsed {
    flex: 1;
    width: auto;
  }
  #dashboard .dashboard-content .map-panel .btn-collapse-map {
    display: none;
  }
  #dashboard .dashboard-content .info-panel {
    min-height: 1000px;
    order: -1;
  }
  #dashboard2 .dashboard-columns {
    grid-template-columns: 1fr !important;
  }
  #dashboard2 .dashboard-columns .right-column {
    grid-template-columns: 1fr 1fr !important;
  }
  #reports .row-sections {
    display: block;
  }
}