.btn-primary{
            /*color:white!important; */
        }
        .content123{
            padding:2%!important;

        }
        .table-responsive{
            overflow-x: auto;
            max-width: 100%;
        }
        #myTable_wrapper {
            /*margin: 100px 100px 75px 100px;
            padding:5%!important; */

        }
        #example {
            display: none;
            font-size:14px;
        }
        #spinner {
            width: 50px;
            height: 50px;
            border: 5px solid lightgray;
            border-top: 5px solid blue;
            border-radius: 50%;
            animation: spin 1s linear infinite;
            margin: 100px auto;
        }
	@keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        @media screen and (max-width: 600px) {
          table,
          thead,
          tbody,
          th,
          td,
          tr {
            display: block;
            width: 100%;
          }

          thead {
            display: none;
          }

          tr {
                margin-bottom: 1rem;
                border-bottom: 2px solid #ddd;
          }
	td {
            position: relative;
            padding-left: 50%;
            text-align: left;
            border: none;
            border-bottom: 1px solid #eee;
          }

          td::before {
            content: attr(data-label);
            position: absolute;
            left: 0;
            top: 0;
            padding: 8px;
            font-weight: bold;
            white-space: nowrap;
          }
        }

        .ipr-more-div h2 {
            font-size: 2.5rem;
        }