.callout.callout-primary {
    border-left-color: #007bff;
}

.callout.callout-secondary {
    border-left-color: #6c757d;
}

.callout.callout-indigo {
    border-left-color: #6610f2;
}

.callout.callout-pink {
    border-left-color: #e83e8c;
}

.callout.callout-teal {
    border-left-color: #20c997;
}

.indent{
    margin-left: 40px;
}
/* .mgb{
    margin-bottom: 0 !important;
} */
.card-header>strong{
    font-size: 2em;
}

.info-box-content>strong{
    font-size: 2em;
}

.page_title{
    font-size: 3rem !important;
   }
@media (max-width: 640px) {
   .page_title{
    font-size: 2rem !important;
   }
  }

  /* details */

  .page_title h1{
    font-size: 1.2em;
  }

   .tb_contanier{
       /*overflow-x: scroll;*/
   }

  table.info,table.instruction,table.detail{
    border-collapse: collapse;
    width: 100%;
    text-align: start;
    border-spacing: 2px;
    font-variant: normal;
    text-indent: initial;
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    font-size: medium;
    font-style: normal;
    margin-bottom: 10px;
  }


  thead{
    background-color: #F2F2F2;
  }


  table.info td:nth-child(odd) {background-color: #F2F2F2;}
  
  td{
    border:solid windowtext 1.0pt;
    padding:1.45pt 5.75pt 1.45pt 5.75pt;
    margin-top: 1.5pt;
    margin-right: 0in;
    margin-bottom: 1.5pt;
    font-size: 12pt;
    font-family: "Calibri",sans-serif;
    vertical-align: top;
    text-align: left;
  }

  table.instruction td,table.detail td{
    max-width: 380px;
  }
  
  td h1{
    font-size: 13pt;
  }

  td h2{
    
    display: block;
    font-size: 12pt;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
  }

  td span{
    width:100%;
    margin-top: 1.5pt;
    margin-right: 0;
    margin-bottom: 1.5pt;
    margin-left: 0;
    font-size:12pt;
    font-family: "Calibri",sans-serif;
  }

  .udline_red{
      text-decoration: underline;
      color: red;
  }

  .txtred{
      color:red;
  }

  img.fig{
    width: 100%;
    height: auto;
  }

  /* p.indent{
    margin-left: 40px;
  } */