html,body{cursor:url("https://1.bp.blogspot.com/-qbWo9mPKO2Y/YL9utYdQBdI/AAAAAAAAFs4/mtjGu6u2uGwtJsT4gZG4lbhLV1a5lG6OQCLcBGAsYHQ/s0/mouse-f1.png"), auto;}
	a:hover{cursor:url("https://1.bp.blogspot.com/-nYv2dLl3oXY/YL9utYBCh8I/AAAAAAAAFtA/wII4lVw5w4k-4isGMY41heTqk8U4TJujgCLcBGAsYHQ/s0/mouse-f2.png"), auto;}



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

.text-danger {
    --vz-text-opacity: 1;
    color: rgba(var(--vz-danger-rgb),var(--vz-text-opacity))!important;
}
.me-2 {
    margin-right: 0.5rem!important;
}
.align-middle {
    vertical-align: middle!important;
}
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}



@media only screen and (min-width: 360px) {
    .hidetext {
        max-height: 140px;
        overflow: hidden;
    }
}

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

    .viewless,
    .viewmore {
        font-size: 14px !important;
    }

    .row-flex.item-list .col-sm-6 {
        margin-right: auto;
        margin-left: auto;
    }
}

@media only screen and (min-width: 500px) {
    .hidetext {
        max-height: 162px;
        overflow: hidden;
    }
}

@media only screen and (min-width: 992px) {
    .hidetext {
        max-height: 162px;
        overflow: hidden;
    }
}

.viewmore {
    cursor: pointer;
    color: #f1c40f;
    border: 1px solid #f1c40f;
    padding: 5px;
    text-align: center;
    font-size: 17px;
    margin: 20px 0;
}

.viewless {
    cursor: pointer;
    color: #f1c40f;
    border: 1px solid #f1c40f;
    padding: 5px;
    text-align: center;
    font-size: 17px;
    margin: 20px 0;
}

.panel-form {
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.card-animate {
    -webkit-transition: all 0.4s ease; /* Chuyển động mặc định */
    transition: all 0.4s ease;
    transform: translateY(0);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Đổ bĂ³ng mặc định */
}

.card-animate:hover {
    transform: translateY(-10px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3); /* Đẩy lĂªn vĂ  tạo đổ bĂ³ng tối hÆ¡n */
    transition: all 0.8s ease; /* Hiệu ứng lĂªn chậm hÆ¡n khi hover */
}

.mt-3 {
    margin-top: 1rem!important;
}
.row {
    --vz-gutter-x: 1.5rem;
    --vz-gutter-y: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--vz-gutter-y));
    margin-right: calc(-.5 * var(--vz-gutter-x));
    margin-left: calc(-.5 * var(--vz-gutter-x));
}



/*Button lxtdev*/

     .tab {
    text-align: center; /* Căn giữa ngang */
    margin-top: 20px;
    }

    .vien {
        padding: 8px 15px;
        border-radius: 10px;
        font-size: 18px;
        background-color: red;
        color: white;
        border: 1.5px solid;
        margin: 0 8px; 
        display: inline-block;
    }
    .vien1 {
        padding: 8px 15px;
        border-radius: 10px;
        font-size: 18px;
        background-color: green;
        color: white;
        border: 1.5px solid;
        margin: 0 8px; 
        display: inline-block;
    }
    .vien2 {
        padding: 8px 15px;
        border-radius: 10px;
        font-size: 18px;
        background-color: blue;
        color: white;
        border: 1.5px solid ;
        margin: 0 8px;
        display: inline-block;
    }
    .xtdev {
        padding: 15px;
        border-radius: 5px;
        font-size: 15px;
        
        margin-left: auto;
        display: inline-block;
    }
    .xtdev1 {
        padding: 0;
        border-radius: 10px;
        font-size: 10px;
      
        margin-left: auto;
        display: inline-block;
    }
     .gv1 {
        border-radius: 10px;
        border: 3px solid blue ;
    }
    
    
    .xtcolor {
    background-image: linear-gradient(to right,#0099FF,  #33CCFF);
    border:2px;
    border-radius: 10px;
    padding-left: auto;
}
.xtcolor:hover {
    background-image: linear-gradient(to right,#33CCFF , #0099FF);
    border:2px;
    border-radius: 10px;
    padding-left: auto;
}
.gn {
    border-radius: 15px;
    padding: 5px;
}
.gn1 {
    border-radius: 8px;
    padding-left: auto;
}
.gv1 {
        border-radius: 10px;
        border: 3px solid blue ;
    }







/*CSS HOẠT ĐỘNG*/



.home-heading {
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
}

.home-heading h3 {
    margin: 0;
    color: #333;
}

.feature-card {
    background-color: #ffffff;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 10px;
    transition: transform 0.2s, box-shadow 0.2s;
}

.feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
}

.feature-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.feature-content b {
    font-weight: 600;
}

.feature-content .badge {
    font-size: 0.875rem;
    padding: 5px 10px;
    border-radius: 5px;
}

/* Styles for text colors */
.feature-content b[style*="color: green;"] {
    color: #28a745 !important;
}

.feature-content b[style*="color: red;"] {
    color: #dc3545 !important;
}

.feature-content b[style*="color: blue;"] {
    color: #007bff !important;
}

.feature-content .badge.bg-primary {
    background-color: #007bff;
    color: #ffffff;
}