.contact-form{
        width: 100%;
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
        justify-content: space-between;
      }
      .contact-form > input {
        flex: 1;
        margin: 0px 5px 5px 5px;
      }

      #tbody1 tr:first-child{
        border-left: 3px solid #2962FF !important;
      }
      #tbody1 tr td:nth-child(3) button{
        width: 67.5px;
        text-align: center;
      }
      /* -------- */
      /* #tbody1 tr td.action i{
        border: 1px solid rgba(243, 243, 243, 0.867) !important;
      } */

      table.dataTable thead th{
        border-bottom: 0px solid white !important;
      }
      #table-menu thead{
        background: #1582b4 !important;
        color: white;
      }
      .container_tab table thead tr{
        line-height: 25px;
      }
      #table-menu_filter input{
        min-width: 200px;
      }
      #table-menu_filter input:focus{
        min-width: 250px;
      }
      #table-menu_filter input::placeholder{
        font-size: 14px;
      }
      
      .dt-buttons.btn-group.flex-wrap {
        margin-bottom: -35px;
    } 

    .dt-buttons.btn-group.flex-wrap:hover {
      box-shadow: 0 0 5px rgba(245, 245, 245, 0.867);
  } 

      button.btn.btn-secondary.buttons-copy.buttons-html5.border.shadow-sm.mt-2 {
        background: rgb(235, 235, 243);
        box-shadow: 0 0 5px #dddd;
        color: black;
        width: 100px;
        text-align: left;
        border: none !important;
    }
      button.buttons-copy{
        margin: 0 !important;
        height: 100% !important;
        border: 1px solid #ccc!important;
        background: #f3f5fa !important; 
      }
      button.buttons-copy:hover{
        background: #eff0f3 !important;
      }
      button.buttons-copy:focus{
        background: #e6e8ec !important;
      }
      .dt-btn-split-wrapper{
        height: 35px !important;
        border: none !important;
      }
      button.dt-btn-split-drop{
        height: 100% !important;
        background: rgb(248, 248, 255) !important;
        border: none !important;
        color: black !important;
        box-shadow: 0 0 5px rgba(180, 182, 189, 0.867) !important;
        margin-left: -30px !important;
        z-index: 99;
        position: absolute;
        transform: scale(1.04);
      }


      div.dt-button-collection > div.dropdown-menu{
        background: white;
        width: 100px;
        padding: 0 !important;
        margin: 0 !important;
        box-shadow: 0 0 10px #dddd;
      }

      div.dt-button-collection > div.dropdown-menu > a{
        background: white;
        border: none !important;
        margin: 0 !important;
        box-shadow: none !important;
        color: black;
      }
      div.dt-button-collection > div.dropdown-menu > a:first-child{
        margin-top: 7px !important;
      }
      div.dt-button-collection > div.dropdown-menu > a:nth-child(2){
        border-bottom: 1px solid #ccc !important;
        margin: 0px 0 5px 0 !important;
      }
      div.dt-button-collection > div.dropdown-menu > a:last-child{
        margin: 5px 0 5px 0 !important;
      }
      div.dt-button-collection > div.dropdown-menu > a:hover{
        background: rgb(235, 239, 241);
      }
      div.dt-button-collection > div.dropdown-menu > a:focus{
        background: #2962FF;
        color: white;
      }


      div.dataTables_wrapper div.dataTables_paginate ul.pagination li a:focus{
        box-shadow: none;
      }
      div.dataTables_wrapper div.dataTables_filter input:focus{
        border: 1px solid rgba(74, 144, 247, 0.8);
        box-shadow: none;
      }


      .alert-del{
        display: none;
        }
        .alert-del button.btn-close{
          width: 70px;
          height: 70px;
          padding: 0px !important;
          vertical-align: middle !important;
        }

          ul.dt-button-collection{
            background-color: #e5e5e5;
            border: 1px solid #c0c0c0;
          }
          li.dt-button a:hover{
            background-color: transparent;
            color: #115094;
            font-weight: bold;
          }
          li.dt-button.active a,
          li.dt-button.active a:hover,
          li.dt-button.active a:focus{
            color: #337ab6;
            background-color: transparent;
            font-weight: bold;
          };


          /* dashboard representating total value */
          div.loanData_total_wrapper,
          div.cashflow_total_wrapper{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: center;
          }
          div.loanData_total_wrapper,
          div.cashflow_total_wrapper{
            display: flex;
            align-items: center;
            position: relative;
          }
            div.loanData_total_wrapper > div,
            div.cashflow_total_wrapper > div{
              height: 60px;
              flex: 1;
              margin: 10px;
              display: flex;
              align-items: center;
              position: relative;
            }
            div.loanData_total_wrapper > div > span:first-of-type{
              position: absolute;
              margin: 25px 0 0 81.5px;
              opacity: 0.65;
            }
            div.loanData_total_wrapper > div > a:first-of-type{
              margin-top: -20px;
              font-size: 22px;
            }
          div.loanData_total_wrapper span.badge,         
          div.cashflow_total_wrapper span.badge{
            position: absolute;
            right: 20px;
          }
          div.cashflow_total_wrapper .bg-success{
            background:#14dd1b !important;
          }
          div.loanData_total_wrapper div button,
          div.cashflow_total_wrapper div button{
            width: 60px;
            height: 100%;
            pointer-events: none;
          }
          div.loanData_total_wrapper div button i,
          div.cashflow_total_wrapper div button i{
            font-size: 20px;
            color: white;
          }
          div.loanData_total_wrapper div a,
          div.cashflow_total_wrapper div a{
            color: green;
            text-decoration: none;
          }
          
          table.dataTable{
            border-collapse: none !important;
          }