body{
    background-color:#f3f9fd;
}

section {
    padding: 45px 0;
    overflow: hidden;
}

.cardtitle{
    background: rgb(13,110,253);
    background: linear-gradient(90deg, rgba(13,110,253,0.7) 0%, rgba(9,9,121,0) 100%);
    position:absolute;
    top:0px;
    left:0px;
    width:200px;
    color:white;
    padding:5px;
}

.cardtitle h5{
    margin: 0;
}

.card .img-fluid{
    max-height: 265px;
    object-fit: cover;
}


.loginbox{
    background-image: url('/assets/img/loginbg.jpg');
    background-size: contain;
    backface-visibility: inherit;
    box-shadow: inset 0 0 0 1000px rgb(255 255 255 / 80%);
}

ul{
    list-style-position: inside;
}
/* Sortable tables */
table.sortable thead tr th{
    cursor: pointer;
}

table a{
    text-decoration: none;
}

table tr{
    vertical-align: middle;
}



/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts .content {
    padding: 0;
}

.counts .content h3 {
    font-weight: 700;
    font-size: 34px;
    color: #222222;
}

.counts .content p {
    margin-bottom: 0;
}

.counts .content .count-box {
    padding: 20px 0;
    width: 100%;
}

.counts .content .count-box i {
    color: #ff00af;
}

.counts .content .count-box .ifont {
    display: block;
    font-size: 36px;
    color: #0d6efd;
    float: left;
}

.counts .content .count-box span {
    font-size: 36px;
    line-height: 30px;
    display: block;
    font-weight: 700;
    color: #222222;
    margin-left: 50px;
}

.counts .content .count-box p {
    padding: 15px 0 0 0;
    margin: 0 0 0 50px;
    font-family: "Raleway", sans-serif;
    font-size: 14px;
    color: #484848;
}

.counts .content .count-box a {
    display: block;
    font-size: 15px;
    transition: ease-in-out 0.3s;
}

.counts .content .count-box a:hover {
    color: #6f6f6f;
}

@media (max-width: 1024px) {
    .counts .image {
        text-align: center;
    }
    .counts .image img {
        max-width: 70%;
    }
}

@media (max-width: 667px) {
    .counts .image img {
        max-width: 100%;
    }
}