.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff url('/assets/system/loader/leaf.gif') no-repeat center;
    /*background: #fff url('../../img/logo.jpg') no-repeat center;*/
    display: none;
}

/* // input this input js file
//setTimeout(function () {
//    $(document).ready(function () {

//        $(".se-pre-con").hide();
//    });
//}, 0);*/

/*input this inside body element, after body tag*/
/*<div class="se-pre-con" > </div >*/

@keyframes beat {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

 .i-link:hover {
    /*   background-color: #0056b3; */
    /* color: #83f18d; */
    animation: beat 1s infinite;
    cursor: pointer !important;
}

.lbl-link:hover {
    /*   background-color: #0056b3; */
    /* color: #83f18d; */
    background-color: #ddf0c7;
    color: #fff;
    font-weight: bolder;
    cursor:pointer;
}


.nav-item.active a {
    /* Add your desired highlighting styles here */
    background-color: #ddf0c7; /* Change this to your preferred background color */
    color: #fff; /* Change this to your preferred text color */
    /* Add any other styles you want to highlight the active item */
}

div.a-btn-system a:hover{
    background-color:mediumseagreen !important;
}


.txt-num{
    max-width:150px;
}

.title-system {
    color: mediumseagreen;
    font-size:large;
    font-weight:bold;
}