/* Bootstrap Validation Summary Override */
/* Bootstrap Validation Summary Override */
.validation-summary-valid {
    display: none;
}

.validation-summary-errors ul {
    margin-bottom: 0;
    padding-left: 1rem;
}

.alert.validation-summary-errors {
    margin-bottom: 1rem;
}

.col-0 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4.166665%;
    flex: 0 0 4.166665%;
    max-width: 4.166665%;
    width: 4.166665%;
}

.col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
    width: 8.33333%;
}

.col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.66666%;
    flex: 0 0 16.66666%;
    max-width: 16.66666%;
    width: 16.66666%;
}

.dataTables_empty {
    font-size: 1.5rem !important;
}

/* Reference classes, no implementation */
.base,
.needs-validation,
.flex-start,
.text-faded,
.app-container-demo,
.lang-js,
.lang-csharp,
.has-tooltip,
.has-popover {
}

/* Keeps analyzers happy */
.js-waves-off,
.js-waves-on,
.js-get-date,
.js-collapse,
.js-modal-settings,
.js-filter-message,
.js-buttons,
.js-icon-class,
.js-icon-copy,
.js-bg-color,
.js-bg-gradient,
.js-bg-gradient-demo,
.js-bg-target {
}

/* Small word wrap correction */
section > ol > li {
    word-break: break-all;
}

code {
    border: 1px solid silver;
    padding: 0.03rem 0.2rem !important;
}

pre.prettyprint {
    border-radius: 0.2rem;
    padding-left: 0.4rem !important;
    padding-right: 0.4rem !important;
}

.documentation h2 {
    color: var(--primary);
}

.documentation th:first-child,
.documentation th:nth-child(3) {
    width: 16%;
}

.documentation blockquote {
    margin-left: 1rem;
    padding: 1rem 1rem 0.01rem 1rem;
    font-weight: 400;
    border-radius: 0 4px 4px 0;
    background: #edf2f9;
    border-left: 3px solid var(--primary);
}

    .documentation blockquote.info {
        background: #edf2f9;
        border-left: 3px solid var(--info);
    }

    .documentation blockquote.warning {
        background: #fff4db;
        border-left: 3px solid var(--warning);
    }

    .documentation blockquote.danger {
        background: #fadeeb;
        border-left: 3px solid var(--danger);
    }

/* Enter custom CSS rules for your application here */
.page-content {
    padding: 1.5rem 6rem !important;
}

.sidenav-bg {
    position: fixed;
    top: 0;
    height: 100%;
    width: 70px; /* Default width */
    z-index: 1;
    box-shadow: 0px 0px 28px 2px rgba(86, 61, 124, 0.13);
}

/*@media only screen and (max-width: 992px) {
    .sidenav-bg {
        width: 0px;
    }
}*/

/*@media only screen and (max-width: 767px) {
    .sidenav-bg {
        width: 40px;*/
    /*}
}*/

.sidenav-bg-left {
    left: 0;
}

.sidenav-bg-right {
    right: 0;
}

.sidenav a {
    position: fixed;
    text-align: left;
    font-size: 20px;
    z-index: 2;
    transition: all 0.3s;
    -moz-transition: all 0.3s; /* Firefox 4 */
    -webkit-transition: all 0.3s; /* Safari and Chrome */
}

.sidenav-left a {
    left: 0;
    transform: translateX(-100%) translateX(50px);
    border-radius: 0 50px 50px 0;
    box-shadow: 2px 2px 4px;
}

.sidenav-left a:hover {
    transform: translateX(0);
}
.sidenav-left .nav-icon {
    padding-right: 16px;
    padding-left: 16px;
    width: 24px;
    float: right;
}

.sidenav-right a {
    right: 0;
    transform: translateX(100%) translateX(-50px);
    border-radius: 50px 0 0 50px;
    box-shadow: -2px 2px 4px;
}

.sidenav-right a:hover {
    transform: translateX(0);
}

.sidenav-right .nav-icon {
    padding-right: 32px;
    width: 24px;
    float: left;
}

@media only screen and (max-width: 992px) {
    .sidenav a:nth-child(1) {
        margin-top: calc(4.5em + 3.5em * 0);
    }

    .sidenav a:nth-child(2) {
        margin-top: calc(4.5em + 3.5em * 1);
    }

    .sidenav a:nth-child(3) {
        margin-top: calc(4.5em + 3.5em * 2);
    }

    .sidenav a:nth-child(4) {
        margin-top: calc(4.5em + 3.5em * 3);
    }

    .sidenav a:nth-child(5) {
        margin-top: calc(4.5em + 3.5em * 4);
    }

    .sidenav a:nth-child(6) {
        margin-top: calc(4.5em + 3.5em * 5);
    }

    .sidenav a:nth-child(7) {
        margin-top: calc(4.5em + 3.5em * 6);
    }

    .sidenav a:nth-child(8) {
        margin-top: calc(4.5em + 3.5em * 7);
    }

    .sidenav a:nth-child(9) {
        margin-top: calc(4.5em + 3.5em * 8);
    }

    .sidenav a:nth-child(10) {
        margin-top: calc(4.5em + 3.5em * 9);
    }

    .sidenav a:nth-child(11) {
        margin-top: calc(4.5em + 3.5em * 10);
    }

    .sidenav a:nth-child(12) {
        margin-top: calc(4.5em + 3.5em * 11);
    }
    /*.sidenav-bg {
        width: 0px;
    }*/
}

@media only screen and (min-width: 992px) {
    .sidenav a:nth-child(1) {
        margin-top: calc(1em + 3.5em * 0);
    }

    .sidenav a:nth-child(2) {
        margin-top: calc(1em + 3.5em * 1);
    }

    .sidenav a:nth-child(3) {
        margin-top: calc(1em + 3.5em * 2);
    }

    .sidenav a:nth-child(4) {
        margin-top: calc(1em + 3.5em * 3);
    }

    .sidenav a:nth-child(5) {
        margin-top: calc(1em + 3.5em * 4);
    }

    .sidenav a:nth-child(6) {
        margin-top: calc(1em + 3.5em * 5);
    }

    .sidenav a:nth-child(7) {
        margin-top: calc(1em + 3.5em * 6);
    }

    .sidenav a:nth-child(8) {
        margin-top: calc(1em + 3.5em * 7);
    }

    .sidenav a:nth-child(9) {
        margin-top: calc(1em + 3.5em * 8);
    }

    .sidenav a:nth-child(10) {
        margin-top: calc(1em + 3.5em * 9);
    }

    .sidenav a:nth-child(11) {
        margin-top: calc(1em + 3.5em * 10);
    }

    .sidenav a:nth-child(12) {
        margin-top: calc(1em + 3.5em * 11);
    }
    /*.sidenav-bg {
        width: 0px;
    }*/
}

.custom-select.is-success {
    border-color: #1dc9b7;
    padding-right: calc(1.47em + 1rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.3675em + 0.25rem) center;
    background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);
}

.custom-select.is-warning:disabled {
    border-color: #ffc241;
    padding-right: calc(1.47em + 1rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ffc241' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ffc241' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.3675em + 0.25rem) center;
    background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);
    background-color: white;
}

.custom-select.is-error {
    border-color: #fd3995;
    padding-right: calc(1.47em + 1rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.3675em + 0.25rem) center;
    background-size: calc(0.735em + 0.5rem) calc(0.735em + 0.5rem);
}

.form-control.is-not-empty, .custom-select.is-not-empty, .select2-container.is-not-empty {
    border-color: #886AB5;
    box-shadow: 0 0 0 0.2rem rgba(18,63,255, 0.25);
}

.select2-container {
    border-radius: 4px !important;
}

#tableActiveSchedule.table th, #tableActiveSchedule.table td {
    padding: 0.45rem !important;
}


/*     ----->   FLOATING LABEL   <-----     */
.user-input-wrp {
    position: relative;
    width: 100%;
}

.user-input-wrp .inputText {
    width: 100%;
   /* outline: none;
    border: none;
    border-bottom: 1px solid #777;
    box-shadow: none !important;*/
}

    .user-input-wrp .inputText:focus {
        /*border-color: blue;
        border-width: medium medium 2px;*/
    }

.user-input-wrp .floating-label {
    position: absolute;
    pointer-events: none;
    top: 8px;
    left: 10px;
    transition: 0.2s ease all;
    opacity: 0.7;
}

.user-input-wrp input:focus ~ .floating-label,
.user-input-wrp input:not(:focus):valid ~ .floating-label {
    top: 0px;
    left: 10px;
    font-size: 0.7em;
    opacity: 1;
}

.user-input-wrp input:invalid {
    border: 1px solid #E5E5E5;
}

/*     ----->   END - FLOATING LABEL   <-----     */

.cell-line {
    margin-bottom: 0.25rem;
}

.cell-inline-container {
    margin-bottom: 0.25rem;
    white-space: nowrap;
}

.cell-inline {
    display: inline;
    white-space: nowrap;
}

/*.collapseAdvanced.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}*/

.documentSection {
    background-color: beige;
    padding: 0.5rem;
    box-shadow: 3px 3px 5px 0px black;
}

.documentHardVindicationSection {
    background-color: #f5dcdc;
    padding: 0.5rem;
    box-shadow: 3px 3px 5px 0px black;
}

.emailSection {
    background-color: #ccffff;
    padding: 0.5rem;
    box-shadow: 3px 3px 5px 0px black;
}

.smsSection {
    background-color: #ddffbb;
    padding: 0.5rem;
    box-shadow: 3px 3px 5px 0px black;
}

.box-desc-shadow {
    box-shadow: 0.5px 0.5px 1px 0.5px black;
}

.select2-search input {
    width: 100% !important;
}

/*.select2-search__field {
    width: 100% !important;
}*/



.modal-25 {
    max-width: 25%;
}

.modal-73 {
    max-width: 73%;
}

.modal-75 {
    max-width: 75%;
}

.modal-95 {
    max-width: 95%;
}

/*@media (min-width: 25%) {
    .modal-25 {
        max-width: 25%;
    }
}

@media (min-width: 75&) {
    .modal-75 {
        max-width: 75%;
    }
}*/

/*@media (min-width: 1399px) {
    .modal-25 {
        max-width: 1140px;
    }
}*/

/*#region my .btn-outline*/
/*#region .btn-outline-meeting*/
.btn-outline-meeting {
    color: black;
    border: 3px solid #ffc77d !important;
}

    .btn-outline-meeting:hover {
        color: black;
        background-color: #ffc77d;
        border: 3px solid #ffc77d !important;
    }

    .btn-outline-meeting:not(:disabled):not(.disabled):active, .btn-outline-meeting:not(:disabled):not(.disabled).active,
    .show > .btn-outline-meeting.dropdown-toggle {
        color: black;
        background-color: #ffc77d;
        border: 3px solid #ffc77d !important;
    }
/*#endregion .btn-outline-meeting*/

/*#region .btn-outline-call*/
.btn-outline-call {
    color: black;
    border: 3px solid #fbffbb !important;
}

    .btn-outline-call:hover {
        color: black;
        background-color: #fbffbb;
        border: 3px solid #fbffbb !important;
    }

    .btn-outline-call:not(:disabled):not(.disabled):active, .btn-outline-call:not(:disabled):not(.disabled).active,
    .show > .btn-outline-call.dropdown-toggle {
        color: black;
        background-color: #fbffbb;
        border: 3px solid #fbffbb !important;
    }
/*#endregion .btn-outline-call*/

/*#region .btn-outline-sms*/
.btn-outline-sms {
    color: black;
    border: 3px solid #ddffbb !important;
}

    .btn-outline-sms:hover {
        color: black;
        background-color: #ddffbb;
        border: 3px solid #ddffbb !important;
    }

    /*.btn-outline-sms:focus, .btn-outline-sms.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
    }

    .btn-outline-sms.disabled, .btn-outline-sms:disabled {
        color: #fff;
        background-color: transparent;
    }*/

    .btn-outline-sms:not(:disabled):not(.disabled):active, .btn-outline-sms:not(:disabled):not(.disabled).active,
    .show > .btn-outline-sms.dropdown-toggle {
        color: black;
        background-color: #ddffbb;
        border: 3px solid #ddffbb !important;
    }

        /*.btn-outline-sms:not(:disabled):not(.disabled):active:focus, .btn-outline-sms:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-sms.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
        }*/
/*#endregion .btn-outline-sms*/

/*#region .btn-outline-email*/
.btn-outline-email {
    color: black;
    border: 3px solid #ccffff !important;
}

    .btn-outline-email:hover {
        color: black;
        background-color: #ccffff;
        border: 3px solid #ccffff !important;
    }

    .btn-outline-email:not(:disabled):not(.disabled):active, .btn-outline-email:not(:disabled):not(.disabled).active,
    .show > .btn-outline-email.dropdown-toggle {
        color: black;
        background-color: #ccffff;
        border: 3px solid #ccffff !important;
    }
/*#endregion .btn-outline-email*/

/*#region .btn-outline-post*/
.btn-outline-post {
    color: black;
    border: 3px solid #9abbff !important;
}

    .btn-outline-post:hover {
        color: black;
        background-color: #9abbff;
        border: 3px solid #9abbff !important;
    }

    .btn-outline-post:not(:disabled):not(.disabled):active, .btn-outline-post:not(:disabled):not(.disabled).active,
    .show > .btn-outline-post.dropdown-toggle {
        color: black;
        background-color: #9abbff;
        border: 3px solid #9abbff !important;
    }
/*#endregion .btn-outline-post*/

/*#region .btn-outline-lawyer*/
.btn-outline-lawyer {
    color: black;
    border: 3px solid #fbccff !important;
}

    .btn-outline-lawyer:hover {
        color: black;
        background-color: #fbccff;
        border: 3px solid #fbccff !important;
    }

    .btn-outline-lawyer:not(:disabled):not(.disabled):active, .btn-outline-lawyer:not(:disabled):not(.disabled).active,
    .show > .btn-outline-lawyer.dropdown-toggle {
        color: black;
        background-color: #fbccff;
        border: 3px solid #fbccff !important;
    }
/*#endregion .btn-outline-lawyer*/

/*#region .btn-outline-other*/
.btn-outline-other {
    color: black;
    border: 3px solid #dbdbdb !important;
}

    .btn-outline-other:hover {
        color: black;
        background-color: #dbdbdb;
        border: 3px solid #dbdbdb !important;
    }

    .btn-outline-other:not(:disabled):not(.disabled):active, .btn-outline-other:not(:disabled):not(.disabled).active,
    .show > .btn-outline-other.dropdown-toggle {
        color: black;
        background-color: #dbdbdb;
        border: 3px solid #dbdbdb !important;
    }
/*#endregion .btn-outline-other*/

/*#region .btn-outline-court*/
.btn-outline-court {
    color: black;
    border: 3px solid purple !important;
}

    .btn-outline-court:hover {
        color: black;
        background-color: purple;
        border: 3px solid purple !important;
    }

    .btn-outline-court:not(:disabled):not(.disabled):active, .btn-outline-court:not(:disabled):not(.disabled).active,
    .show > .btn-outline-court.dropdown-toggle {
        color: black;
        background-color: purple;
        border: 3px solid purple !important;
    }
/*#endregion .btn-outline-court*/

/*#region .btn-outline-bailiff*/
.btn-outline-bailiff {
    color: black;
    border: 3px solid black !important;
}

    .btn-outline-bailiff:hover {
        color: black;
        background-color: black;
        border: 3px solid black !important;
    }

    .btn-outline-bailiff:not(:disabled):not(.disabled):active, .btn-outline-bailiff:not(:disabled):not(.disabled).active,
    .show > .btn-outline-bailiff.dropdown-toggle {
        color: black;
        background-color: black;
        border: 3px solid black !important;
    }
/*#endregion .btn-outline-bailiff*/

/*#region .btn-outline-prosecutor*/
.btn-outline-prosecutor {
    color: black;
    border: 3px solid #9a4dff !important;
}

    .btn-outline-prosecutor:hover {
        color: black;
        background-color: #9a4dff;
        border: 3px solid #9a4dff !important;
    }

    .btn-outline-prosecutor:not(:disabled):not(.disabled):active, .btn-outline-prosecutor:not(:disabled):not(.disabled).active,
    .show > .btn-outline-prosecutor.dropdown-toggle {
        color: black;
        background-color: #9a4dff;
        border: 3px solid #9a4dff !important;
    }
/*#endregion .btn-outline-prosecutor*/

/*#region .btn-outline-supervision*/
.btn-outline-supervision {
    color: black;
    border: 3px solid red !important;
}

    .btn-outline-supervision:hover {
        color: black;
        background-color: red;
        border: 3px solid red !important;
    }

    .btn-outline-supervision:not(:disabled):not(.disabled):active, .btn-outline-supervision:not(:disabled):not(.disabled).active,
    .show > .btn-outline-supervision.dropdown-toggle {
        color: black;
        background-color: red;
        border: 3px solid red !important;
    }
/*#endregion .btn-outline-supervision*/

/*#region .btn-outline-police*/
.btn-outline-police {
    color: black;
    border: 3px solid #0000ff !important;
}

    .btn-outline-police:hover {
        color: black;
        background-color: #0000ff;
        border: 3px solid #0000ff !important;
    }

    .btn-outline-police:not(:disabled):not(.disabled):active, .btn-outline-police:not(:disabled):not(.disabled).active,
    .show > .btn-outline-police.dropdown-toggle {
        color: black;
        background-color: #0000ff;
        border: 3px solid #0000ff !important;
    }
/*#endregion .btn-outline-police*/
/*#endregion my .btn-outline*/

input.form-control.is-correction {
    border-color: #fd3995;
}
input.form-control.is-correction:focus {
    border-color: #fd3995;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(253, 57, 149, 0.25);
}

table tr.blue-tb, table tr.blue-tb:hover, div.blue-tb, div.blue-tb:hover {
    -webkit-box-shadow: blue 0 -10px 6px -10px inset, blue 0 10px 6px -11px inset;
    -moz-box-shadow: blue 0 -10px 6px -10px inset, blue 0 10px 6px -11px inset;
    box-shadow: blue 0 -10px 6px -10px inset, blue 0 10px 6px -11px inset;
}

table tr.lightgreen-tb, table tr.lightgreen-tb:hover, div.lightgreen-tb, div.lightgreen-tb:hover {
    -webkit-box-shadow: lightgreen 0 -10px 50px -0px inset, lightgreen 0 10px 50px -00px inset;
    -moz-box-shadow: lightgreen 0 -10px 50px -0px inset, lightgreen 0 10px 50px -00px inset;
    box-shadow: lightgreen 0 -10px 50px -0px inset, lightgreen 0 10px 50px -00px inset;
}

table tr.red-tb, table tr.red-tb:hover, div.red-tb, div.red-tb:hover {
    -webkit-box-shadow: red 16px 0px 8px -10px inset;
    -moz-box-shadow: red 16px 0px 8px -10px inset;
    box-shadow: red 16px 0px 8px -10px inset;
}

table tr.red2-tb, table tr.red2-tb:hover, div.red2-tb, div.red2-tb:hover {
    -webkit-box-shadow: red 0 -10px 10px -10px inset, red 0 10px 10px -11px inset;
    -moz-box-shadow: red 0 -10px 10px -10px inset, red 0 10px 10px -11px inset;
    box-shadow: red 0 -10px 10px -10px inset, red 0 10px 10px -11px inset, red 10px 0 10px -11px inset, red -10px 0 10px -11px inset;
}

.red2-tb {
    -webkit-box-shadow: red 0 -10px 10px -10px inset, red 0 10px 10px -11px inset;
    -moz-box-shadow: red 0 -10px 10px -10px inset, red 0 10px 10px -11px inset;
    box-shadow: red 0 -10px 10px -10px inset, red 0 10px 10px -11px inset, red 10px 0 10px -11px inset, red -10px 0 10px -11px inset;
}

table tr.red3-bot, table tr.red3-bot:hover, div.red3-bot, div.red3-bot:hover, .red3-bot {
    -webkit-box-shadow: red 0px -10px 10px -10px inset;
    -moz-box-shadow: red 0px -10px 10px -10px inset;
    box-shadow: red 0px -10px 10px -10px inset;
}

table tr.red3-top, table tr.red3-top:hover, div.red3-top, div.red3-top:hover, .red3-top {
    -webkit-box-shadow: red 0px 10px 10px -10px inset;
    -moz-box-shadow: red 0px 10px 10px -10px inset;
    box-shadow: red 0px 10px 10px -10px inset;
}

table tr.indigo-bot, table tr.indigo-bot:hover, div.indigo-bot, div.indigo-bot:hover, .indigo-bot {
    -webkit-box-shadow: indigo 0px -10px 10px -10px inset;
    -moz-box-shadow: indigo 0px -10px 10px -10px inset;
    box-shadow: indigo 0px -10px 10px -10px inset;
}

table.variable-slim td {
    padding: 4px 4px 4px 12px;
}

.mySpecificList {
    list-style-type: "> ";
}

.mySpecificList li:first-child {
    list-style: none;
}

.glow-green::before, .glow-green::after {
    content: '';
    position: absolute;
    left: 1px;
    top: -2px;
    background: linear-gradient(45deg, #1dc9b7, #1ab3a3, #1dc9b7, #1ab3a3);
    background-size: 400%;
    width: calc(100% - 3px);
    height: calc(100% + 3px);
    z-index: -1;
}

.glow-orange::before, .glow-orange::after {
    content: '';
    position: absolute;
    left: 1px;
    top: -2px;
    background: linear-gradient(45deg, #ffc241, #ffba28, #ffc241, #ffba28);
    background-size: 400%;
    width: calc(100% - 3px);
    height: calc(100% + 3px);
    z-index: -1;
}

.glow-red::before, .glow-red::after {
    content: '';
    position: absolute;
    left: 2px;
    top: -1px;
    background: linear-gradient(45deg, #fd3995, #fd2087, #fd3995, #fd2087);
    background-size: 400%;
    width: calc(100% - 4px);
    height: calc(100% + 1px);
    z-index: -1;
}

.glow-green::after, .glow-orange::after, .glow-red::after {
    filter: blur(5px);
    opacity: 0.95;
}

.z-index99999 {
    z-index: 99999 !important;
}



.badge-red {
    color: #000000;
    background-color: #ff0000;
}

.badge-annex {
    color: #ffffff;
    background-color: #5F9EA0;
}

/*a.badge-annex:hover, a.badge-annex:focus {
    color: #212529;
    background-color: #5F9EA0;
}

a.badge-annex:focus, a.badge-annex.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(255, 194, 65, 0.5);
}*/

.badge-agreement {
    color: #ffffff;
    background-color: #6495ED;
}

.badge-contract {
    color: #ffffff;
    background-color: #00CED1;
}

.btn-outline-annex {
    color: #5F9EA0;
    border-color: #5F9EA0;
}

    .btn-outline-annex:hover {
        color: #fff;
        background-color: #5F9EA0;
        border-color: #5F9EA0;
    }

    .btn-outline-annex:focus, .btn-outline-annex.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
    }

    .btn-outline-annex.disabled, .btn-outline-annex:disabled {
        color: #5F9EA0;
        background-color: transparent;
    }

    .btn-outline-annex:not(:disabled):not(.disabled):active, .btn-outline-annex:not(:disabled):not(.disabled).active,
    .show > .btn-outline-annex.dropdown-toggle {
        color: #fff;
        background-color: #5F9EA0;
        border-color: #5F9EA0;
    }

        .btn-outline-annex:not(:disabled):not(.disabled):active:focus, .btn-outline-annex:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-annex.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
        }

.btn-outline-agreement {
    color: #6495ED;
    border-color: #6495ED;
}

    .btn-outline-agreement:hover {
        color: #fff;
        background-color: #6495ED;
        border-color: #6495ED;
    }

    .btn-outline-agreement:focus, .btn-outline-agreement.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
    }

    .btn-outline-agreement.disabled, .btn-outline-agreement:disabled {
        color: #6495ED;
        background-color: transparent;
    }

    .btn-outline-agreement:not(:disabled):not(.disabled):active, .btn-outline-agreement:not(:disabled):not(.disabled).active,
    .show > .btn-outline-agreement.dropdown-toggle {
        color: #fff;
        background-color: #6495ED;
        border-color: #6495ED;
    }

        .btn-outline-agreement:not(:disabled):not(.disabled):active:focus, .btn-outline-agreement:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-agreement.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
        }

.btn-outline-contract {
    color: #00CED1;
    border-color: #00CED1;
}

    .btn-outline-contract:hover {
        color: #fff;
        background-color: #00CED1;
        border-color: #00CED1;
    }

    .btn-outline-contract:focus, .btn-outline-contract.focus {
        -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
        box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
    }

    .btn-outline-contract.disabled, .btn-outline-contract:disabled {
        color: #00CED1;
        background-color: transparent;
    }

    .btn-outline-contract:not(:disabled):not(.disabled):active, .btn-outline-contract:not(:disabled):not(.disabled).active,
    .show > .btn-outline-contract.dropdown-toggle {
        color: #fff;
        background-color: #00CED1;
        border-color: #00CED1;
    }

        .btn-outline-contract:not(:disabled):not(.disabled):active:focus, .btn-outline-contract:not(:disabled):not(.disabled).active:focus,
        .show > .btn-outline-contract.dropdown-toggle:focus {
            -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
            box-shadow: 0 0 0 0.2rem rgba(29, 201, 88, 0.5);
        }

.centerStart {
    display: flex !important;
    justify-content: start !important;
    align-items: center !important;
}

.centerMid {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 0.5rem;
    margin-right: 0.25rem;
}

.gradient-text {
    background: linear-gradient(to right, #00ffff, #0066ff);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    animation: gradient-animation infinite ease-in-out infinite alternate;
}

@keyframes gradient-animation {
    from {
        background-position: left;
    }

    to {
        background-position: right;
    }
}

.monthReportTableItem-mini {
    height: 5px;
}

.monthReportTableItem-xs {
    height: 10px;
}

.monthReportTableItem-sm {
    height: 20px;
}

.monthReportTableItem-md {
    height: 30px;
}

.monthReportTableItem-lg {
    height: 40px;
}

.monthReportTableItem-lg {
    height: 50px;
}

.text-red {
    color: red !important;
}

.text-black {
    color: black !important;
}

.bg-info-10 {
    background-color: #def0ff;
    color: black;
}

.text-rotate-left {
    transform: rotate(-90deg);
    /*white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 100px;
    width: 20px;*/
}

.border-light-gray {
    border-color: #AEAEAE !important;
}

.highlighted {
    background-color: #F7F777;
}

.panel-tag-danger {
    border-left: 3px solid red !important;
    background-color: #f9bebe !important;
}

.panel-tag-info {
    border-left: 3px solid #63f0ff !important;
    background-color: #d8f8ff !important;
}

.panel-tag-warning {
    border-left: 3px solid #ffcb00 !important;
    background-color: #fff7b1 !important;
}

.informationModalStyle {
    background-color: white;
    border-radius: 100px !important;
}

.border-2 {
    border-width: 2px !important;
}

.border-3 {
    border-width: 3px !important;
}

.border-4 {
    border-width: 4px !important;
}

.border-5 {
    border-width: 5px !important;
}

@media (min-width: 992px) {
    .modal-xxl {
        max-width: 1540px;
    }
}

@media (min-width: 1399px) {
    .modal-xxl {
        max-width: 1540px;
    }
}

.modal-xl-percent {
    max-width: 80% !important;
    height: 80% !important;
}

.modal-xxl-percent {
    max-width: 90% !important;
    height: 90% !important;
}

.o-100 {
    opacity: 100% !important;
}

/*.toolbar-container {
    position: sticky;*/
    /*top: 165px;*/
    /*top: 122px;
    z-index: 999;*/ /* higher than table header to ensure it stays on top */
    /*background: #fff;*/ /* ensure a background so text is readable over content */
    /*padding: 10px;*/ /* optional for spacing */
/*}*/

.makeToolbarSticky .fixed-table-toolbar {
    position: sticky;
    top: 122px;
    z-index: 512;
    background-color: white;
}

/* #region Summernote Default */
.note-editor .note-toolbar button.active i,
.note-editor .note-toolbar button:hover i {
    color: #000 !important;
}
/* #endregion Summernote Default */

/* #region Summernote Style */
.note-editor .note-toolbar .dropdown-menu.note-check {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 4px 0;
    margin: 0;
    min-width: 300px;
}

    .note-editor .note-toolbar .dropdown-menu.note-check li {
        list-style: none;
        margin: 2px 0;
    }

    .note-editor .note-toolbar .dropdown-menu.note-check i.note-icon-menu-check {
        margin-right: 8px;
    }

/* Style dropdown: Make the entire line clickable */
.note-editor .note-toolbar .dropdown-menu.dropdown-style li > a {
    display: block; /* Makes the entire anchor area clickable */
    padding: 8px 16px; /* Adds spacing around the content */
    margin: 0; /* Removes default margins */
    color: #333; /* Sets text color; adjust as needed */
    text-decoration: none; /* Removes underline */
    cursor: pointer;
}

    /* Hover and focus states for the Style dropdown */
    .note-editor .note-toolbar .dropdown-menu.dropdown-style li > a:hover,
    .note-editor .note-toolbar .dropdown-menu.dropdown-style li > a:focus {
        background-color: #f0f0f0;
        color: #000;
    }
/* #endregion Summernote Style */

/* #region Summernote Font Size and Font Name */
.note-editor .note-toolbar .dropdown-fontname li > a,
.note-editor .note-toolbar .dropdown-fontsize li > a {
    display: block; /* Make the entire row clickable */
    padding: 8px 16px; /* Adjust spacing around the text */
    margin: 0; /* Remove default margin if any */
    color: #333; /* Text color */
    text-decoration: none; /* Remove underlines */
    cursor: pointer; /* Cursor becomes pointer */
}

    /* Better UX */
    .note-editor .note-toolbar .dropdown-fontname li > a:hover,
    .note-editor .note-toolbar .dropdown-fontsize li > a:hover,
    .note-editor .note-toolbar .dropdown-fontname li > a:focus,
    .note-editor .note-toolbar .dropdown-fontsize li > a:focus {
        background-color: #f0f0f0;
        color: #000;
    }
/* #endregion Summernote Font Size and Font Name */

.badge-error {
    color: #fff;
    background-color: red;
}

a.badge-error:hover, a.badge-error:focus {
    color: #fff;
    background-color: red;
}

a.badge-error:focus, a.badge-error.focus {
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
    box-shadow: 0 0 0 0.2rem rgba(29, 201, 183, 0.5);
}

.centerIconInside {
    /* square click-target */
    width: 48px; /* pick any size */
    height: 48px;
    /* center anything inside */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0; /* override btn padding */
}

/*#region .file-tree*/
/* UL itself – move everything ~½ rem to the left */
.file-tree {
    list-style: none;
    margin: 0 0 0 .9rem; /* was 1.25rem */
    padding: 0;
    position: relative;
}

    /* vertical trunk */
    .file-tree::before {
        content: '';
        position: absolute;
        left: -.55rem; /* was -.75rem  → nearer to icons   */
        top: .4rem;
        bottom: 0;
        width: 2px;
        background: #bfbfbf;
    }

    /* every LI */
    .file-tree > li {
        position: relative;
        margin: 0 0 .6rem 0; /* a hair more spacing */
        padding-left: .55rem; /* keep same delta as trunk’s left */
        display: flex;
        align-items: center;
    }

        /* horizontal branch */
        .file-tree > li::before {
            content: '';
            position: absolute;
            top: 50%; /* exact centre of the icon */
            transform: translateY(-4px); /* 1 px up so line crosses middle */
            left: -.55rem; /* meets the trunk flush */
            width: 1.2rem; /* no over-hang */
            height: 2px;
            background: #bfbfbf;
        }

        /* trim trunk after last item */
        .file-tree > li:last-child::after {
            content: '';
            position: absolute;
            left: -.55rem;
            top: 45%;
            bottom: 0;
            width: 2px;
            background: #fff; /* match page background */
        }
/*#endregion .file-tree*/