body {
            font-family: 'Poppins', sans-serif;
        }

    .logoimg {
        width: 100%;
    }

    .col-md-2.image {

        display: flex;
        align-items: center;
    }

    .input {
        border: 0;
        width: 86% !important;
    }

    .input:focus {
        outline: 0;
    }
#inputsearchsiteId{
    text-align: center;
    border-radius: 19px;
    padding: 7px 20px;
    border-color: #009edb;
    font-size: 14px;
}
#inputsearchsiteId:focus{
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 158, 219, 0.52);
}
   .btn-outline-primary {
    background: #04a0dc;
    border-radius: 50px;
    color: #fff;
    padding: 6px 20px;
    border-color: #04a0dc;
}
.btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover {
    background-color: #222222!important;
    border-color: #222222!important;
    box-shadow: 1px 1px 5px #020202!important;
}

    .btn {
        font-size: 0.7rem;
        border-radius: 2.25rem;
    padding: 10px 20px;
    }

    .position-sticky {
        top: 0;
        background: #fff;
        z-index: 10;
    }

    .table td,
    .table th {
        vertical-align: middle !important;
        font-size: 13px;
    }
 .table th {
         top: 98px;
     height: 56px;
         z-index: 15;
     position: sticky;
    background: white;
     border: 0;
    }
th:after,
th:before {
  content: '';
  position: absolute;
  left: 0;
  width: 100%;
}
th:before {
  top: 0;
 border-top: 1px solid #dee2e6;
}
th:after {
  bottom: 0;
 border-top: 1px solid #dee2e6;
}
.table thead th {
    border-bottom: 0;
}
.pt-2.bg-white .row{
    height: 90px;
}

    .imagebtn {
        border-color: #17a2b8;
        /*        border: 1px solid rgba(0, 0, 0, 0.01);*/
/*        box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15), -6px -6px 10px -1px rgba(255, 255, 255, 0.7);*/
/*        background: #e3edf7;*/
        transition: transform 0.5s;

    }

    .imagebtn:hover {
        /*         box-shadow: inset 4px 4px 6px -1px rgba(0, 0, 0, 0.2), inset -4px -4px 6px -1px rgba(255, 255, 255, 0.7), -0.5px -0.5px 0px rgba(255, 255, 255, 1), 0.5px 0.5px 0px rgba(0, 0, 0, 0.15), 0px 12px 10px -10px rgba(0, 0, 0, 0.05); */
        /*        border: 1px solid rgba(0, 0, 0, 0.01);*/
        /*        box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15), -6px -6px 10px -1px rgba(255, 255, 255, 0.7);*/
        transform: translateY(2px);
        border-color: #17a2b8;
        background: #fff;
         box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15), -6px -6px 10px -1px rgba(255, 255, 255, 0.7);

    }

    .imagebtn:hover span {
        color: #17a2b8;
        transform: scale(0.90);
    }

    .excelbtn:hover span {
        color: #28a745;
        transform: scale(0.90);
    }


    .excelbtn {
        border-color: #28a745;
        transition: transform 0.5s;
    }

    .excelbtn:hover {
        transform: translateY(2px);
        border-color: #28a745;
        background: #fff;
         box-shadow: 6px 6px 10px -1px rgba(0, 0, 0, 0.15), -6px -6px 10px -1px rgba(255, 255, 255, 0.7);
    }
.tableParent{
/*    background: aliceblue;*/
}
.tlva table{
/*    text-align: center;*/
}


    /*    media query*/

    @media screen and (max-width: 990px) {
        .searchicon {
            margin-right: 0px;
            margin-left: 14px !important;
        }

        .input-grop.W-50 {
            width: 77% !important;
        }
    }

    @media screen and (max-width: 767px) {
        .logoimg {
            width: 25%;
            margin: auto;
        }

    }