.io-header {
                background: #dadada;
                background-image: -webkit-linear-gradient(top, #f0f0f0, #c8c8c8);
                background-image: -moz-linear-gradient(top, #f0f0f0, #c8c8c8);
                background-image: -ms-linear-gradient(top, #f0f0f0, #c8c8c8);
                background-image: -o-linear-gradient(top, #f0f0f0, #c8c8c8);
                background-image: linear-gradient(to bottom, #f0f0f0, #c8c8c8);
                border-bottom: none;
               
        }

        .input-output {
                padding: 0px;
                border-right: 1px solid;
                height:100%;
                
        }

        .output-update{
                float:right;
                cursor: pointer;
        }
        .table-border{
                border:none;
                overflow-y:auto;
                overflow-x:hidden;
                padding-top: 0px;
                font-size: 12px;
                border-bottom: 1px solid;
                height:calc(100% - 74.61px);
        }
        .table-th-IO{
               padding-bottom: 0px !important;
        }
        .pagination-align{
               margin-top:8px;
               margin-left:22px;
        }
        .margintop{
                margin-right:17px;
                float: right; 
                border-bottom: 1px solid transparent;
                margin-top:12px
        }
        .panel-border{
                border:none;
                margin-bottom: 0px;
                height:calc(100% - 74.61px);
        }

        .header-image img
        {
            padding-left:10px;
        }

        .header-title p{
            font-size: 20px;
        }

        /* padding left and right is for search and reset icons */
       .io-search-box input {
            border:1px solid gray;
            padding-left:31px;
            color:black;
            font-family: arial,sans-serif;
            font-size: 12px;
            border-radius: 15px;
            height: 28px;
            }
      .io-search-box:focus{
           border:none !important
            }
        
     /* Remove IE10's “clear field” X button */
     .io-search-box input::-ms-clear {
         display: none;
         }

     /* left side icon style (search icon) */
     .io-search-box .left-icon {
         position:absolute;
         left:25px;
         top:11px;
         }
     .io-search-box .hide-clear {
         display: none;
         }
    .io-search-box .show-clear {
        display: block;
        }
    .io-search-box{
        padding-top:4px;
        }

    /* right side icon style (search icon) */
     .io-search-box .io-right-icon {
         position:absolute;
         right:23px;
         top:10px;
         cursor:pointer;
         }
     .io-clear-search {
         background-image: url(../../images/clear_search_small.png);
          background-repeat: no-repeat;
          padding: 2% 0% 2% 8%;
          height: 15px;
        }
        .io-pagination{
            display:block;
        }