﻿.divCaptach {
    display: flex;
    flex-wrap: nowrap;
}

.btn-refresh {
    border: none;
    height: 30px;
    align-self: center;
    margin-left: 3px;
    border-radius: 4px;
    cursor: pointer;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAxMDAwIDEwMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMDAgMTAwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz48Zz48ZyBpZD0icmVmcmVzaCI+PHBhdGggZD0iTTg0MywxNTdDNzU3LjIsNjUuMSw2MzQuNywxMCw1MDAsMTBDMjMwLjUsMTAsMTAsMjMwLjUsMTAsNTAwYzAsMjY5LjUsMjIwLjUsNDkwLDQ5MCw0OTBjMjI2LjYsMCw0MTYuNS0xNTkuMyw0NzEuNi0zNjcuNUg4NDNjLTQ5LDE0MC45LTE4My44LDI0NS0zNDMsMjQ1Yy0yMDIuMSwwLTM2Ny41LTE2NS40LTM2Ny41LTM2Ny41YzAtMjAyLjEsMTY1LjQtMzY3LjUsMzY3LjUtMzY3LjVjMTA0LjEsMCwxODkuOSw0Mi45LDI1Ny4yLDExMC4ybC0xOTYsMTk2SDk5MFYxMEw4NDMsMTU3eiIvPjwvZz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PC9nPg0KPC9zdmc+) no-repeat, #cacaca;
    background-position-y: center;
    background-position-x: center;
    background-size: 70%;
    width: 30px;
}

/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
    opacity: 1;
}

    /* Tooltip text */
    .tooltip .tooltiptext {
        visibility: hidden;
        min-width: 200px;
        max-width: 400px;
        background-color: #205B84;
        color: #fff;
        padding: 10px;
        left: 50%;
        margin-left: -100px;
        bottom: 120%;
        text-align: center;
        border-radius: 6px;
        /* Position the tooltip text - see examples below! */
        position: absolute;
        z-index: 1;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
        visibility: visible;
    }

    .tooltip .tooltiptext::after {
        content: " ";
        position: absolute;
        top: 100%; /* At the bottom of the tooltip */
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #205B84 transparent transparent transparent;
    }

    .tooltip .tooltiptext {
        opacity: 0;
        transition: opacity 1s;
    }

    .tooltip:hover .tooltiptext {
        opacity: 1;
        transition: opacity 1s;
    }

.loaderContainer {
}

.loader {
    display: block;
    /*    position: absolute;
*/ top: 50%;
    left: 50%;
    height: 50px;
    width: 50px;
    margin: 0 0 0 -25px;
    border: 2px solid transparent;
    border-top-color: #205B84;
    border-radius: 50%;
    -webkit-animation: spin7 1.5s ease infinite;
    animation: spin7 1.5s ease infinite;
}

    .loader:before {
        content: "";
        position: absolute;
        top: 7px;
        right: 7px;
        bottom: 7px;
        left: 7px;
        border: 2px solid transparent;
        border-radius: 50%;
        border-top-color: #A3CA58;
        -webkit-animation: spin7 3s linear infinite;
        animation: spin7 3s linear infinite;
    }

    .loader:after {
        content: "";
        position: absolute;
        top: 15px;
        right: 15px;
        bottom: 15px;
        left: 15px;
        border: 2px solid transparent;
        border-radius: 50%;
        border-top-color: #FCB043;
        -webkit-animation: spin7 1.5s ease infinite;
        animation: spin7 1.5s ease infinite;
    }

@-webkit-keyframes spin7 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes spin7 {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.modal-body {
    max-height: calc(100vh - 150px);
    overflow-y: auto;
    overflow-x: hidden;
}

.btn-close {
    width: 30px;
    height: 25px;
}

:root {
    --bg: #fff;
}

.form-group-floating {
    --padY: .5rem;
    --padX: .75rem;
    position: relative;
    margin: 0.15rem 0rem;
}

.floatingLabel {
    position: absolute;
    left: var(--padX);
    top: var(--padY);
    background: var(--bg);
    padding-inline: .3em;
    transition: transform 200ms;
    pointer-events: none;
    transform-origin: left;
    translate: -.3em;
}

.floatingInput {
    background-color: var(--bg);
}

    .floatingInput::placeholder {
        opacity: 0;
    }

    .floatingInput:focus + label,
    .floatingInput:not(:placeholder-shown) + label,
    .floatingInput:-webkit-autofill + label {
        transform: translateY(calc(-50% - var(--padY))) scale(.8);
        margin-left: 0.25rem;
    }
/*
div[data-lastpass-icon-root] {
    display: none;
}

div[data-lastpass-root] {
    display: none;
}*/
/*input {
    background-image: none !important;
    background-attachment: none !important;
    padding-right: 0 !important;
}
*/



.floating-group {
    --pad: .75rem;
    position: relative;
}

    .floating-group > label {
        position: absolute;
        left: var(--pad);
        top: var(--pad);
        padding-inline: .3em;
        background: var(--bs-body-bg);
        transition: transform 200ms;
        pointer-events: none;
        transform-origin: left;
        translate: -.3em;
    }

    .floating-group > input,
    .floating-group > select {
        /*padding: var(--pad);*/
        /*border-radius: 8px;*/
        /*border: 1px solid #eee;*/
    }

        .floating-group > input::placeholder,
        .floating-group > select::placeholder {
            opacity: 0;
        }

        .floating-group > input:focus + label,
        .floating-group > input:not(:placeholder-shown) + label,
        .floating-group > select:focus + label,
        .floating-group > select:not(:placeholder-shown) + label {
            transform: translateY(calc(-50% - var(--pad))) scale(.8);
        }



.pg-form-field-content {
    box-sizing: border-box;
    /* border: solid 1px #e9eaed; */
    padding: 0px 2px;
    border-radius: 4px;
    box-shadow: none;
    /* background-color: var(--rz-input-background-color); */
    position: relative;
    display: inline-flex;
    align-items: center;
    vertical-align: top;
    margin-block: 0.625rem 0;
    margin-inline: 0;
    box-shadow: none;
    transition: all 0.1s linear, width 0, height 0;
}

.pg-form-field-label {
    color:darkgray;
    position: absolute;
    pointer-events: none;
    padding: 0.125rem 0.1875rem;
    inset-block-start: 50%;
    inset-inline-end: auto;
    border-radius: 4px;
    inset-inline-start: 0.25rem;
    max-width: calc(100% - 1.5rem);
    transform: translate(0, -50%);
    background-color: transparent;
    transition: inset-block-start 0.1s linear, transform 0.1s linear, color 0.1s linear, font-size 0.1s linear, max-width 0.1s linear;
}

body.dark .pg-form-field-label {
    background-color: #283636 !important;
}

.pg-text-area-label {
    transform: translate(0, -100%);
}

.pg-textbox:focus ~ .pg-form-field-label,
.pg-textbox:not(:placeholder-shown) ~ .pg-form-field-label,
:not(.pg-state-empty) ~ .pg-form-field-label {
    inset-inline-end: auto;
    inset-block-start: -0.625rem;
    padding-block-start: 0;
    padding-block-end: 0;
    transform: translate(0, 0);
    background-color: #fff;
    font-size: 0.75rem;
    line-height: 1rem;
    max-width: calc(100% - 1.5rem);
}

.searchable-dropdown {
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

    .searchable-dropdown button {
        min-height: 2.2rem;
    }

@media print {
    .pg-form-field-label {
        inset-inline-end: auto;
        inset-block-start: -0.625rem;
        padding-block-start: 0;
        padding-block-end: 0;
        transform: translate(0, 0);
        background-color: #fff;
        font-size: 0.75rem;
        line-height: 1rem;
        max-width: calc(100% - 1.5rem);
    }
}

.form-check-input {
    margin-left: -2.5rem !important;
    font-size: 1.3rem;
    border-color: darkgray;
}

.form-select {
    background-color: var(--rz-input-background-color);
    color: var(--rz-input-color);
}
