.gstact .gstact-main-navbar {

    background-color: #f0f0f0;

}

.gstact .gstact-main-navbar .nav-tabs .nav-link {

    margin-bottom: -2px;

    margin-top: 3px;

}

.gstact .gstact-main-navbar .nav-tabs .nav-link:focus,

.gstact .gstact-main-navbar .nav-tabs .nav-link.active {

    outline: none;

}

.gstact .gstact-main-navbar .nav-tabs .nav-link.active {

    border-top: 3px solid #f5b11d;

}



.gstact .gstact-filter {

    margin-top: 20px;

    margin-bottom: 30px;

}

.gstact .gstact-filter .input-group-text {

    background-color: #5d5e40;

    border-color: #5d5e40;

    color: #f0f0f0;

    line-height: 1;

    font-weight: 600;

}

.gstact .gstact-filter .custom-select,

.gstact .gstact-filter .form-control {

    height: 41px;

}



.gstact .gstact-filter select.form-control option:hover {

    background: #5d5e40;

}



.gstact .gstact-filter .input-group-append .btn-warning {

    background-color: #5d5e40;

    border-color: #5d5e40;

    padding: 0px 15px;

}

.gstact .gstact-filter .input-group-append .btn-warning:focus {

    color: #f0f0f0;

}



.gstact .gstact-filter .btn-group .btn-secondary {

    font-size: 1rem;

    font-weight: bold;

    background-color: #5d5e40;

    border-color: #5d5e40;

    color: #f0f0f0;

}

.gstact .gstact-filter .btn-group .btn-secondary:hover {

    background-color: #343a40;

    border-color: #343a40;

}

.gstact .gstact-filter .btn-group .btn-secondary.active.focus,

.gstact .gstact-filter .btn-group .btn-secondary:focus {

    box-shadow: none;

}

.gstact .gstact-filter .gstact-view-model .btn-group .btn-secondary.active {

    background-color: #f5b11d;

    border-color: #f5b11d;

}



.gstcategory-section .col mainBody{ margin-top:-30px; }



.gstact-view-mode {

    border-bottom: 1px solid #f5b11d;

    /* padding: 10px; */

    margin-bottom: 15px;

}

.gstact-view-mode p {

    color: #f5b11d;

}



.gstact .gstcategory-section .sideBody {

    max-width: 25%;

}

.gstact .gstcategory-section .mainBody {

    max-width: 75%;

}



.gstact .gstcategory-section .nav-pills .nav-link {

    border: none;

    text-align: left;

}

.gstact .gstcategory-section .nav-pills .nav-link h6 {

    font-weight: 600;

    margin-bottom: 0;

    line-height: 22px;

}

.gstact .gstcategory-section .nav-pills .nav-link p {

    font-size: 14px;

    line-height: 20px;

    margin-bottom: 0;

}

.gstact .gstcategory-section .nav-pills .nav-link.active {

    background-color: #fff;

    border-left: 3px solid #f5b11d;

    border-radius: 10px 0px 0px 10px;

}

.gstact .gstcategory-section .nav-pills {

    padding: 20px 10px;

    border-radius: 0.25rem;

    background-color: #f0f0f0;

}

.gstact .gstcategory-section .nav-pills .nav-link:focus {

    outline: none;

}





.gst-contant .accordion {

    display: block;

}

.gst-contant .accordion .card {

    width: 100%;

}

.gst-contant .accordion .card .card-header {

    padding: 0;

}

.gst-contant .accordion .card .card-header button {

    background-color: #00000008;

    border-color: #00000020;

    color: #000;

    text-decoration: none;

}

.gst-contant .accordion .card .collapse {

    padding: 10px;

}









@media only screen and (max-width: 1200px) {

    

    .gstact .gstact-filter .gstact-view-model {

        text-align: center;

    }

    .gstact .gstact-filter .gstact-view-btns {

        text-align: center;

    }



    .gstact .gstcategory-section .sideBody {

        max-width: 30%;

    }



}



@media only screen and (max-width: 992px) {

    .gstact .gstcategory-section .sideBody {

        max-width: 37%;

    }

    .gstact .gstcategory-section .nav-pills .nav-link {

        padding: 5px 12px;

    }

    .gstact .gstcategory-section .nav-pills .nav-link.active {

        padding: 5px 12px;

        border-radius: 7px 0px 0px 7px;

    }



}



@media only screen and (max-width: 768px) {

    .gstact .gstcategory-section > .row {

        display: unset;

    }

    .gstact .gstcategory-section .sideBody {

        max-width: 100%;

    }

    .gstact .gstcategory-section .mainBody {

        max-width: 100%;

        margin-top: 10px;

    }

}



@media only screen and (max-width: 576px) {

    .gstact .gstcategory-section .row > .col {

        padding: 0;

    }



}



#circular-table {

    width: 100%;

}



/* #circular-table th,

#circular-table td {

 

} */