.flex-col-container {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex;
  flex-direction: column;
  -webkit-flex: 1 1 auto;
  overflow-y: auto;
  overflow-x: inherit;
  min-height: 0px;
}

.flex-grow-1 {
  flex-grow: 1;
}

.flex-grow-0 {
  flex-grow: 0;
}

.flex-shrink-0 {
  flex-shrink: 0;
}

.page-heading {
  padding: 10px 0;
  flex-grow: 0;
}

  .page-heading h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 5px;
  }

.title-action {
  padding-top: 7px;
}

.wrapper-content {
  padding: 20px 10px 20px;
  flex-grow: 1;
}

/* Toastr custom style */
#toast-container > .toast-warning:before {
  content: "";
}

#toast-container > .toast-error:before {
  content: "";
}

#toast-container > .toast-info:before {
  content: "";
}

#toast-container > .toast-success:before {
  content: "";
}

.toast-content a {
  text-decoration: underline;
}

/* PopUp custom style */
.popUp-body {
  padding-bottom: 50px;
}

.popUp-footer {
  width: 98%;
  height: 50px;
  position: absolute;
  bottom: 0;
}

.popUp-footer-position-left {
  text-align: left;
}

.popUp-footer-position-right {
  text-align: right;
}

.dx-texteditor-input {
  background: transparent;
}

.toast-content .toaster-error-button {
  width: 100%;
  text-decoration: none;
  color: red;
}

.toast-content .toaster-warning-button {
  width: 100%;
  text-decoration: none;
  color: orange;
}

.ibox-title h3 {
  display: inline-block;
  font-size: 18px;
  margin: 0;
  padding: 0;
  text-overflow: ellipsis;
  float: left;
}

.ibox-content-title h3 {
  display: inline-block;
  font-size: 16px;
  margin: 20px 0 0 0;
  padding: 0;
  text-overflow: ellipsis;
  float: left;
}

/* account-403.html */
.account-403-contents-panel {
  background-color: rgb(243, 243, 244);
  margin: 40px;
  height: 250px;
  text-align: center;
  padding-top: 15px;
}

  .account-403-contents-panel a {
    text-decoration: underline;
  }

.account-403-logo {
  padding-top: 10px;
  padding-bottom: 25px;
}

.fa-rotate-45 {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* ng2-dnd*/
.dnd-drag-start {
  border: 2px dashed #000;
}

.dnd-drag-enter {
  opacity: 0.7;
  border: 2px dashed #000;
}

.dnd-drag-over {
  border: 2px dashed #000;
}

.dnd-sortable-drag {
  border: 2px dashed #339933;
}

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