body {
    -webkit-print-color-adjust: exact !important;
}

.bg-info {
    background: #328c46 !important;
}

.register {
    background: -webkit-linear-gradient(left, #328c46, #235a00);
    margin-top: 3%;
    padding: 3%;
}


.loadinggif {
    background: url('../images/spinner.gif') no-repeat right center;
    background-size: 25px;
}

.register-left {
    text-align: center;
    color: #fff;
    margin-top: 0%;
}

    .register-left a {
        border: none;
        border-radius: 1.5rem;
        padding: 2%;
        width: 60%;
        background: #f8f9fa;
        font-weight: bold;
        color: #383d41;
        margin-top: 8%;
        margin-bottom: 3%;
        cursor: pointer;
        text-decoration: none;
        padding-left: 7%;
        padding-right: 7%;
    }

.register-right {
    background: #f8f9fa;
    border-top-left-radius: 5% 50%;
    border-bottom-left-radius: 5% 50%;
}

.register-right-2 {
    background: #f8f9fa;
    padding: 15px;
}

.result-right {
    background: #f8f9fa;
}

.register-left img {
    margin-top: 15%;
    margin-bottom: 5%;
    width: 32%;
    -webkit-animation: mover 2s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-20px);
    }
}

.register-left p {
    font-weight: lighter;
    padding: 12%;
    margin-top: -9%;
}

.register .register-form {
    padding: 5%;
   /* margin-top: 5%;*/
}

.btnRegister {
    float: right;
    margin-top: 0%;
    border: none;
    border-radius: 1.5rem;
    padding: 1%;
    background: #017213;
    color: #fff;
    font-weight: 600;
    width: 15%;
    cursor: pointer;
}

.btnRegister:disabled {
        background-color: grey !important;
        border-color: grey !important;
        color: white !important;
        cursor: not-allowed;
        opacity: 0.7;
}


.btnScreens {
    /* float: right; */
    /* margin-top: 0%; */
    border: none;
    border-radius: 1.5rem;
    /* padding: 1%; */
    /* background: #017213; */
    /* color: #fff; */
    /* font-weight: 600; */
    /* width: 15%; */
    cursor: pointer;
}

.warning {
    border-color: red;
    background-color: #ffecec;
}

.register .nav-tabs {
    margin-top: 3%;
    border: none;
    background: #0062cc;
    border-radius: 1.5rem;
    width: 28%;
    float: right;
}

    .register .nav-tabs .nav-link {
        padding: 2%;
        height: 34px;
        font-weight: 600;
        color: #fff;
        border-top-right-radius: 1.5rem;
        border-bottom-right-radius: 1.5rem;
        cursor: pointer;
        background-color: #328c46;
    }

        .register .nav-tabs .nav-link:hover {
            border: none;
        }

        .register .nav-tabs .nav-link.active {
            width: 100px;
            color: #0062cc;
            border: 2px solid #0062cc;
            border-top-left-radius: 1.5rem;
            border-bottom-left-radius: 1.5rem;
        }

.register-heading {
    text-align: center;
    margin-top: 5%;
    margin-bottom: 0;
    color: #328c46;
}

.page-heading {
    text-align: center;
    margin-top: 0%;
    margin-bottom: 0%;
    color: #328c46;
}

@media print {
    .register {
        background: #8f8f8f !important;
    }

    .nav-link, .bck {
        display: none;
    }
}

.grey {
  color: #646363;
}

.teal {
    color: #00b6ce;
}

.blue {
    color: #004f8b;
}

.yellow {
    color: #fdc100;
}

.orange {
    color: #ed6b06;
}
.maroon {
    color: #7a232e;
}

.teal2 {
    color: #03b0c9;
}

.black {
    color: black;
}

.required-field::after {
    content: " *"; /* Adds an asterisk */
    color: red; /* Makes it red */
    font-weight: bold;
}

/* Change the background color of the accordion header */
/*.accordion-button {
    background-color: #8C3278 !important;*/ /* Change to your desired color */
    /*color: white !important;*/ /* Change text color */
    /*font-weight: bold;
}*/

    /* Change color when accordion is collapsed */
    /*.accordion-button.collapsed {
        background-color: #328c46 !important;*/ /* Change to a darker shade */
        /*color: white !important;
    }*/

    /* Remove Bootstrap default shadow */
    /*.accordion-button:focus {
        box-shadow: none;
    }*/

/* Round the entire accordion */
/*.accordion-item {
    border-radius: 10px !important;*/ /* Rounded edges */
    /*overflow: hidden;*/ /* Ensures child elements don't break the roundness */
    /*margin-bottom: 10px;*/ /* Adds spacing between sections */
/*}*/

/* Round the accordion header */
.accordion-button {
    border-radius: 10px !important; /* Rounded edges */
    background-color: #00B3CA !important; /* Custom color */
    color: white !important;
    font-weight: bold;
    margin-bottom: 5px;
}

/* Round the accordion body */
.accordion-body {
    border-radius: 0 0 10px 10px !important; /* Rounds bottom corners only */
    background-color: #f8f9fa; /* Light background */
}

/* Ensure collapsed headers keep rounded edges */
.accordion-button.collapsed {
    border-radius: 10px !important;
    background-color: #006976 !important; /* Darker shade */
}

/* Remove box shadow when clicking */
.accordion-button:focus {
    box-shadow: none !important;
}

/* Ensures smooth transitions */
.accordion-collapse {
    transition: all 0.3s ease-in-out;
}

.custom-placeholder {
    color: #6bd85f !important;
    font-style: italic !important;
    opacity: 1;
}

.card {
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    box-shadow: 0 1px 2.94px 0.06px rgba(4,26,55,0.16);
    border: none;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.card .card-block {
        padding: 10px;
    }

.score-card i {
    font-size: 26px;
}

.score-card {
    color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}




.bg-c-blue {
    background: linear-gradient(45deg,#4099ff,#73b4ff);
}

.bg-c-green-risk {
    background: linear-gradient(45deg,#6bd85f, #235a00);
    color: white;
}

.bg-c-green-score {
    background: linear-gradient(45deg, #00171a, #00b3ca);
    color: white;
}

.bg-c-orange-score {
    background: linear-gradient(45deg, #ffc107, #ffa707fa);
    color: white;
}

.bg-c-orange-risk {
    background: linear-gradient(45deg, #ffa707fa, #ffc107);
    color: white;
}

.bg-c-red-risk {
    background: linear-gradient(45deg,#ff000082,#ff0000);
    color: white;
}

.bg-c-red-score {
    background: linear-gradient(45deg,#ff0000,#ff000082);
    color: white;
}

.bg-c-yellow {
    background: linear-gradient(45deg,#FFB64D,#ffcb80);
}

.bg-c-pink {
    background: linear-gradient(45deg,#FF5370,#ff869a);
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.text-center{
    text-align: center!important;
}

.accordion-button::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23003300'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23003300'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") !important;
}

.text-ellipse {
    display: block; /* Ensures it behaves as a block */
    width: 250px; /* Set a fixed width */
    white-space: nowrap; /* Prevents text from wrapping */
    overflow: hidden; /* Hides overflowing content */
    text-overflow: ellipsis; /* Adds the "..." when text is too long */
}

.blue-highlight {
    color: #0080ff;
    font-weight: bold;
}
.text-red-important {
    color: red !important;
}

.text-green-important {
    color: green !important;
}
.tblFlows {
    width: 100%;
    table-layout: fixed; /* Ensures columns do not exceed container width */
}
.tblFlows {
    width: 100%;
    table-layout: auto; /* Allow dynamic column adjustment */
}
.tblFlows th,
.tblFlows td {
        white-space: nowrap; /* Prevents text from wrapping */
        overflow: hidden;
        text-overflow: ellipsis; /* Adds "..." when text overflows */
    }

        .tblFlows th:nth-child(4),
        .tblFlows td:nth-child(4) {
            max-width: 200px; /* Adjust as needed */
            min-width: 150px;
        }

@media (max-width: 1200px) {
    .tblFlows th:nth-child(4),
    .tblFlows td:nth-child(4) {
        max-width: 150px; /* Adjust for smaller screens */
        min-width: 100px;
    }
}
.tblFlows td.ellipsis:hover {
    overflow: visible;
    white-space: normal;
    text-overflow: unset;
    word-break: break-all;
    position: absolute;
    background: white;
    z-index: 10;
    padding: 5px;
    border: 1px solid #ddd;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}
.tblFlows td:last-child {
    width: 220px; /* Adjust button column width */
    white-space: nowrap;
/*    text-align: right;*/
}

    .tblFlows td:last-child .list-inline {
        flex-wrap: nowrap; /* Prevents buttons from wrapping */
    }

    .tblFlows td:last-child .btnScreens {
        min-width: 75px; /* Ensures buttons have enough space */
    }

.swal2-confirm {
    background-color: #00b3ca !important; /* Orange-Red */
    color: white !important;
    border-radius: 5px;
    padding: 8px 15px !important;
}

.swal2-cancel {
    background-color: #dd3333 !important; /* Orange-Red */
    color: white !important;
    border-radius: 5px;
    padding: 8px 15px!important;
}

.swal2-confirm:hover {
        /*background-color: #D63031 !important;*/ /* Darker Red */
 }

.flow-card {
    border: 1px solid #ddd;
    border-radius: 8px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    min-height: 100px;
    background: #f8f9fa;
}

    .flow-card:hover {
        background-color: #00b3ca;
    }

.flow-checkbox {
    transform: scale(1.2); /* Make checkbox slightly larger */
/*    border-color: #198754!important;
    background-color: #198754!important;*/
}

.flow-checkbox:checked {
        border-color: #198754 !important;
        background-color: #198754 !important;
}

.text-50{
    width: 50%;
}

.validation-summary-errors ul {
    list-style-type: none;
    padding-left: 0;
}

.form-check-input:checked {
    background-color: #00b3ca !important;
    border-color: #00b3ca !important;
}

@media print {
    canvas {
        width: 100% !important;
        height: auto !important;
    }

    .col-md-4 {
        width: 100% !important;
        max-width: 100% !important;
    }
}

.gauge-canvas {
    max-width: 220px;
    max-height: 160px;
    display: block;
    margin-left: 0;   /* force left alignment */
    margin-right: auto;
}