@charset "UTF-8";
.no-gutter {
  padding-right: 0;
  padding-left: 0; }

.left-gutter {
  padding-right: 0; }

.right-gutter {
  padding-left: 0; }

.starter-template {
  padding: 3rem 1.5rem;
  text-align: center; }

body {
  margin: 0;
  font-family: "Roboto", "Helvetica Neue", -apple-system, BlinkMacSystemFont, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 0.825rem;
  font-weight: 400;
  line-height: 1.6;
  color: #707070;
  text-align: left; }

@font-face {
  font-family: 'tpicon';
  src: url("../font/tpicon.eot?mqz6wx");
  src: url("../font/tpicon.eot?mqz6wx#iefix") format("embedded-opentype"), url("../font/tpicon.ttf?mqz6wx") format("truetype"), url("../font/tpicon.woff?mqz6wx") format("woff"), url("../font/tpicon.svg?mqz6wx#tpicon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="tp-icon-"],
[class*=" tp-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'tpicon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.tp-icon-close:before {
  content: ""; }

.tp-icon-facebook:before {
  content: ""; }

.tp-icon-twitter:before {
  content: ""; }

.tp-icon-instagram:before {
  content: ""; }

.tp-icon-expand-more:before {
  content: ""; }

.tp-icon-expand-less:before {
  content: ""; }

.tp-icon-add:before {
  content: ""; }

.tp-icon-translate:before {
  content: ""; }

.tp-icon-add-circle:before {
  content: ""; }

.tp-icon-check-circle:before {
  content: ""; }

.tp-icon-create:before {
  content: ""; }

.tp-icon-delete:before {
  content: ""; }

.tp-icon-chevron-right:before {
  content: ""; }

.tp-icon-chevron-left:before {
  content: ""; }

.tp-icon-star-half:before {
  content: ""; }

.tp-icon-star-empty:before {
  content: ""; }

.tp-icon-star:before {
  content: ""; }

.tp-icon-search:before {
  content: ""; }

.tp-icon-packages:before {
  content: ""; }

.tp-icon-fun-trips:before {
  content: ""; }

.tp-icon-exploremap:before {
  content: ""; }

/*
//examples
.block {
    border: 1px solid #afb4bf;
    @extend %margin-top-1x;
    background-color: #eceff5;
    font-family: American Typewriter;
    background-color: #eceff5;
    text-align: center;
}

.margin-4x {
    @extend %margin-4x;
}

.margin-vertical-4x {
    @extend %margin-vertical-4x;
}

.margin-horizontal-10x {
    @extend %margin-horizontal-10x;
}

.margin-left-3x {
    @extend %margin-left-3x;
}

.margin-left-4x {
    @extend %margin-left-4x;
}

.margin-left-5x {
    @extend %margin-left-5x;
}

.block--top-padding-example {
    @extend %margin-top-7x;
}

.block--right-padding-example {
    text-align: right;
}

.padding-4x {
    @extend %padding-4x;
}

.padding-vertical-4x {
    @extend %padding-vertical-4x;
}

.padding-horizontal-10x {
    @extend %padding-horizontal-10x;
}

.padding-right-3x {
    @extend %padding-right-3x;
}

.padding-right-4x {
    @extend %padding-right-4x;
}

.padding-right-5x {
    @extend %padding-right-5x;
}
*/
p {
  line-height: 1.8; }

.tpz-light {
  font-weight: 300; }

.tpz-medium {
  font-weight: 500; }

.tpz-bold {
  font-weight: 700; }

.tpz-subtitle {
  margin-top: 6px;
  margin-bottom: 0;
  font-weight: 300;
  font-size: 1.125rem; }
  .tpz-subtitle--bold {
    font-weight: 500; }

.tpz-tag-line {
  margin-top: 6px;
  margin-bottom: 0;
  font-weight: 300; }

.tpz-color-prime-green {
  color: #18AE8B; }

.tpz-color-prime-yellow {
  color: #FFB71D; }

.tpz-color-prime-blue {
  color: #283990; }

.tpz-color-prime-red {
  color: #FD4B4B; }

.h-100 {
  height: 100%; }

.w-100 {
  width: 100% !important; }

.spacer {
  height: 30px; }
  .spacer.half {
    height: 15px; }
  .spacer.nav {
    height: 80px; }

.border-b {
  border-bottom: 1px solid #EFEBEB; }

.gutter-left {
  padding-left: 15px;
  padding-right: 0; }

.gutter-right {
  padding-left: 0;
  padding-right: 15px; }

.no-gutter {
  padding-right: 0 !important;
  padding-left: 0 !important; }

.ash-bg {
  background: #EFEFEF; }

.white-bg {
  background: #ffffff; }

.tpz-primary {
  color: #18AE8B; }

.tpz-danger {
  color: #FD4B4B; }

.tpz-warning {
  color: #FFB71D; }

.tpz-success {
  color: #18AE8B; }

.tpz-blue {
  color: #283990; }

.navbar {
  background-color: #38354a;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  height: 46px;
  border-radius: 0; }
  .navbar.fixed-top {
    z-index: 9999; }
  .navbar-light .navbar-nav .nav-link {
    color: #fff; }
    .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:active {
      color: #fff; }
  .navbar-light .navbar-nav.top-nav .active {
    position: relative; }
    .navbar-light .navbar-nav.top-nav .active:after {
      position: absolute;
      display: block;
      content: '';
      width: 8px;
      height: 8px;
      border-radius: 15px;
      background-color: #1E90FF;
      top: 10px;
      left: -5px; }
    .navbar-light .navbar-nav.top-nav .active .nav-link {
      color: #1E90FF; }
      .navbar-light .navbar-nav.top-nav .active .nav-link:hover, .navbar-light .navbar-nav.top-nav .active .nav-link:focus, .navbar-light .navbar-nav.top-nav .active .nav-link:active {
        color: #fff; }
  .navbar-light .navbar-nav .user-account .profile {
    height: 35px;
    width: 35px;
    border-radius: 25px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border: 1px solid #EDF1FF; }
    .navbar-light .navbar-nav .user-account .profile:hover {
      border: 1px solid #EDF1FF; }
    .navbar-light .navbar-nav .user-account .profile.default {
      background-image: url("../assets/common/img/profile-default.png") !important; }
  .navbar-light .navbar-nav .dropdown-toggle::after {
    display: none; }
  .navbar.subnav {
    z-index: 9991;
    height: 29px;
    top: 46px;
    color: #fff;
    background-color: #343144; }
    .navbar.subnav .nav-item:hover {
      color: #fff;
      background-color: #577ae4; }
    .navbar.subnav .nav-item.active {
      color: #fff;
      background-color: royalblue; }
    .navbar.subnav .nav-item .nav-link {
      color: #fff; }
      .navbar.subnav .nav-item .nav-link:hover, .navbar.subnav .nav-item .nav-link:focus, .navbar.subnav .nav-item .nav-link:active {
        color: #fff; }

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #343144;
  border-radius: 0px;
  border-bottom: 2px solid #007bff;
  background-color: transparent; }

/*body*/
/*{*/
/*background-color: #f9f9f9 !important;*/
/*}*/
.tbContainer {
  margin-right: 15px;
  /*position: absolute;
	overflow: hidden;
	padding: 3px;
	left: 32px;
	top: 25%;
	width: 60px;
	border-radius: 15px;
	text-align: center;
    padding-top: 53px;
    background-color: #a2ded0;
    box-shadow: 2px 2px 60px #97a6ae;*/ }

/*.zoomIconContainer
{
	position: absolute;
	overflow: hidden;
	left: 10px;
	bottom: 25%;
	width: auto;
	border-radius: 15px;
	text-align: center;
	background-color: #a2ded0;
	box-shadow: 2px 2px 60px grey;
}
.zoomIconContainer #zoomIn, .zoomIconContainer #zoomOut {
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	background-color: #62e4c6;
}
.zoomIconContainer #zoomLevel {
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: middle;
	display: inline-block;
}*/
.graphContainer {
  position: absolute;
  overflow: hidden;
  left: 15px;
  top: 85px;
  right: 15px;
  bottom: 40px;
  border-radius: 0;
  background-color: #fff;
  /* box-shadow: 2px 2px 60px grey; */
  margin-bottom: 35px;
  border: 1px solid #ccc; }

/*.imgConfig
{
	height: 30px;
}*/
.imgConfig:hover {
  cursor: pointer; }

/*.zoomContainerConfig
{
	float: left;
	margin-left: 5px;
	margin-right: 5px;
}*/
.zoomIconContainer img {
  height: 15px !important; }

/*#zoomLevel div
{
	width: 35px
}*/
.rightPanel {
  z-index: 200;
  display: none;
  position: absolute;
  /*overflow: hidden;*/
  right: 10px;
  top: 105px;
  background-color: #ddd;
  box-shadow: 2px 2px 37px 1px rgba(0, 0, 0, 0.45);
  border-radius: 5px;
  width: 328px;
  opacity: .5;
  transition: opacity .2s ease-in-out; }

.pnl-close {
  position: absolute;
  background-color: #38354a;
  color: #fff;
  border: medium none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  top: -10px;
  right: -10px;
  text-align: center;
  line-height: 25px;
  padding: 0;
  font-size: 17px;
  outline: none !important; }

.customsavebutton{
  width: 280px !important;
}
.pnl-close:hover {
  color: #f95353; }

.info-pnl-head {
  background-color: #38354a;
  padding: 15px;
  border-radius: 5px 5px 0 0; }

.info-pnl-head h3 {
  margin: 0;
  font-size: 16px;
  color: #fff; }

.info-pnl-body {
  max-height: 500px;
  overflow-y: auto;
  padding: 15px; }

.info-pnl:hover,
.info-pnl:focus,
.info-pnl:active {
  opacity: 1; }

.info-pnl-footer {
  padding: 15px;
  border-top: 1px solid #aaa; }

form {
  margin-top: 20px; }

label {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important; }

h3 {
  text-align: center; }

#flowInfo, #stationInfo, #infoPanel {
  display: none; }

::-webkit-scrollbar {
  background-color: transparent;
  width: 7px;  }

::-webkit-scrollbar-thumb {
  background-color: #c1c1c1;
  border-radius: 8px;  }

::-webkit-scrollbar-thumb:hover{
  background-color: #939393; }

.btn-ico i {
  margin-right: 5px; }

.btn-container {
  background-color: #ddd;
  margin-left: -15px;
  margin-right: -15px;
  padding: 15px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  height: 65px; }

.imgConfig {
  width: 20px; }

#zoomLevel .imgConfig {
  width: auto; }

.tbContainer .imgConfig {
  width: 20px; }

th.sortable::after {
  content: "\f0dc";
  font-family: "FontAwesome";
  vertical-align: baseline;
  display: inline-block;
  margin-left: 5px;
  font-size: 12px;
  }

th.sort-asc::after {
  content: "\f0de";
  font-size: 42px;}

th.sort-desc::after {
  content: "\f0dd";
  font-size: 42px;}

th.sortable:first-child::after {
  display: none; }

.table-responsive .ng-table th {
  text-align: left !important; }

.table-responsive .ng-table tr th {
  min-width: 120px !important; }
  .table-responsive .ng-table tr th:first-child {
    min-width: 50px !important; }

.table-responsive .ng-table tr td {
  min-width: 120px !important; }
  .table-responsive .ng-table tr td:first-child {
    min-width: 50px !important; }

.table-responsive .ng-table .bootstrap-datetimepicker-widget tr th {
  min-width: auto !important; }
  .table-responsive .ng-table .bootstrap-datetimepicker-widget tr th:first-child {
    min-width: auto !important; }

.table-responsive .ng-table .bootstrap-datetimepicker-widget tr td {
  min-width: auto !important; }
  .table-responsive .ng-table .bootstrap-datetimepicker-widget tr td:first-child {
    min-width: auto !important; }

/*//////////////////*/
/*//////////////////*/
.balanceTable-responsive .ng-table th {
  text-align: left !important; }

.balanceTable-responsive .ng-table tr th {
  min-width: 72px !important; }
.balanceTable-responsive .ng-table tr th:first-child {
  min-width: 52px !important; }

.balanceTable-responsive .ng-table tr td {
  min-width: 72px !important; }
.balanceTable-responsive .ng-table tr td:first-child {
  min-width: 52px !important; }

.balanceTable-responsive .ng-table .bootstrap-datetimepicker-widget tr th {
  min-width: auto !important; }
.balanceTable-responsive .ng-table .bootstrap-datetimepicker-widget tr th:first-child {
  min-width: auto !important; }

.balanceTable-responsive .ng-table .bootstrap-datetimepicker-widget tr td {
  min-width: auto !important; }
.balanceTable-responsive .ng-table .bootstrap-datetimepicker-widget tr td:first-child {
  min-width: auto !important; }

.balanceTable-responsive.dragscroll {
  box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.02);
  border: 1px solid #F7F7F7;
  min-height: 450px; }
.balanceTable-responsive.dragscroll .table-bordered {
  box-shadow: none;
  border: 1px solid #F7F7F7; }
/*//////////////////*/
/*//////////////////*/

table tr {
  border: 1px solid #F7F7F7; }

.table td {
  vertical-align: middle; }

.table.table-hover tbody tr:hover {
  background: #EDF1FF;
  border-left: 4px solid #526FFF; }

.table-responsive.dragscroll {
  box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.02);
  border: 1px solid #F7F7F7;
  min-height: 450px; }
  .table-responsive.dragscroll .table-bordered {
    box-shadow: none;
    border: 1px solid #F7F7F7; }

.table-bordered {
  box-shadow: 0 6px 11px 0 rgba(0, 0, 0, 0.02);
  border: 1px solid #F7F7F7; }

.table thead th {
  vertical-align: middle;
  background-color: #F7F7F7; }
  .table thead th input[type=text], .table thead th input[type=number] {
    background: #FFFFFF;
    border: 1px solid #C6CBD4;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    line-height: normal;
    margin-bottom: 10px !important;
    margin-left: 0 !important; }
  .table thead th select.form-control {
    height: 30px !important;
    border: 1px solid #C6CBD4;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    line-height: normal;
    margin-bottom: 10px !important;
    margin-left: 0 !important; }
  .table thead th .filterHeader {
    height: 30px; }

.table thead .date input[type=text], .table thead .date input[type=number] {
  background: #FFFFFF;
  border: 1px solid #C6CBD4;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  line-height: normal;
  margin-bottom: 10px !important;
  margin-left: 0 !important; }

.table thead .table tbody tr:hover tr:last-child th {
  border-bottom: 4px solid #aeaeae;
  border-top-width: 0; }
  .table thead .table tbody tr:hover tr:last-child th th {
    border-width: 1px 1px 0 1px;
    border-color: #fff;
    border-style: solid; }

.table tbody tr:nth-child(even) {
  background-color: #F2F3F5; }

.table-bordered thead th {
  border: 1px solid #dee2e6 !important; }

.table-bordered thead tr:first-child th {
  border: 1px solid #dee2e6 !important;
  border-bottom: 0 !important; }

.table-bordered thead tr:nth-child(2) th {
  border: 1px solid #dee2e6 !important;
  border-top: 0 !important; }

.ng-table-pager .ng-table-counts {
  position: absolute;
  right: 30px; }

.ng-table-pager .ng-table-pagination {
  position: absolute;
  left: 30px; }

select.colWidth {
  min-width: 120px !important; }

.toolbar {
  background: #FFFFFF;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #F7F7F7;
  border-radius: 4px;
  padding: 10px;
  margin-bottom: 10px; }

.paddingleft7{
  padding-left: 7px;
}
.form-group label {
  font-size: 14px; }

.casatFooter {
  z-index: 9999;
  padding: 10px 20px;
  background-color: #fff;
  color: #9B9B9B;
  box-shadow: 0 -6px 11px 0 rgba(0, 0, 0, 0.02); }

.modal-backdrop.fade.in {
  z-index: 9999 !important; }

.modal-open .modal {
  z-index: 99999 !important; }

.activateco {
  height: 5px;
  background-color: #f39834;
  border-color: #f39834;
  position: fixed;
  top: 75px;
  left: 0;
  width: 100%;
  z-index: -2; }

.landed-login {
  /*background: url(../assets/common/img//login-bg.jpg) no-repeat !important;*/
  /*background: url(../assets/common/img/casatvid2.gif) no-repeat !important;*/
  background-size: cover !important; }
  .landed-login #body {
    background-color: transparent; }
  .landed-login #footer {
    display: none; }
  .landed-login .login-content {
    display: block;
    margin: 0 auto;
    margin-left: 10%;
    padding: 30px;
    width: 422px;
    margin-top: 12%; }
    .landed-login .login-content .brand {
      font-size: 18px; }
    .landed-login .login-content .title {
      text-align: left;
      font-size: 48px;
      font-weight: 700;
      line-height: 1.4; }

.resetpwpg {
  background: url(../assets/common/img/login-bg.jpg) no-repeat !important;
  background-size: cover !important; }
  .resetpwpg #body {
    background-color: transparent; }
  .resetpwpg #footer {
    display: none; }
  .resetpwpg .single-page-block-inner.resetpw {
    min-height: 448px; }
  .resetpwpg .reset-content {
    display: block;
    margin: 0 auto;
    margin-left: 10%;
    padding: 30px;
    margin-top: 25%; }
    .resetpwpg .reset-content .brand {
      font-size: 18px; }
    .resetpwpg .reset-content .title {
      text-align: left;
      font-size: 33px;
      font-weight: 700;
      line-height: 1.4; }

body.single-page .page-content {
  margin-top: 0;
}

#body, body {
  background-color: #fff; }

.graphContainer {
  top: 175px !important; }

.nav.left-menu {
  position: relative !important; }

.casatFooter {
  position: fixed; }

.activity-msg {
  margin: 0; }

.ng-table-counts {
  right: 0; }

.modal-dialog {
  margin-top: 10%; }

.graphical-layout #body {
  overflow: hidden; }

.modal-backdrop.in {
  opacity: .5 !important; }

.btn {
  border-color: #e6eaf0 !important; }

.colWidth {
  width: 100% !important; }

.inboxTableData{
  vertical-align: 10em !important; }


.inboxRowHighlight:nth-child(odd) {
  background-color: #f1f1f1;
}

.inboxRowHighlight:nth-child(even) {
  background-color: #ffffff;
}

.inboxTableNoPadding{
  padding: 0px !important;
}

.inboxRowPadding{
  padding: 20px !important;
}

.inboxCheckboxAlignment{}

.inboxFilter{
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #dee2e6;
}

.inboxFilter li{
  display:inline-block;
}

.flowDetailsPublishButton{
  margin-left: 10px;
  margin-bottom: 10px;
  padding: 3px;
}

.table-responsive-instructions .ng-table th {
  text-align: left !important; }

.table-responsive-instructions .ng-table tr th:nth-child(2),th:nth-child(3),th:nth-child(4),th:nth-child(5),th:nth-child(6),th:nth-child(7) {
  min-width: 100px !important;
  max-width: 300px !important; }

#table-scrollable tr th:nth-child(2),th:nth-child(3),th:nth-child(4),th:nth-child(5),th:nth-child(6),th:nth-child(7) {
  min-width: 40px !important;
  max-width: 300px !important; }

.table-responsive-instructions .ng-table tr th:first-child {
  min-width: 50px !important; }

.table-responsive-instructions .ng-table tr td:first-child {
  min-width: 50px !important; }

.maxHeight40{
  max-height: 40px;
}
.buttonAdjustment{
  line-height: 5px;
  font-size:12px;
  min-width:40px;

}
.btn-primary:hover {
  -webkit-box-shadow: 0px 50px 0 0px white inset , 0px -50px 0 0px #31708f inset;
  -webkit-transition-duration: 0.6s;
}
.btn-danger:hover {
  box-shadow: 200px 0 0 #B70505 inset !important;
  -webkit-transition-duration: 0.6s;
  -webkit-transition-timing-function: linear;
}
.btn-success:hover {
  box-shadow: 0 200px 0 #146412 inset !important;
  -webkit-transition-duration: 1s;
  -webkit-transition-timing-function:linear;
}


.btn-danger > i {
  color: white !important;
}

/* welcome News Popup box BEGIN */
.hover_background_news{
  background:rgba(211, 238, 255, 0.6);
  cursor:pointer;
  /*display: none;*/
  max-height:90%;
  position:fixed;
  text-align:center;
  width:30%;
  border-radius:5px;
  z-index: 10000;
}
.hover_background_news > div {
  background-color: transparent;
  height: 100%;
  vertical-align: middle;
  width: 100%;
  position: relative;
  border-radius: 50px;
  padding: 15px;
}
.trigger_popup_news {
  cursor: pointer;
  font-size: 20px;
  margin: 10px;
  display: inline-block;
  font-weight: bold;
}
ul.timeline {
  list-style-type: none;
  position: relative;
}
ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 19px;
  width: 2px;
  height: 100%;
  z-index: 400;
}
ul.timeline > li {
  color: black;
  margin: 10px 0;
  padding-left: 10px;
  padding-right: 10px;
}
ul.timeline > li:before {
  content: ' ';
  background: white;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  border: 4px solid #22c0e8;
  left: 10px;
  width: 20px;
  height: 20px;
  z-index: 400;
}
.news-title{
  display: inline-flex;
  color: #22c0e8;
  font-size: medium;
}
.scroller {
  top:10%;
  overflow: auto;
  height: 100%;
}
#scroller1::-webkit-scrollbar {
  width: 0px !important;
}
.card-title-style,.card-header-style:hover{
  color: #0000DD;
}
.welcome-page{
  background:rgba(0,0,0,.6);
  margin-top:0 !important;
}
.news-header{
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  color:  #22c0e8;
  z-index: 1000;
  background:white;
  padding: 8px;
  border-radius:5px 5px 20px 20px;
  box-shadow:0px 5px rgba(182, 218, 255, 0.3);
}
.notification {
  position: relative;
}
.notification .badge {
  position: absolute;
  top: -15px;
  right: -15px;
  padding: 5px 10px;
  border-radius: 50%;
  background-color: red;
  color: white;
}
.dropdown:hover .dropdown-menu{
  display:block;
}
.dropdown-menu .dropdown-item:hover{
background-color: rgba(179, 216, 230, 0.55);
}


/*.news-footer{*/
  /*position: fixed;*/
  /*bottom: -10px;*/
  /*background: rgba(255, 255, 255, 0.8);*/
  /*z-index: 1000;*/
  /*width:50%;*/
  /*height: 14px;*/
/*}*/
/* Popup box BEGIN */

.sticky-table {
  max-width: 100%;
  max-height: 80vh;
  overflow: hidden;
  padding: 0 !important;
  transition: width 2s;
  }
.sticky-table, .sticky-table * {
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
  -o-transition: all 0s;
  transition: all 0s;
}

.sticky-table table {
  margin-bottom: 0;
  width: 100%;
  max-width: 100%;
  border-spacing: 0;
  padding: 0 !important;
  border-collapse: collapse;
  display: block;
  max-height:60vh;
}

.sticky-table table tr.sticky-header {
  border-top: white;
}

.sticky-table table tr.sticky-header th, .sticky-table table tr.sticky-header td,
.sticky-table table tr.sticky-footer th, .sticky-table table tr.sticky-footer td,.sticky-table table tr.sticky-second-row th
{
  position: relative;
  position: -webkit-sticky;
  /*position: -ms-sticky;*/
  position: sticky;
  z-index: 5;
}
.sticky-table table tr.sticky-header th, .sticky-table table tr.sticky-header td {
  top: 0;
}

.sticky-table table tr.sticky-footer th, .sticky-table table tr.sticky-footer td {
  bottom: 0;
}

.sticky-table table td.sticky-cell, .sticky-table table th.sticky-cell,
.sticky-table table td.sticky-cell-opposite, .sticky-table table th.sticky-cell-opposite {
  position: relative;
  position: -webkit-sticky;
  /*position: -ms-sticky;*/
  position: sticky;
  z-index: 10;
}
.sticky-table.sticky-ltr-cells table td.sticky-cell, .sticky-table.sticky-ltr-cells table th.sticky-cell,
.sticky-table.sticky-rtl-cells table td.sticky-cell-opposite, .sticky-table.sticky-rtl-cells table th.sticky-cell-opposite {
  left: 0
}
.sticky-table.sticky-rtl-cells table td.sticky-cell, .sticky-table.sticky-rtl-cells table th.sticky-cell,
.sticky-table.sticky-ltr-cells table td.sticky-cell-opposite, .sticky-table.sticky-ltr-cells table th.sticky-cell-opposite {
  right: 0
}

.sticky-table table tr.sticky-header td.sticky-cell, .sticky-table table tr.sticky-header th.sticky-cell,
.sticky-table table tr.sticky-header td.sticky-cell-opposite, .sticky-table table tr.sticky-header th.sticky-cell-opposite,
.sticky-table table tr.sticky-footer td.sticky-cell, .sticky-table table tr.sticky-footer th.sticky-cell,
.sticky-table table tr.sticky-footer td.sticky-cell-opposite, .sticky-table table tr.sticky-footer th.sticky-cell-opposite {
  z-index: 15;
}

.disable {
  cursor: not-allowed;
}
.activity-table-directive{
  min-height: 0px !important;
}

.balance-top-toggle-button{
  display: inherit;
  border: 1px solid #dcd8d8;
  padding: 6px 15px 2px 15px;
  border-radius: 4px;
}
.balance-top-toggle-button label{
  font-size: 14px;
  margin-top: 2px;
}