.btn-toggle-group {
    border: 1px solid -webkit-linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
    border-radius: 5px;
    font-size: 1rem;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.btn {
    display: inline-block;
    border: 1px solid #0288d1;
    border-radius: 3px;
}

.btn-active {
    background: #2b598a;
    color: #fff
}

.btn-active::hover {
    background-color: unset;
    border: 1px solid #0288d1;
}

.table-bordered,
.table-bordered td,
.table-bordered th {
    border: 1px solid #dee2e6;
}

.table-hover-cells>tbody>tr>th:hover,
.table-hover-cells>tbody>tr>td:hover {
    background-color: #f5f5f5;
}

.table-hover-cells>tbody>tr>th.active:hover,
.table-hover-cells>tbody>tr>td.active:hover,
.table-hover-cells>tbody>tr.active>th:hover,
.table-hover-cells>tbody>tr.active>td:hover {
    background-color: #e8e8e8;
}

.table-hover.table-hover-cells>tbody>tr:hover>th:hover,
.table-hover.table-hover-cells>tbody>tr:hover>td:hover {
    background-color: #e8e8e8;
}

.table-hover.table-hover-cells>tbody>tr.active:hover>th:hover,
.table-hover.table-hover-cells>tbody>tr.active:hover>td:hover {
    background-color: #d8d8d8;
}

h1>.divider:before,
h2>.divider:before,
h3>.divider:before,
h4>.divider:before,
h5>.divider:before,
h6>.divider:before,
.h1>.divider:before,
.h2>.divider:before,
.h3>.divider:before,
.h4>.divider:before,
.h5>.divider:before,
.h6>.divider:before {
    color: #777;
    content: "\0223E\0020";
}

.nav a {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
}

.row.no-pad {
    margin-right: 0;
}

.row.no-pad>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.boxSize1 {
    width: 100%;
    float: left;
    /* background:linear-gradient(45deg, #0288d1 0%, #26c6da 100%);*/
    background: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}

.boxSize2 {
    width: 100%;
    float: left;
    background-image: linear-gradient(45deg, #3949ab 0%, #4fc3f7 100%);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
}

.boxSize3 {
    width: 100%;
    float: left;
    background-image: linear-gradient(45deg, #FF5252 0%, #f48fb1 100%);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.boxSize4 {
    width: 100%;
    float: left;
    background: linear-gradient(45deg, #bf360c 0%, #f57c00 100%);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.boxSize5 {
    width: 100%;
    float: left;
    background: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);
    color: #fff;
    padding: 10px;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.count-content-pwp {
    padding: 2px 10px;
    margin: 10px 10px 10px 2px;
    /*  background-image: linear-gradient(45deg, #43A047 0%, #1de9b6 100%);*/
    background: linear-gradient(45deg, #0288d1 0%, #26c6da 100%);
    color: #fff;
    border-radius: 5px;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: initial;
    border: 1px solid #14141f1f;
    border-radius: 0.25rem;
    height: 100%;
}

.fs-1 {
    font-size: 16px !important;
}

.ng-star-inserted {
    margin-left: 53px;
}

.graph-card-wrap {
    /* border: 1px solid #DCDCDC; */
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
    padding: 25px 10px;
    margin-top: 36px;
}

.btn-large {
    background: #2b598a;
}

.filter-clear-wrapper{
    display: flex;
    gap: 10px;
}
@media (max-width: 1400px) {
    .filter-clear-wrapper {
        height: 37px;
        margin-left: -14px;
    }
}