.uppercase{text-transform:uppercase}.has-error .form-control{border-color:#e73d4a!important;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075);background:#f5e7e7!important}.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#c09853}.form-input-inline{width:100%;font-weight:400}.help-block{color:#e73d4a;font-weight:400;font-size:13px;text-align:left}.input-icon{position:relative;left:0}.control-label .required,.form-group .required{color:#e02222;font-size:12px;padding-left:2px}.form-group{width:100%;margin-bottom:0;padding:5px 0;overflow:hidden}.right{float:right}.control-label{margin-top:1px;font-weight:400}.btn_login{width:30%}.d-scrollbar{max-height:700px;overflow-y:scroll;overflow-x:scroll;overflow:auto;width:100%}.modal-content{border-radius:1.3em;border:none}.paging_result_content>.row>div>#id_pageSize{padding:.375rem .2rem}.disable .page-link{color:#6e707e}.filter-button{cursor:pointer;}.filter-button:hover{background-color:#11121236}.filter-sidebar{position:fixed;top:0;right:-30%;width:30%;height:100%;background-color:#f8f9fa;box-shadow:-2px 0 5px rgba(0,0,0,.1);padding:20px;transition:right .3s ease-in-out;z-index:1000;display:flex;flex-direction:column}.filter-sidebar.open{right:0}.filter-sidebar h3{margin-top:0;color:#333}.filter-sidebar .form-group{margin-bottom:15px}.filter-sidebar label{display:block;margin-bottom:5px;font-weight:700}.filter-sidebar input[type=text]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.filter-sidebar .clear-filters,.filter-sidebar .submit{background-color:#28a745;color:#fff;border:none;padding:10px 15px;border-radius:4px;cursor:pointer;margin-right:10px}.filter-sidebar .clear-filters{background-color:#6c757d}.filter-sidebar .clear-filters:hover,.filter-sidebar button[type=submit]:hover{opacity:.9}.filter-sidebar .close-sidebar-button{position:absolute;top:10px;right:10px;background:0 0;border:none;font-size:24px;cursor:pointer;color:#555}.loading-container{display:flex;justify-content:center;align-items:center;width:300px;height:300px;position:relative}.loading-circle,.ripple{position:absolute;border-radius:50%}.loading-circle{width:100px;height:100px;background:radial-gradient(circle at center,#fff,#e0e0e0);box-shadow:0 0 30px 10px rgba(255,255,255,.7),0 0 50px 15px rgba(255,255,255,.5);animation:2s ease-in-out infinite alternate pulse;z-index:10}.ripple{box-shadow:inset 0 0 6px 2px rgba(255,255,255,.9);opacity:0;animation:2s ease-out infinite ripple-expand;z-index:5}.ripple:first-child{width:120px;height:120px;animation-delay:0s}.ripple:nth-child(2){width:160px;height:160px;animation-delay:.4s}.ripple:nth-child(3){width:200px;height:200px;animation-delay:.8s}.ripple:nth-child(4){width:240px;height:240px;animation-delay:1.2s}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 30px 10px rgba(255,255,255,.7),0 0 50px 15px rgba(255,255,255,.5)}100%{transform:scale(1.05);box-shadow:0 0 40px 15px rgba(255,255,255,.9),0 0 60px 20px rgba(255,255,255,.7)}}@keyframes ripple-expand{0%{transform:scale(.5);opacity:.8;filter:blur(0px)}100%{transform:scale(1.5);opacity:0;filter:blur(5px)}}
.sm-bg{
    background-color: #29185f;
}
.nav-link span{
    font-size: 14px;
}
.dropdown button{
    opacity: 0.4;
}
.btn-secondary:hover {
    color: #858796;
    background: none;
}

.s-filter-button{
    color: #000000a8;
    border: 1px solid #ccc;
    padding: 5px 10px;
    cursor: pointer;
    margin-bottom: 5px;
    border-radius: 2px;
    font-weight: bold;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
}
table tbody tr td{
    color: black;
}
.controls button {
    padding: 12px 20px;
    background: #fb8c00;
    font-size: 17px;
    font-weight: bold;
    border: none;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.3s ease;
    min-width: 160px;
    color: #f8f9fa;
}

#restart{
    background: #0067ffd4;
}
.controls button:hover{
    transform: translateY(-2px);
}
#back-preview{
    background: #a822e9;
    padding: 12px 20px;
    border-radius: 5px;
    border: none;
    margin: 20px;
    color: white;
}