.font-12 { font-size: 12px;}
.font-13 { font-size: 13px;}
.font-14 { font-size: 14px;}

.icon-data-list {
    list-style-type: none;
    padding-left: 0;
    position: relative;
    margin-bottom: 0;
    font-family: "Nunito", sans-serif;
}
.icon-data-list.custom,
.icon-data-list.custom li {
  margin-bottom:0px;
}
.icon-data-list.custom li {
  line-height: 1.1;
}
.text-right{
  text-align: right;
}
.pull-right {
  float: right;
}

@media (max-width: 576px) {
  .pcustom { padding: 0px 0px !important; }
  .pcustomx { padding: 8px 10px 8px !important; }
  .hidden-disp {
    display: none!important;}
  .tablex table {
    width: 100%;}
  .tablex thead th.column-primary {
    width: 100%;
    /*border-top-right-radius: 10px;
    border-top-left-radius: 10px;*/
    border: none;}
  .tablex thead th:not(.column-primary) {
    display:none;}
  th[scope="row"] {
    vertical-align: top;
    text-align: center;}
  .tablex td.undisp {
    display:none !important;}
  .tablex td.noborder{
    border: none;}
  .disp-wide, .unproc {
    display:none !important;}
  .disp-less, .unprocx {
    display:block !important;}
  .cust-header{
    padding: 5px 10px !important;
    font-size: 13px;
    background-color: #0893D8 !important;
    color: #fffff;}
  .tablex td {
    display: block;
    width: auto;
    background-color: #e6e6e6;
    font-size: 13px !important;}
  .tablex thead th::before {
    content: attr(data-header);}
  .tablex thead th span {
    display: none;}
  .tablex td::before {
    display: block;
    white-space: pre;
    float: left;
    content: attr(data-header);}
  .inline-table {
    background-color: #FFFFFF !important;}
  .inline-table td {
    display: table-cell;
    border-bottom: 1px solid #EBEBEB;
    background-color: #FFFFFF;
    padding: 2px 10px;}
  .inline-table td.lnob{
    border-left: none !important;}
  .inline-table td.rnob{
    border-right: none !important;}
  .inline-table td.tnob{
    border-top: none !important;}
  .inline-table td.bnob{
    border-bottom: none !important;}
  .inline-table td.xnob{
    border: none !important;}
}

@media (min-width: 576px) {
  .pcustom {
    padding: 10px 10px !important;
    margin-bottom: 0px;
  }
  .hidden-exp {
    display: none !important;}
  .tablex td {
    font-size: 12px !important;}
  .tablet td {
    padding: 2px 8px !important;}
  .rpad5{
    padding-right:5px !important;}
  .rleft5{
    padding-left:5px !important;}
  .dflex14{
    flex: 0 0 14% !important;}
}