/*!
 *
 */
 .md-18 { font-size: 18px; }
 .md-20 { font-size: 20px; }
 .md-22 { font-size: 22px; }
 .md-24 { font-size: 24px; }
 .md-36 { font-size: 36px; }
 .md-48 { font-size: 48px; }

 /* Rules for using icons as black on a light background. */
 .md-dark { color: rgba(0, 0, 0, 0.54); }
 .md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

 /* Rules for using icons as white on a dark background. */
 .md-light { color: rgba(255, 255, 255, 1); }
 .md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

text-overflow {
   max-width: 100px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 .cell {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 100px;
}

.cell-overflow {
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.fa-trash-o {
  color: #f96a74;
}

.combo-arrow {
  top: 7px !important;
  height: 80% !important;
}
.combo-focus { box-shadow: none; }
.combo-select { border: none !important; border-bottom: 1.1px solid #ccc !important;
  width: 100% !important;
   max-width: 100% !important; margin-bottom: 0 !important; }
.combo-input { padding: 10px 0 !important; }
.combo-arrow { background-color: #E0ECFF !important; background-image: none !important; border-radius: 0 5px 0 0 !important; }
.combo-open .combo-arrow:before { border-bottom-color: #8209de; }
.combo-arrow:before { border-top-color: #8209de; }
.combo-arrow { top: 7px !important; height: 80% !important; }
.table-colored-bordered.table-bordered-active-light {
  border: 2px solid rgba(0,0,0,.075);
}
.table-colored-bordered.table-bordered-active-light thead th {
  background-color: rgba(0,0,0,.075);
  color: #000000;
}
.table-colored-bordered.table-bordered-success-light {
  border: 2px solid #c3e6cb;
}
.table-colored-bordered.table-bordered-success-light thead th {
  background-color: #c3e6cb;
  color: #000000;
}
.table-colored-bordered.table-bordered-info-light {
  border: 2px solid #bee5eb;
}
.table-colored-bordered.table-bordered-info-light thead th {
  background-color: #bee5eb;
  color: #000000;
}
.table-colored-bordered.table-bordered-warning-light {
  border: 2px solid #ffeeba;
}
.table-colored-bordered.table-bordered-warning-light thead th {
  background-color: #ffeeba;
  color: #000000;
}

textarea[type="hidden"] {
    display:none;
}

.modal-lg {
   max-width: 1100px !important;
}

.p-bot-10 {
  padding-bottom: 10px;
}

.padding-col {
  padding-left: 6px;
  padding-right: 28px;
}

.padding-top-10 {
  padding-top: 10px;
}

textarea.min-60{
  min-height: 30px;
}

.jquery-loading-modal__bg{
  background-color: #999 !important;
}
.jquery-loading-modal__text{
  -webkit-animation: color-change 20s infinite;
  -moz-animation: color-change 20s infinite;
  -o-animation: color-change 20s infinite;
  -ms-animation: color-change 20s infinite;
  animation: color-change 20s infinite;
}

@-webkit-keyframes color-change {
  0%,40%,60%{color:#00f}10%{color:#8e44ad}20%{color:#1abc9c}30%{color:#d35400}50%{color:#34495e}70%,90%{color:#2980b9}80%{color:#f1c40f}100%{color:pink}
}
@-moz-keyframes color-change {
  0%,40%,60%{color:#00f}10%{color:#8e44ad}20%{color:#1abc9c}30%{color:#d35400}50%{color:#34495e}70%,90%{color:#2980b9}80%{color:#f1c40f}100%{color:pink}
}
@-ms-keyframes color-change {
  0%,40%,60%{color:#00f}10%{color:#8e44ad}20%{color:#1abc9c}30%{color:#d35400}50%{color:#34495e}70%,90%{color:#2980b9}80%{color:#f1c40f}100%{color:pink}
}
@-o-keyframes color-change {
  0%,40%,60%{color:#00f}10%{color:#8e44ad}20%{color:#1abc9c}30%{color:#d35400}50%{color:#34495e}70%,90%{color:#2980b9}80%{color:#f1c40f}100%{color:pink}
}
@keyframes color-change {
  0%,40%,60%{color:#00f}10%{color:#8e44ad}20%{color:#1abc9c}30%{color:#d35400}50%{color:#34495e}70%,90%{color:#2980b9}80%{color:#f1c40f}100%{color:pink}
}

.modal-dialog-centered {
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
  @media(max-width: 768px) {
    min-height: calc(100vh - 20px);
  }
}

.display-none{
  display: none !important;
}

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

.max1000{
  max-width: 1000px;
}

.p-bot-6 {
  padding-bottom: 6px;
}

.modal-header{
  background-color: #f1f1f1;
  border-bottom: 2px solid #f1f1f1;
}

.modal-footer{
  background-color: #f1f1f1;
  border-top: 2px solid #f1f1f1;
}

.enlarged{
  min-height: 100% !important;
}

.table0 p{
  margin-bottom: 0 !important;
}

.table0 td{
  height: 35px;
}


.requiredCtrlAfter:after {
  content: "*" !important;
  color: red;
  float: right;
  font-weight: bold;
  font-style: italic;
  padding-left: 5px;
}