@media screen {
    #printSection {
        display: none;
    }
}

@media print {
    body * {
        visibility: hidden;
    }

    body {
        background-color: #ff006e; /* Set your desired background color */
    }

    #printSection, #printSection * {
        visibility: visible;
    }

    #printSection {
        position: absolute;
        left: 0;
        top: 50px;
        width: 100%;
        border: 2px groove gray;
    }

        #printSection ~ * {
            display: none;
        }

    .noPrint {
        display: none;
    }

    .fitPage {
        width: 100%;
        padding:0px;
        margin:0px;
    }
}

body {
    /*padding-top: 50px;*/
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
input, select/*, textarea*/ {
    max-width: 280px;
}

.alert_overitems {
    position: fixed;
    top: 0px;
    z-index: 700;
    width: stretch;
    width: -webkit-fill-available;
    width: -moz-available;
    margin: 10px;
}

.animate-charcter {
    text-transform: uppercase;
    /*background-image: linear-gradient( -225deg, #231557 0%, #44107a 29%, #ff1361 67%, #fff800 100% );*/
    background-image: linear-gradient( -90deg, #000000 0%, #ff006e 50%, #ff0000 100% );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 3s linear infinite;
    display: inline-block;
}

@keyframes textclip {
    to {
        background-position: 200% center;
    }
}

.nav-tabs .nav-link.active {
    color: #000000;
    border: 0;
    border-radius: 0;
    border-bottom: 2px solid #5bc0de;
}

    .nav-tabs .nav-link.active:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 0;
        height: 0;
        border-top: 20px solid gray;
        border-left: 40px solid transparent;
        border-right: 40px solid transparent;
    }

.ACC_Search_Input {
    display: inline;    
}

.ACC_Search_Input input[type="text"] {
    display: inline !important; 
}

    .ACC_Search_Input button[type="button"] {
        margin-right: -50px;
        background-color: transparent;
        border: none;
        position: relative;
    }


.table-filter {
    width: 100%;
}

.td_danger {
    font-weight: bold;
    color: red;
    -webkit-box-shadow: 0 0 11px -0px #ff006e;
    box-shadow: 0 0 11px -0px #ff006e;
}

.tr_danger {
    color: black;
    -webkit-box-shadow: 0 0 11px -0px #680202;
    box-shadow: 0 0 11px -0px #680202;
}

    .tr_danger td {
        background-color: rgb(255 10 10 / 0.50) !important;
    }

.tr_closed {
    color: gray;
    -webkit-box-shadow: 0 0 11px -0px #680202;
    box-shadow: 0 0 11px -0px #680202;
}

    .tr_closed td, .tr_danger th {
        background-color: rgba(106, 106, 106, 0.3) !important;
    }

.ACC_DDMB
{
    text-align: center;
}

.ACC_DDMB button {
    width: 100%;
    margin-bottom: 5px;
}

.error {
    color: red;
}

.disabled {
    display: none;
}

table > tbody > tr > td > hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.panel-body input[type="text"],
.panel-body input[type="password"],
.panel-body input[type="email"],
.panel-body input[type="number"],
.panel-body input[type="date"],
.panel-body input[type="datetime-local"],
.panel-body input[type="month"],
.panel-body input[type="search"],
.panel-body input[type="tel"],
.panel-body input[type="time"],
.panel-body input[type="url"],
.panel-body input[type="week"],
.panel-body input[type="file"],
.panel-body textarea {
    background-color: white !important;
}

.datetime-container {
    /*background-color: #fff;*/
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
    text-align: center;
}

.datetime {
    /*font-size: 1.5em;*/
    color: #333;
}

.radioToggle {
    display: inline-flex;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.radioToggle__input {
    display: none;
}

    .radioToggle__input:checked + .radioToggle__label {
        background: #18609f;
    }

.radioToggle__label {
    margin: 0px;
    padding: 8px 14px;
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    cursor: pointer;
    transition: background 0.1s;
}

    .radioToggle__label:not(:last-of-type) {
        border-left: 1px solid #18609f;
    }

.jstree li {
    line-height: 40px !important; /* Adjust this value to increase/decrease the height */
}

.jstree-anchor {
    height: 40px !important; /* This ensures the clickable area also matches the height */
    padding-top: 10px !important; /* You may need to adjust the padding to vertically center the text */
    padding-bottom: 10px !important;
}