/* START : GENERAL */
.fc-success {
    color: #00ac69;
}

.fs-8rem {
    font-size: 0.875rem;
}

.fs-xmlcontent {
    font-size: 1.1rem !important;
}

.minh2 {
    min-height: 2rem !important;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.fs-italic {
    font-style: italic !important;
}

.h100 {
    height: 100px !important;
}

.mt-2r {
    margin-top: 2rem !important;
}

.fs-10 {
    font-size: 10px;
}

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-14 {
    font-size: 14px;
}

.fs-15 {
    font-size: 15px;
}

.fs-16 {
    font-size: 16px;
}

.fw-700 {
    font-weight: 700;
}

.w-70 {
    width: 70%;
}

.w-65 {
    width: 65%;
}

.break-word {
    word-wrap: break-word;
}

.w-90 {
    width: 90% !important;
}

.w-40 {
    width: 40% !important;
}

.mt-40 {
    margin-top: 40%;
}

.mtp-27 {
    margin-top: 2.7rem !important;
}

.mtp-19 {
    margin-top: 1.9rem !important;
}

.mb-15pc {
    margin-bottom: 15%;
}

.max-h-210 {
    max-height: 210px;
}

.max-h45 {
    max-height: 45% !important;
}

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

.cmdmodalmaxwidth {
    max-width: 530px !important;
}

.localmodalmaxwidth {
    max-width: 1260px !important;
}

.cmdmodalborder {
    border: 5px solid rgb(144 147 152);
    border-radius: 15px;
}

.btn-grey {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-grey:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}

.invalidcub {
    background-color: #ff000052 !important;
}

.expiredCert {
    background-color: #ff000052 !important;
    border: 2px solid red !important;
    color: black;
    font-weight: bold;
}

.newtemplatecardpad {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 1%;
}

.vertical-overflow-auto {
    overflow-y: auto;
}

.invalidcub:hover {
    background: #ff000052;
}

.d-initial {
    display: initial;
}

#profileBadge {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #512DA8;
    font-size: 16px;
    color: #fff;
    text-align: center;
    line-height: 42px;
}

.form-errormsg {
    color: red;
    font-size: 12px;
    margin-top: 1%;
}

.fc-warning {
    color: rgb(224, 142, 11) !important;
}

.fc-danger {
    color: red !important;
}

.fc-white {
    color: white !important;
}

.bg-gray {
    background-color: #808080a6;
}

.logopreview {
    padding: 0 25px 0 20px
}

.badge-primary {
    --bs-bg-opacity: 1;
    background-color: #005A8B !important;
}

.width25 {
    width: 25% !important;
}

.width20 {
    width: 20% !important;
}

.widthauto {
    width: auto !important;
}

.width30 {
    width: 30%;
}

.width85 {
    width: 85%;
}

.height250 {
    height: 250px;
}

.width100 {
    width: 100%;
}

.horizCenterAlign {
    margin-left: auto;
    margin-right: auto;
}

.btnActions {
    padding: 8px 8px;
}

.crsPointer {
    cursor: pointer;
}

.fs-inherit {
    font-size: inherit !important;
}

.thumbEllipsis {
    max-width: 190px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.noShadow {
    box-shadow: none;
}

.platformv {
    font-size: 0.60rem;
    float: right;
    margin-right: 10px;
}

/* .loader5 {
    display: none;
    background: rgba(255, 255, 255, 0.5);
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
} */

.loadercontainer {
    display: none;
    background: rgba(255, 255, 255, 0.5);
    position: fixed;
    z-index: 9990;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.loadersdtxt {
    position: absolute;
    top: 55%;
    left: 44%;
    height: 50px;
    width: 300px;
    text-align: center;
    margin-top: 1rem;
    color: #0060f0;
}

.loadersd {
    position: absolute;
    top: 50%;
    left: 50%;
    animation: rotate 1s infinite;
    height: 50px;
    width: 50px;
    /*margin: -90px 0 0 -90px;*/
}

.loadersd:before,
.loadersd:after {
    border-radius: 50%;
    content: "";
    display: block;
    height: 20px;
    width: 20px;
}

.loadersd:before {
    animation: ball1 1s infinite;
    background-color: #80b0f8;
    box-shadow: 30px 0 0 #0060f0;
    margin-bottom: 10px;
}

.loadersd:after {
    animation: ball2 1s infinite;
    background-color: #0060f0;
    box-shadow: 30px 0 0 #80b0f8;
}

@keyframes rotate {
    0% {
        transform: rotate(0deg) scale(0.8)
    }

    50% {
        transform: rotate(360deg) scale(1.2)
    }

    100% {
        transform: rotate(720deg) scale(0.8)
    }
}

@keyframes ball1 {
    0% {
        box-shadow: 30px 0 0 #0060f0;
    }

    50% {
        box-shadow: 0 0 0 #0060f0;
        margin-bottom: 0;
        transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #0060f0;
        margin-bottom: 10px;
    }
}

@keyframes ball2 {
    0% {
        box-shadow: 30px 0 0 #80b0f8;
    }

    50% {
        box-shadow: 0 0 0 #80b0f8;
        margin-top: -20px;
        transform: translate(15px, 15px);
    }

    100% {
        box-shadow: 30px 0 0 #80b0f8;
        margin-top: 0;
    }
}




.loader2 {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -90px 0 0 -90px;
}

.circle {
    position: absolute;
    border: 3px solid transparent;
    /*border-top-color: transparent;*/
    border-top-color: #0892F8;
    border-radius: 50%;
    /*-webkit-animation: rotate linear infinite;*/
    animation: rotate linear infinite;
    /*animation-duration: 0s;*/
}

.circle.one {
    height: 75px;
    width: 75px;
    left: 50px;
    top: 50px;
    -webkit-animation-duration: 0.85s;
    animation-duration: 0.85s;
}

.circle.two {
    height: 100px;
    width: 100px;
    top: 38px;
    left: 38px;
    -webkit-animation-duration: 0.95s;
    animation-duration: 0.95s;
}

.circle.three {
    height: 125px;
    width: 125px;
    top: 25px;
    left: 25px;
    -webkit-animation-duration: 1.05s;
    animation-duration: 1.05s;
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }

    to {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}

@keyframes rotate {
    from {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }

    to {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }
}


.loadtext {
    margin-left: 15px;
    margin-top: 160px;
    color: #0892F8;
    background: transparent;
    padding: 10px;
    font-weight: bold;
}

@keyframes beat {
    10% {
        transform: scale(0.8)
    }

    20% {
        transform: scale(1.2)
    }

    40% {
        transform: scale(1.4)
    }

    50% {
        transform: scale(1.6)
    }

    60% {
        transform: scale(1.4)
    }

    80% {
        transform: scale(1.2)
    }

    90% {
        transform: scale(0.8)
    }

    100% {
        transform: scale(1)
    }
}

.text-muted-new {
    color: #21283294 !important;
}


.profileSettingsIcoDiv {
    overflow: hidden;
    height: 300px;
    margin-left: auto;
    display: table;
    margin-right: auto;
    font-size: 30px;
}

.profileSettingsIcoDiv span {
    display: table-cell;
    vertical-align: middle;
}

@media only screen and (max-width: 991px) {
    .profileSettingsIcoDiv {
        overflow: hidden;
        height: auto;
        display: none;
    }
}

.nav-fixed #layoutSidenav #layoutSidenav_nav .sidenav .sidenav-menu {
    direction: ltr;
    scrollbar-color: #0060f15e #e4e4e4;
    scrollbar-width: thin;
}

/* END : GENERAL */




/* START PAGE: operator.php */

.table-participant {
    overflow: hidden auto;
    display: flex;
    flex-wrap: wrap;
    max-height: 300px;
    min-height: 30px;
}


.table-participant .participant-item {
    display: flex;
    align-items: center;
    margin-right: -5px;

}

.table-participant .participant-item .completed {
    background-color: #999 !important;
}


.table-participant .participant-item .signer-name {
    position: relative;
    width: 30px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    border-radius: 50%;
    background-color: #2ca6cf;
    color: #fff;
    border: 1px solid #fff;
    cursor: pointer;
}

.table-participant .participant-item .bg1 {
    background-color: #9469b9;
}

.table-participant .participant-item .bg2 {
    background-color: #f33481;
}

.table-participant .participant-item .bg3 {
    background-color: #ed5734;
}

.table-participant .participant-item .bg4 {
    background-color: #fec513;
}

.table-participant .participant-item .bg5 {
    background-color: #a2c338;
}

.table-participant .participant-item .bg6 {
    background-color: #50b146;
}

.table-participant .participant-item .bg7 {
    background-color: #52d6c9;
}

.table-participant .participant-item .bg8 {
    background-color: #ab2152;
}





/* END : OPERATOR */


/* START PAGE: user.php */

.usrTaskInfo {
    cursor: pointer;
}

.usrTaskInfo a {
    float: left;
    margin: 5px;
}

.divBulkSignBtn {
    position: fixed;
    bottom: 0%;
    z-index: 100;
    left: 55%;
    transform: translateX(-58%);
    -moz-transform: translateX(-58%);
    width: 30%;
    min-width: 30%;
    margin-left: auto;
    margin-right: auto;
}


@media (max-width: 1150px) {
    .divBulkSignBtn {
        bottom: 0%;
        z-index: 100;
        left: 55%;
        -moz-transform: translateX(-58%);
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }

    .loadersdtxt {
        position: absolute;
        top: 55%;
        left: 15%;
        height: 50px;
        width: 300px;
        text-align: center;
        margin-top: 1rem;
        color: #0060f0;
        margin-right: auto;
        margin-left: auto;
    }

    .gapiModalEmbed {
        height: 350px !important;
    }

    .gapiModaliFrame {
        height: 350px !important;
    }
}

.bulkSignBtn {
    border-color: #008c35ab;
    background-color: #008c35ab;
    border-top-left-radius: 55px;
    min-width: 25%;
    border-top-right-radius: 55px;
    font-weight: 900;
}

.status-card-icon {
    font-size: 2rem;
}


/* END PAGE: user.php */

/* START PAGE: wfinfo.php */

.previoushop {
    color: #373737;
    padding: 10px 30px 10px 30px;
    background-color: rgba(2, 138, 2, 0.3);
}

.currenthop {
    border: 2px solid orange;
    padding: 10px 30px 10px 30px;
    color: #373737;
}

.futurehop {
    padding: 10px 30px 10px 30px;
    color: #373737;
    opacity: 0.5;
}

.docThumb {
    display: inline-block;
    /* margin: 5px auto 5px auto; */
    border: 1px solid black;
}

.xmlThumb {
    display: inline-block;
    /* margin: 5px auto 5px auto; */
    border: 1px solid black;
}

.close-modal {
    width: 40px;
    height: 40px;
    background: white;
    border-radius: 50%;
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    position: fixed;
    color: black;
    cursor: pointer;
    top: 10px;
    z-index: 999;
    border: 1px solid black;
}

.contentDownFileDocument {
    background-color: white;
    text-align: center;
    padding: 15px;
    width: 50%;
    border-radius: 3%;
    transform: translateX(50%) translateY(120%);
    box-shadow: rgb(136 165 191 / 48%) 6px 2px 16px 0px, rgb(255 255 255 / 80%) -6px -2px 16px 0px;
    border: 1px solid #00406E;
}

.btndownFilDocument {
    margin-top: 3%;
    margin-bottom: 3%;
    background-color: #00406E;
    color: white;
}

.btndownFilDocument:hover {
    color: white;
}

.btndownFilDocument:focus {
    color: white;
}

.nextHopIco {
    padding: 26px 30px 0px 30px;
}

.disabled-link {
    pointer-events: none !important;
}

.pdf-view-canvas {
    display: block;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin: auto;
}

.btnspecialpadding {
    padding: 0.875rem 2rem !important;
    font-weight: 500 !important;
}

@media only screen and (max-width: 768px) {
    .pdf-view-canvas {
        width: 100%;
    }

    .close-modal {
        right: 1vw !important;
    }
}

.canvheight {
    height: 1159.61px;
}

.no-tag-def-style {
    all: unset;
}

.no-tag-def-style:hover {
    color: unset;
}

/* END PAGE: wfinfo.php */

/* START PAGE: profile.php */

.btnNoDefStyle {
    background: none;
    color: white;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-decoration: none;
    font-weight: bold;
}

@media (min-width: 992px) {
    .reminderwidth {
        width: 14.2%;
    }
}

.reminderEllipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* END PAGE: profile.php */

/* START GAPI MODAL */

.gapiModal {
    padding-right: 17px;
}

.gapiModalLg {
    width: 950px;
    margin: 30px auto;
}

.gapiModalContent {
    border-radius: 2px;
    box-shadow: none;
    border: none;
    padding: 20px;
}

.gapiModalHeader {
    display: block;
    border-bottom: none;
}

.gapiModalTitle {
    font-weight: 700;
    text-align: center;
    font-size: 24px;
    margin-bottom: 20px;
}

.gapiCloseBtn {
    margin-top: -2px;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
}

.gapiModalBody {
    border: 1px solid #e6eaee;
    border-radius: 5px;
}

.gapiModalEmbed {
    position: relative;
    display: block;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.gapiModaliFrame {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.gapiModalFooter {
    padding: 15px 0;
    border-top: none;
    display: block;
    text-align: right;
}

.gapiiFrameMsg {
    float: left;
    text-align: left;
    max-width: 500px;
}

.btnGapiCloseModal {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
}

.iframe-errmsg {
    display: none;
}


@media only screen and (max-width: 730px) {
    .gapiModalLg {
        width: 100%;
    }

    .gapiModalEmbed {
        padding-bottom: 56.25%;
        /* 16:9*/
    }

}

/* END GAPI MODAL */

/* START PAGE: login.php */

.cardLoginOpt {
    width: 450px;
    margin: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-left: auto;
    margin-right: auto;
}

.loginCardLogo {
    text-align: center;
    margin-bottom: 10%;
    margin-top: 5%;
}

.loginInpt {
    margin-right: auto;
    margin-left: auto;
    width: 80%;
}


.droplanglink {
    font-size: 14px;
    text-decoration: none;
    color: #69707a;
}

.droplanglink:hover {
    text-decoration: none;
    color: #69707a;

}

/* END PAGE: login.php */

/*Datatables*/

.dataTables_scrollBody {
    font-size: 0.90rem;
}

/* INICIO: FILTROS DATATABLES */

.filterinput {
    border: 1px solid lightgrey;
    border-radius: 5px;
    outline: none;
    min-width: 250px;
    padding: 7px 20px;
    background-color: white;
}

.filterLabel {
    pointer-events: none;
    position: absolute;
    left: 400px;
    -webkit-transition: all .1s linear;
    background-color: white;
    padding: 1px;
    box-sizing: border-box;
    top: 73px;
}

.infoShowWf {
    margin-top: 2%;
}

.infoShowWf button {
    background: none;
    color: #40779E;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
    text-decoration: underline;
    font-weight: bold;
}

.infoShowWf span {
    color: #40779E;
    font-weight: bold;
    text-decoration: none;
}

/* FIM : FILTROS DATATABLES */

.tableIcons {
    font-size: 1.3rem;
}

.tablebtnIcons {
    font-size: 1.1rem;
}

table tr td i {
    font-size: 1.3rem;
}

table tr td button i {
    font-size: 1.1rem;
}


.text-italic {
    font-style: italic;
}

.color-green {
    color: #009259;
}

.color-red {
    color: #c51200;
}

.color-warning {
    color: #f4a100;
}

.color-blue {
    color: #005A8B;
}

.clsEventAction:hover {
    cursor: pointer;
}

.nopdf {
    text-align: center;
    color: #005a8b;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    font-style: italic;
}

.dataTables_filter {
    float: right !important;
}

.notasden {
    border-radius: 5px;
    padding: 5px;
    color: black;
    resize: none;
    height: 150px;
}

.createuserstep2 {
    display: none;
}

.createuserstep1 {
    display: block;
}

.passwordsContent {
    display: none;
}

.smallnote {
    font-weight: bold;
    font-size: 10px;
}

.disnone {
    display: none !important;
}

.iconActiveCheck {
    color: #008c35 !important;
}

.iconActiveClose {
    color: red !important;
}

.iconInactiveCheck {
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    opacity: 30%;
}

.noliststyle {
    list-style-type: none;
}

.fs-icon {
    font-size: 1.3rem !important;
}

.certIcons {
    display: inline-block;
    vertical-align: top;
    float: right;
    margin: -8px;
    padding: 8px 0px 8px 0px;
}

.certIcons button {
    width: 100%;
    padding: 0.2rem 0.1rem;
}

.slideIn {
    overflow: hidden;
    max-height: 9000px;
    /* VALOR ALEATÓRIO E ELEVADO PARA PREVER QUALQUER ALTURA */
    transition: max-height 1.5s ease-in;
}

.icobtn {
    width: 40px !important;
}

.txt-deco-underdot {
    text-decoration: underline dotted;
    text-decoration-thickness: 2px;
}

.slideOut {
    max-height: 0;
    transition: max-height 0.5s ease-out;
    overflow: hidden;
}

.colored-toast.swal2-icon-success {
    background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
    background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
    background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
    background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
    background-color: #87adbd !important;
}

.colored-toast .swal2-title {
    color: white;
}

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}

.overx-auto {
    overflow-x: auto;
}

.bckg-0::before {
    background-image: url('../img/bksd1.jpg');
}

.bckg-1::before {
    background-image: url('../img/bksd2.jpg');
}

.bckg-2::before {
    background-image: url('../img/bksd3.jpg');
}

.bckg-primary::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
}

.passwordstrgthlabel {
    margin-top: 2%;
}

.passwordstrgth_error {
    font-size: 12px;
    color: red;
}

.passwordstrgth_succ {
    font-size: 12px;
    text-decoration: line-through;
    color: green;
}

.fitContent {
    min-width: 100px;
    height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-style: dotted !important;
    border-top-width: 0px !important;
}

.newModalHeader {
    padding: 1rem 1.35rem;
    margin-bottom: 0;
    background-color: rgba(33, 40, 50, 0.03);
    border-bottom: 1px solid rgba(33, 40, 50, 0.125);
}

.newModalHeader>h5 {
    font-weight: 500;
}

.modalTabs {
    padding: 1rem 1.35rem;
    padding-top: 0px
}

table td {
    vertical-align: middle;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    max-width: 400px;
}

table th {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    max-width: 350px;
}

.noflex {
    display: block !important;
}

.w-02 {
    max-width: 2% !important;
}

.w-05 {
    max-width: 5% !important;
}

.w-10 {
    max-width: 10% !important;
}

.w-team {
    max-width: 400px !important;
}

.w-elippsis {
    max-width: 400px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w-15 {
    max-width: 15% !important;
}

.w-20 {
    max-width: 20% !important;
}

.w-75 {
    max-width: 75% !important;
}

.fileDeletedMsg {
    color: black;
    font-size: 12px;
    font-style: italic;
}

.zoom-in-out {
    animation: zoom-in-zoom-out 1s ease infinite;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

.sidenav-menu {
    overflow-x: hidden;
}

.fs-08 {
    font-size: 0.8rem !important;
}

.fs-01 {
    font-size: 1rem;
}

.pdfprev {
    max-width: none !important;
    margin: 0 !important;
    margin-top: 1.75rem !important;
}

.scrolldocs {
    max-width: 100%;
    white-space: nowrap;
    overflow: auto;
    display: inline-flex;
    align-items: center;
}

.trH60 {
    height: 60px;
}

table.nobordertable td {
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px dotted rgba(33, 40, 50, 0.3) !important;
    vertical-align: middle !important;
}


table.nobordertable th {
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px dotted rgba(33, 40, 50, 0.3) !important;
}

table.nobordertable tr {
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px dotted rgba(33, 40, 50, 0.3) !important;
}

table.table tr {
    min-height: 200px;
}


.dataTable-top,
.dataTable-bottom {
    display: none !important;
}

.dataTable-container {
    border-bottom: none !important;
}

.littleFont {
    font-size: 0.6rem;
    color: #69707a;
}

.actionstd {
    overflow-x: inherit !important;
    white-space: inherit !important;
    width: 3% !important;
}

/* ATTACHMENT RIBBON */

.attachContent {
    display: inline-block;
    position: relative;
}

.clipContent {
    position: absolute;
    right: 109px;
    top: 0px;
    color: white;
    font-size: 1.25rem;
    text-align: center;
    font-weight: 400;
    background: #40779E linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
    padding: 12px 5px 12px 5px;
    width: 43px;
    min-height: 43px;
    transition: clip-path 1s, padding 1s, background 1s;
    filter: drop-shadow(2px 3px 2px rgba(0, 0, 0, 0.5));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 8px), 50% 100%, 0 calc(100% - 8px));
}

.text-justify {
    text-align: justify;
}

.idCertAccountsTable tbody tr td {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.fs-10px {
    font-size: 10px;
}

.fs-18px {
    font-size: 18px;
}

.midcIcons {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
}

table.fitheightrow tbody tr {
    padding: inherit;
    height: 70px;
}

.swal2-container {
    z-index: 9999 !important;
}

.swal2-subtext {
    font-size: 0.9rem;
}

.blockText {
    display: block;
    color: #80b0f8;
}

.blockReportText {
    display: block;
    color: black;
}

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ellipsis div {
    position: absolute;
    top: 33px;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #80b0f8;
    animation-timing-function: cubic-bezier(0, 1, 1, 0);
}

.lds-ellipsis div:nth-child(1) {
    left: 8px;
    animation: lds-ellipsis1 0.6s infinite;
}

.lds-ellipsis div:nth-child(2) {
    left: 8px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(3) {
    left: 32px;
    animation: lds-ellipsis2 0.6s infinite;
}

.lds-ellipsis div:nth-child(4) {
    left: 56px;
    animation: lds-ellipsis3 0.6s infinite;
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(24px, 0);
    }
}

.lds-default {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-default div {
    position: absolute;
    width: 6px;
    height: 6px;
    background: #80b0f8;
    border-radius: 50%;
    animation: lds-default 1.2s linear infinite;
}

.lds-default div:nth-child(1) {
    animation-delay: 0s;
    top: 37px;
    left: 66px;
}

.lds-default div:nth-child(2) {
    animation-delay: -0.1s;
    top: 22px;
    left: 62px;
}

.lds-default div:nth-child(3) {
    animation-delay: -0.2s;
    top: 11px;
    left: 52px;
}

.lds-default div:nth-child(4) {
    animation-delay: -0.3s;
    top: 7px;
    left: 37px;
}

.lds-default div:nth-child(5) {
    animation-delay: -0.4s;
    top: 11px;
    left: 22px;
}

.lds-default div:nth-child(6) {
    animation-delay: -0.5s;
    top: 22px;
    left: 11px;
}

.lds-default div:nth-child(7) {
    animation-delay: -0.6s;
    top: 37px;
    left: 7px;
}

.lds-default div:nth-child(8) {
    animation-delay: -0.7s;
    top: 52px;
    left: 11px;
}

.lds-default div:nth-child(9) {
    animation-delay: -0.8s;
    top: 62px;
    left: 22px;
}

.lds-default div:nth-child(10) {
    animation-delay: -0.9s;
    top: 66px;
    left: 37px;
}

.lds-default div:nth-child(11) {
    animation-delay: -1s;
    top: 62px;
    left: 52px;
}

.lds-default div:nth-child(12) {
    animation-delay: -1.1s;
    top: 52px;
    left: 62px;
}

@keyframes lds-default {

    0%,
    20%,
    80%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.5);
    }
}


.cardheaderlink:link {
    text-decoration: none;
}


.cardheaderlink:visited {
    text-decoration: none;
}


.cardheaderlink:hover {
    text-decoration: none;
}


.cardheaderlink:active {
    text-decoration: none;
}

.cardOverlay {
    z-index: 1000;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    opacity: 0.6;
    cursor: wait;
    position: absolute;
}

.blockElement {
    z-index: 1011;
    position: absolute;
    padding: 0px;
    margin: 0px;
    width: 30%;
    top: 206.5px;
    left: 674.5px;
    text-align: center;
    color: rgb(0, 0, 0);
    border: 0px;
    cursor: wait;
}

.minwidth10 {
    min-width: 10%;
}

.zindex0 {
    z-index: 0 !important;
}

.dis-block {
    display: block;
}

.uploadFileMydocs {
    border: dashed 2px #00406E;
    margin-bottom: 2%;
    margin-right: 2%;
    margin-left: 2%;
    margin-top: 10px;
    border-radius: 3px;
}

.dragzoneMydocs:hover {
    background-color: rgb(0 0 0 / 9%);
    border-radius: 3px;
    margin: 2%;
}

.dragzoneMydocs {
    margin: 2%;
    cursor: pointer;
}

.fs-20 {
    font-size: 20px;
}

.fs-25 {
    font-size: 25px;
}

.fs-30 {
    font-size: 30px;
}



.sizefull {
    width: 100%;
    height: 100%;
}

.pbt-20-plf-20 {
    padding: 20px;
}

.w-20pc {
    width: 20%;
}

.w-35pc {
    width: 35% !important;
}

.uploadFileTableMydocs {
    margin: 2%;
    border-radius: 3px;
}

.uploadedFileBtnDel {
    font-size: 100%;
    font-family: inherit;
    border: 0;
    padding: 0px;
    background-color: transparent;
    color: red;
}

.boldhover {
    background: transparent !important;
}

.boldhover:hover {
    background: transparent;
    font-weight: bold;
}

.inp-csbox:checked+.csbox span:first-child {
    background: #00AF3F;
    border-color: #00AF3F;
    animation: wave 0.4s ease;
}

.inp-csbox:checked+.csbox span:first-child svg {
    stroke-dashoffset: 0;
}

.inp-csbox:checked+.csbox span:first-child:before {
    transform: scale(3.5);
    opacity: 0;
    transition: all 0.6s ease;
}


.reasoncontainer {
    position: relative;
    width: 100%;
}

.reasoncontainer img {
    width: 90%;
}

.reasoncontainer:hover {
    cursor: pointer;
}

.reasoncontent {
    position: absolute;
    top: 15px;
    left: 60px;
    color: black;
    text-align: left;
    width: 73%;
}

.reasoncontent h4 {
    font-size: 14px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 0px;
}

.reasontitle {
    float: left;
    margin-right: 5px;
}

.reasontextarea {
    resize: none;
    width: 85%;
    font-weight: 600;
    background-color: transparent;
    border: none !important;
    font-size: 14px;
}

.textareanotes {
    border-radius: 5px;
    border: solid 1px #999 !important;
    padding: 5px;
    color: black;
    resize: none;
    width: 70%;
    height: 200px;
    font-size: 14px;
}

@media screen and (max-width: 900px) {
    .reasontextarea {
        font-size: 12px;
        font-weight: inherit;
        width: 100%;
    }

    .reasoncontent h4 {
        font-size: 12px;
    }

    .reasoncontent {
        top: 10px;
        left: 40px;
    }

    .textareanotes {
        width: 100%;
    }
}


@media screen and (max-width: 550px) {
    .reasontextarea {
        font-size: 12px;
        font-weight: inherit;
        width: 100%;
    }

    .reasoncontent h4 {
        font-size: 12px;
    }

    .reasoncontent {
        top: 10px;
        left: 35px;
    }

    .textareanotes {
        width: 100%;
    }
}


@media screen and (max-width: 1920px) {
    .reasoncontainer img {
        display: none;
    }

    .reasoncontainer {
        text-align: center;
    }

    .reasontextarea {
        border-radius: 5px;
        border: solid 1px #999 !important;
        padding: 5px;
        color: black;
        resize: none;
        width: 100%;
        height: 200px;
        font-size: 14px;
        font-weight: inherit;
    }

    .reasoncontent {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }

    .reasoncontainer h4 {
        display: none;
    }

    .reasonnote {
        display: none;
    }

    .resondiv {
        text-align: center;
    }

    .textareanotes {
        width: 100%;
    }
}

.reasontextarea:focus {
    border: none;
    outline: none;
}

.reasontitles {
    font-size: 12px;
    text-align: center;
}

.reasonpadding {
    padding: 5% 10%;
}

.mt5perc {
    margin-top: 5%;
}

.reasonnote {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.reasontitles span {
    font-size: 14px;
    font-weight: 800;
}

.reasonerromsg {
    text-align: left;
    color: red;
    font-size: 12px;
    font-weight: bold;
}

.hrmargin {
    margin-top: 5%;
    margin-bottom: 5%;
}

.contenreasonsign {
    margin-top: 2%;
    text-align: left;
}


.cardLoadBkground {
    background: transparent;
    position: fixed;
    z-index: 9990;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.blockOverlay {
    z-index: 1000;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    opacity: 0.6;
    cursor: wait;
    position: absolute;
}

.blockElement {
    z-index: 1011;
    position: absolute;
    padding: 0px;
    margin: 0px;
    width: 100%;
    top: 35%;
    left: 0;
    text-align: center;
    color: rgb(0, 0, 0);
    border: 0px;
    cursor: wait;
}

.blockReportOverlay {
    z-index: 1000;
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-color: rgb(255, 255, 255);
    opacity: 0.6;
    cursor: pointer;
    position: absolute;
}

.blockReportElement {
    z-index: 1011;
    position: absolute;
    padding: 0px;
    margin: 0px;
    width: 100%;
    top: 45%;
    left: 0;
    text-align: center;
    color: rgb(0, 0, 0);
    border: 0px;
    cursor: pointer;
    opacity: 0.75;
}

.urliframe {
    width: 85%;
    height: 40vh;
}

.urliframecloud {
    width: 90%;
    height: 50vh;
}

.urliframeInProg {
    width: 85%;
}

.urliframefull {
    width: 100%;
    height: 40vh;
}

.docreadfooter {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #ffffffa3;
    font-size: 1.2em;
    padding: 2%;
    color: black;
}

.readtagContent {
    display: inline-block;
    position: relative;
}

.readtag {
    position: absolute;
    right: 62px;
    bottom: 10px;
    color: white;
    font-size: 1.25rem;
    text-align: center;
    font-weight: 400;
    background: #009259 linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
    padding: 2px 5px 2px 5px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
    width: 90px;
    min-height: 40px;
    transition: clip-path 1s, padding 1s, background 1s;
    border-top-right-radius: 10%;
    border-bottom-right-radius: 10%;
}

.bordercolorgreen {
    border: 2px solid #009259;
}

.blur {
    filter: blur(4px);
}

.graybutton {
    background-color: #69707abf;
    border-color: #69707abf;
    color: white;
}

.zoom-in-out2 {
    animation: zoom-in-zoom-out2 1s ease infinite;
}

@keyframes zoom-in-zoom-out2 {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.1, 1.1);
    }

    100% {
        transform: scale(1, 1);
    }
}

.signdivider {
    width: 75%;
    margin-right: auto;
    margin-left: auto;
}

.cancelsucccolor {
    color: #f6334f;
}

.signsucccolor {
    color: #3ec09c;
}

.warningcolor {
    color: #ffa500;
}

.cursor-pointer {
    cursor: pointer;
}


.tooltiptemplate {
    display: block;
    background-color: #fff;
    border: none !important;
    box-shadow: none !important;
}

.tooltipcardheader {
    padding: 0.75rem 0.75rem;
    background-color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tooltipcardheader h5 {
    color: #484646;
}

.tooltipcardheader span {
    color: #9f9aa9;
}

.indicatoractivate {
    background-color: #00c2a7 !important;
    color: #ffff !important;
}

.indicatorinactivate {
    background-color: #ffff !important;
    border: 3px solid #f2f6fc !important;
}

.contentactivate {
    color: #484646 !important;
    border-left: solid 0.25rem #00c2a7 !important;
}

.contentinactivate {
    color: #484646 !important;
}

.importguestpadding {
    padding: 0 5%;
}


.importguestextarea {
    color: red;
    height: 280px;
    resize: none;
}

.tippy-box[data-theme~=light-border] {
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 8, 16, .15);
    color: #333;
    box-shadow: 0 4px 14px -2px rgba(0, 8, 16, .08)
}

.tippy-box[data-theme~=light-border]>.tippy-backdrop {
    background-color: #fff
}

.tippy-box[data-theme~=light-border]>.tippy-arrow:after,
.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {
    content: "";
    position: absolute;
    z-index: -1
}

.tippy-box[data-theme~=light-border]>.tippy-arrow:after {
    border-color: transparent;
    border-style: solid
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:before {
    border-top-color: #fff
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-arrow:after {
    border-top-color: rgba(0, 8, 16, .2);
    border-width: 7px 7px 0;
    top: 17px;
    left: 1px
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow>svg {
    top: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=top]>.tippy-svg-arrow:after {
    top: 17px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:before {
    border-bottom-color: #fff;
    bottom: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-arrow:after {
    border-bottom-color: rgba(0, 8, 16, .2);
    border-width: 0 7px 7px;
    bottom: 17px;
    left: 1px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow>svg {
    bottom: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=bottom]>.tippy-svg-arrow:after {
    bottom: 17px
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:before {
    border-left-color: #fff
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-arrow:after {
    border-left-color: rgba(0, 8, 16, .2);
    border-width: 7px 0 7px 7px;
    left: 17px;
    top: 1px
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow>svg {
    left: 11px
}

.tippy-box[data-theme~=light-border][data-placement^=left]>.tippy-svg-arrow:after {
    left: 12px
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:before {
    border-right-color: #fff;
    right: 16px
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-arrow:after {
    border-width: 7px 7px 7px 0;
    right: 17px;
    top: 1px;
    border-right-color: rgba(0, 8, 16, .2)
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow>svg {
    right: 11px
}

.tippy-box[data-theme~=light-border][data-placement^=right]>.tippy-svg-arrow:after {
    right: 12px
}

.tippy-box[data-theme~=light-border]>.tippy-svg-arrow {
    fill: #fff
}

.tippy-box[data-theme~=light-border]>.tippy-svg-arrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiLz48L3N2Zz4=);
    background-size: 16px 6px;
    width: 16px;
    height: 6px
}

.circletimer {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #00a6eb;
    margin: auto;
    color: white;
}

.circletimer span {
    display: block;
    width: 100%;
    margin: auto;
    padding-top: 9px;
    text-align: center;
    font-size: 25px;
}




/*=========================================================================================
	File Name: customizer.scss
	Description: CSS used for demo purpose only. Remove this css from your project.
	----------------------------------------------------------------------------------------
	Item Name: Vuexy  - Vuejs, HTML & Laravel Admin Dashboard Template
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
==========================================================================================*/
.customizer {
    width: 280px;
    right: -280px;
    padding: 0;
    background-color: #fff;
    position: fixed;
    top: 55px;
    bottom: 0;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    transition: right 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
    backface-visibility: hidden;
    border-left: 1px solid rgba(34, 41, 47, 0.05);
}

.customizer button {
    border-style: none;
    border-color: transparent;
}

.customizer.open {
    box-shadow: 0 15px 30px 0 rgba(34, 41, 47, 0.11), 0 5px 15px 0 rgba(34, 41, 47, 0.08);
    right: 0;
}

.customizer .customizer-content {
    position: relative;
    overflow-y: auto;
    padding: 0 1.1rem 1.1rem 1.1rem;
}

.customizer .customizer-mapping-content {
    position: relative;
    overflow-y: auto;
    padding: 1.2rem;
}

.customizer .customizer-close {
    position: absolute;
    width: auto;
    z-index: 10;
}

.customizer .customizer-close i,
.customizer .customizer-close svg {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
}

.customizer .customizer-reset i,
.customizer .customizer-reset svg {
    font-size: 1.5rem;
    height: 1.5rem;
    width: 1.5rem;
}

.customizer .customizer-toggle {
    background: #2c8eee;
    color: #fff !important;
    display: block;
    box-shadow: -3px 0px 8px rgba(34, 41, 47, 0.1);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    position: absolute;
    width: 3rem;
    height: 3rem;
    left: -3rem;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.customizer .color-box {
    height: 24px;
    width: 24px;
    margin: 0.5rem;
    border-radius: 0.5rem;
    cursor: pointer;
    position: relative;
}

.customizer .color-box.selected:after {
    content: '';
    border: 1px solid #7367f0;
    height: 30px;
    width: 30px;
    top: -3px;
    left: -3px;
    position: absolute;
    border-radius: 0.5rem;
}

.customizer .color-box.selected.border:after {
    top: -4px;
    left: -4px;
}

.customizer-heading {
    padding: 1.5rem;
    font-size: .9rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #2c8eee;
    background-color: #ffffff;
}

.customizer-heading-unstyle {
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
}

.generalInfoNav {
    top: 10%;
}

.documentsInfoNav {
    top: 16%;
}

.collabsInfoNav {
    top: 22%;
}

.sdesk-navlink {
    display: block !important;
}

.sdesk-stepicon {
    margin-right: auto !important;
    margin-bottom: 3% !important;
    border-color: #2c8eee !important;
    border-radius: 1.35rem !important;
    border: 3px solid !important;
    color: #2c8eee !important;
    background-color: transparent !important;
    font-weight: 600 !important;
}

.sdesk-mywf-stepicon {
    margin-right: auto !important;
    border-color: #2c8eee !important;
    border-radius: 1.35rem !important;
    border: 3px solid !important;
    color: #2c8eee !important;
    background-color: transparent !important;
    font-weight: 600 !important;
}

.sdesk-steptext {
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80% !important;
}

.sdesk-steptextname {
    color: black !important;
    text-align: center !important;
    font-weight: bold !important;
}

.sdesk-steptextdetails {
    color: #69707a !important;
    text-align: center !important;
}

.sdesk-txtnotes {
    height: 200px !important;
    overflow: auto;
}

.sdesk-uploadcontent {
    padding: 2rem 5rem;
    text-align: center;
    border: 0.2rem dashed #00406e;
    border-radius: 1%;
}

.fileuploaddrageffect {
    pointer-events: cursor;
    background-color: #0000001f;
}

.fileinput-button-bgeffect:hover {
    pointer-events: cursor;
    background-color: #0000001f;
}

.fileinput-button-bgeffect:focus {
    pointer-events: cursor;
    background-color: #0000001f;
}

.sdesk-uploadcontentspan {
    font-size: 1.4rem;
    color: #212832;
}

.sdesk-uploadcontentbtn {
    background-color: #00c0ef;
    margin-top: 2%;
    margin-bottom: 2%;
    width: 40%;
    margin-right: auto;
    margin-left: auto;
}

.sdesk-uploadcontentspansmall {
    color: #212832;
}

.sdesk-navlink.active {
    color: #00c0ef !important;
    background-color: transparent !important;
}

.sdesk-navlink.active>.sdesk-stepicon {
    background-color: #2c8eee !important;
    color: white !important;
}

.sdesk-navlink.active>.sdesk-mywf-stepicon {
    background-color: #2c8eee !important;
    color: white !important;
}

.sdesk-nostylebtn {
    margin: 0;
    color: #69707a;
    border: none;
    text-align: center;
    cursor: pointer;
    background-color: transparent;
    transition: 300ms;
}

.specialselectform {
    line-height: normal;
    padding: 0.250rem 3.375rem 0.250rem 1.125rem;
    border: none;
    background-color: transparent;
    cursor: pointer;
    min-width: 250px;
    max-width: 250px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: auto;
}

.customizer-wfinfo {
    /* overflow: auto; */
}

.table-wrapper {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

table.table tr th,
table.table tr td {
    border-color: #e9e9e9;
    padding: 12px 15px;
    vertical-align: middle;
}

.nopaddingtable tr th,
.nopaddingtable tr td {
    padding: 0.5rem 0.5rem !important;
}

table.table tr th:first-child {
    width: 60px;
}

table#tblUserTasks tr th:first-child {
    width: auto;
}

table#proofsTable tr th:first-child {
    width: auto;
}

table.table tr th:last-child {
    width: 100px;
}

table.table-striped tbody tr:nth-of-type(odd) {
    background-color: #fcfcfc;
}

table.table-striped.table-hover tbody tr:hover {
    background: #f5f5f5;
}

.bntNoBorder {
    border: none !important;
}

.selectize-dropdown {
    z-index: 9999999999999 !important;
}

.wfnotes {
    resize: none;
}

.cancelwfnotes {
    height: 200px;
    resize: none;
}

.count-chars-iptWfNotes {
    text-align: right;
    font-size: .8rem;
}

.txtellip {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.txtellipNormal {
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.progress-bar-success {
    background-color: #4CAF50;
}

.fs-small {
    font-size: 0.650rem;
}

.fs-medium {
    font-size: 0.9rem;
}

.collaborators-mapping-list {
    color: white;
    font-weight: 700;
}

.mt-15-perc {
    margin-top: 15%;
}

.fc-grey {
    color: #0000003b;
}

.fc-bodycl {
    color: #69707a !important
}

.fc-secondary {
    color: #6c757d !important
}

.expiredate_input {
    width: 40%;
    display: inline-block;
    padding: 0.5rem;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c5ccd6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.35rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.summaryexpiredate_input {
    width: 10%;
    display: inline-block;
    padding: 0.5rem;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #c5ccd6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.35rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.color-nosignicon {
    color: #8080803b;
}

.expirationlabel {
    font-weight: 700;
    opacity: 0.65;
}

.resumebox {
    border: 1px solid #e6eaee;
    border-radius: 5px;
    position: relative;
    padding: 15px;
}

.padding-input {
    padding: 0.5rem;
}

.mappedsignbox {
    cursor: all-scroll;
    position: absolute;
    top: 10%;
    left: 0px;
    width: 225px;
    height: 73px;
    z-index: 9;
    border: 1px solid #dddddd;
    background: #ffffff;
    opacity: 0.75;
}

.thumbspinner {
    margin: 50px auto 50px 50px;
}

.mappedsignbox .mappedwhitecontent {
    text-align: center;
    font-size: 16px;
    width: 100%;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.overlappedSign {
    background-color: #FFFADF;
    border: 1px red solid;
    opacity: 1 !important;
}

.overlappedSign p i {
    font-size: 30px;
    color: red;
}

.bgrey {
    background: rgb(221, 221, 221);
}

.mappedsignbox h5 {
    padding: 2px;
    margin-top: 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: white;
    font-size: 0.9rem;
}

.mappedsignbox h5 p {
    margin: 0;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: white;
}

.mappedsignbox #actions {
    position: absolute;
    top: 1px;
    right: 1%;
}

.activeCircle {
    width: 15px;
    height: 15px;
    background-color: #008C35;
    border-radius: 15px;
    border: 1px solid #008C35;
}

.deactiveCircle {
    width: 15px;
    height: 15px;
    background-color: #da291c;
    border-radius: 15px;
    border: 1px solid #da291c;
}

.txt-center {
    text-align: -webkit-center;
    vertical-align: middle;
}

.mappedsignbox #actions .delete_btn {
    color: #da291c;
    border-radius: 50%;
    background: #fff;
    padding: 5%;
    font-size: 14px;
}

.incompleteMapping {
    border: 2px solid orange;
}

.docmappingstatusincomplete {
    position: absolute;
    bottom: 10px;
    height: 15px;
    color: white;
    font-size: 0.9rem;
    text-align: center;
    font-weight: 400;
    background: orange linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
    padding: 2px 5px 2px 5px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
    width: 65px;
    transition: clip-path 1s, padding 1s, background 1s;
    border-top-right-radius: 10%;
    border-bottom-right-radius: 10%;
}

.completeMapping {
    border: 2px solid #009259;
}

.docmappingstatuscomplete {
    position: absolute;
    bottom: 10px;
    height: 15px;
    color: white;
    font-size: 0.9rem;
    text-align: center;
    font-weight: 400;
    background: #009259 linear-gradient(45deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.25) 100%);
    padding: 2px 5px 2px 5px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 100%, 0 100%);
    width: 65px;
    transition: clip-path 1s, padding 1s, background 1s;
    border-top-right-radius: 10%;
    border-bottom-right-radius: 10%;
}

.ghost {
    background-color: #f8f9fa;
    /* Cor de fundo da linha arrastada */
}

.eye-avatar {
    display: inline-flex;
    height: 1.5rem;
    width: 1.5rem;
    border-radius: 50%;
    position: relative;
    align-items: center;
    justify-content: center;
}

.eye-avatar .avatar-img {
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 1.6rem;
    width: auto;
}

.bg-mappedeye {
    margin-bottom: 0 !important;
    background-color: #008c3582;
    color: black;
}

.fc-mappedqual {
    margin-bottom: 0 !important;
    color: #008C35;
}

.bg-mappedqual {
    margin-bottom: 0 !important;
    background-color: #008C35;
}

.bg-disbled {
    color: #000 !important;
    background-color: #d2d6de !important;
}

.bg-trash {
    color: #ffffff !important;
    background-color: #da291c !important;
}

.bg-mappedadv {
    margin-bottom: 0 !important;
    background-color: #E7D114;
}

.bg-mappedbio {
    margin-bottom: 0 !important;
    background-color: #ff851b;
}

.bg-mappedman {
    margin-bottom: 0 !important;
    background-color: #da291c;
}

.bg-mappedqualguest {
    margin-bottom: 0 !important;
    background-color: #68478D;
}

.bg-mappedothers {
    margin-bottom: 0 !important;
    background-color: #0073b7;
}

.form-check label {
    margin-right: 10px;
}

.form-check input[type="checkbox"] {
    order: 2;
}

.tagsdiv {
    margin-top: 1%;
    width: auto !important;
}

.resumetable {
    overflow-y: auto;
    max-height: 350px;
}

.no-select {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.bottomfixed {
    position: fixed;
    bottom: 0;
    width: 300px;
    text-align: right;
}

.btndelallfiles {
    margin-bottom: 5px;
    background-color: transparent !important;
    border: 0;
    padding: 0px;
    font-size: 100%;
    font-family: inherit;
    color: #da291c !important;
}

.btndownloadallfiles {
    margin-bottom: 5px;
    background-color: transparent !important;
    border: 0;
    padding: 0px;
    font-size: 100%;
    font-family: inherit;
    color: #00ac69 !important;
}

.disnone-arrow::after {
    display: none !important;
}

.redirecttext {
    font-size: 0.650rem;
}

.export {
    font-size: 0.7rem !important;
}


/* LOGON LOADER */
.logonloader {
    display: block;
    position: relative;
    height: 20px;
    width: 140px;
    background-image:
        linear-gradient(#263038 20px, transparent 0),
        linear-gradient(#263038 20px, transparent 0),
        linear-gradient(#263038 20px, transparent 0),
        linear-gradient(#263038 20px, transparent 0);
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: 0 0, 40px 0, 80px 0, 120px 0;
    animation: pgfill 1s linear infinite;
}

@keyframes pgfill {
    0% {
        background-image: linear-gradient(#263038 20px, transparent 0), linear-gradient(#263038 20px, transparent 0), linear-gradient(#263038 20px, transparent 0), linear-gradient(#263038 20px, transparent 0);
    }

    25% {
        background-image: linear-gradient(#00a6eb 20px, transparent 0), linear-gradient(#263038 20px, transparent 0), linear-gradient(#263038 20px, transparent 0), linear-gradient(#263038 20px, transparent 0);
    }

    50% {
        background-image: linear-gradient(#263038 20px, transparent 0), linear-gradient(#00a6eb 20px, transparent 0), linear-gradient(#263038 20px, transparent 0), linear-gradient(#263038 20px, transparent 0);
    }

    75% {
        background-image: linear-gradient(#263038 20px, transparent 0), linear-gradient(#263038 20px, transparent 0), linear-gradient(#00a6eb 20px, transparent 0), linear-gradient(#263038 20px, transparent 0);
    }

    100% {
        background-image: linear-gradient(#263038 20px, transparent 0), linear-gradient(#263038 20px, transparent 0), linear-gradient(#263038 20px, transparent 0), linear-gradient(#00a6eb 20px, transparent 0);
    }
}

.newcodeinput {
    display: block;
    margin: 1em 0;
    margin-left: 8%;
    border: none;
    padding: 0;
    width: 100%;
    background: repeating-linear-gradient(73deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent 2.1ch) 0 100%/ 12ch 2px no-repeat;
    font: 5ch droid sans mono, consolas, monospace;
    letter-spacing: 1.2ch;
}

.newcodeinput:focus {
    outline: none;
}

.minheigth468 {
    min-height: 468px;
}

.overflow-break-row {
    overflow-wrap: break-word;
}

.notesguestmob {
    overflow-wrap: break-word;
    margin-right: 3%;
}

.notesguestmobscroll {
    max-height: 400px;
    overflow-y: auto;
}

@media (max-width: 480px) {
    .newcodeinput {
        margin-right: auto;
        margin-left: 20% !important;
        margin: 1em;
        background: repeating-linear-gradient(70deg, dimgrey 0, dimgrey 1ch, transparent 0, transparent 1.5ch) 0 100%/ 9ch 2px no-repeat;
        letter-spacing: 0.6ch;
    }
}

@media (max-width: 420px) {
    .newcodeinput {
        margin-left: 4.5rem;
        font: 4ch droid sans mono, consolas, monospace;
    }
}

.px-start-none {
    padding-left: 0 !important;
}

.resendotparea {
    background-color: #efefef;
    border: 1px solid #00a5eb;
    padding: 25px;
    transition: all .5s ease-in-out;
}

#custom-tooltip {
    position: absolute;
    display: none;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    padding: 6px;
    border-radius: 4px;
    font-size: 12px;
}

.teamSelect {
    color: #0061f2 !important;
    font-weight: 500 !important;
    display: inline-block !important;
    width: 20% !important;
    border: 1px solid #0061f2 !important;
    padding: 0.2rem 3.375rem 0.2rem 0.3rem !important;
    background-color: transparent !important;
}

.mydocsnameipt {
    color: #999 !important;
    font-weight: 500 !important;
    display: inline-block !important;
    width: 30% !important;
    border: none;
    border-bottom: 1px solid #999 !important;
    padding: 0.2rem 3.375rem 0.2rem 0.3rem !important;
    background-color: transparent !important;
}

.dscodetxt {
    background-color: #eeac0f;
    font-size: 26px;
    padding: 1%;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}

.applogo {
    height: 100px;
}

.qrlogo {
    width: 200px;
}

.storelogo {
    width: 180px;
}

.notesdivider {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 1%;
    margin-bottom: 1%;
    color: #0000005e;
}

.participantnotes {
    background: linear-gradient(lightblue, lightblue);
    color: #666;
}

.privatenotes {
    background: linear-gradient(lightgreen, lightgreen);
    color: #666;
}

.operatornotes {
    background: linear-gradient(#ffd70091, #ffd7009e);
    color: #666;
}

.swallist {
    font-size: 14px;
    text-align: left;
}

.textcolor-999 {
    color: #999;
    font-size: 14px;
}

.notes-circle-mobile {
    position: fixed;
    bottom: 30px;
    right: 20px;
    background: #2c8eee;
    border-radius: 15%;
    color: white;
    padding: 15px;
    cursor: pointer;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.6), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.documentnotes-box-counter {
    position: fixed;
    bottom: 70px;
    right: 15px;
}

.documentnotes-box {
    display: none;
    background: white;
    position: fixed;
    right: 30px;
    bottom: 50px;
    width: 50%;
    max-width: 85vw;
    max-height: 100vh;
    border-radius: 5px;
    z-index: 1;
    box-shadow: 0px 5px 35px 9px #ccc;
}

@media only screen and (max-width: 950px) {
    .documentnotes-box {
        width: 100%;
    }
}


.downloadInPrgAlert {
    margin-right: 10px;
    font-size: 12px;
}

.documentnotes-box-toggle {
    float: right;
    margin-right: 15px;
    cursor: pointer;
}

.documentnotes-box-header {
    height: 30px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
    font-size: 20px;
    border-bottom: 1px solid #f2f2f2;
}

.documentnotes-box-body {
    position: relative;
    max-height: 750px;
    height: auto;
    overflow: hidden;
    width: 100%;
}

.documentnotes-box-body:after {
    content: "";
    opacity: 0.1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
}

.documentnotes-logs {
    padding: 15px;
    height: auto;
}

@media only screen and (max-width: 500px) {
    .documentnotes-logs {
        height: 40vh;
    }
}


@media only screen and (max-width: 1185px) {
    .sdesk-uploadcontent {
        padding: 1rem 1rem;
    }
}

@media only screen and (max-width: 1320px) {
    .summaryexpiredate_input {
        width: 20% !important;
    }

    .expiredate_input {
        width: 45% !important;
    }

    .mydocsnameipt {
        width: 60% !important;
    }

}

.minw125 {
    min-width: 125px;
}

.minw200 {
    min-width: 200px;
}

#documentsContentMobile {
    flex-flow: row;
    overflow-x: auto;
}

#collaboratorsContentMobile {
    display: flex;
    flex-flow: row;
    min-height: 80px;
    align-items: center;
    overflow-x: auto;
}

.cm-msg-text {
    padding: 5% 0px 5% 0px;
    margin-bottom: 15px;
    min-height: 80px;
    border-radius: 15px;
    position: relative;
}

.cm-msg-text.operator {
    background: linear-gradient(#ffd70091, #ffd7009e) left/10px 100% no-repeat, #f2f2f2;
}

.cm-msg-text.private {
    background: linear-gradient(lightgreen, lightgreen) left/10px 100% no-repeat, #f2f2f2;
}

.cm-msg-text.participant {
    background: linear-gradient(lightblue, lightblue) left/10px 100% no-repeat, #f2f2f2;
}

.documentnotes-msg {
    clear: both;
}

.documentnotes-msg.self>.cm-msg-text {
    margin-right: 10px;
    margin-left: 10px;
    color: #666;
}

.notestitle {
    font-size: 15px;
    color: #666;
    margin-left: 20px;
}

.notesOpera {
    margin-left: 35px;
    font-size: 13px;
    color: #373737;
}

.swallistDss {
    margin-left: 5%;
    font-size: 13px;
    text-align: left;
    list-style: auto;
}

.vis-hidden {
    visibility: hidden;
}

.thumbsppiner {
    margin: 50px auto 50px 50px
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 64px;
    height: 64px;
    margin: 8px;
    border: 8px solid rgba(33, 40, 50, 0.5);
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: rgba(33, 40, 50, 0.5) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.biooptioncard {
    width: 18rem;
    margin: 1%;
    display: inline-flex;
    box-shadow: none;
    border: 5px solid #e7ece7;
    border-radius: 15px;
}

.biooptioncardguest {
    width: 6rem;
    margin: 1%;
    display: inline-flex;
    box-shadow: none;
    border: 5px solid #e7ece7;
    border-radius: 15px;
}

.owncertopt {
    width: 18rem;
    margin: 1%;
    display: inline-flex;
    box-shadow: none;
    border: 5px solid #e7ece7;
    border-radius: 15px;
    padding: 1rem;
    margin: 1rem;
}

.bioqrcode {
    margin-right: auto;
    margin-left: auto;
}


.biothumbactive {
    position: absolute;
    right: -20px;
    top: 0px;
    background: green;
    text-align: center;
    border-radius: 20px 20px 20px 20px;
    color: white;
    padding: 5px 10px;
    font-size: 15px;
}

.biothumbgreen {
    border: 1px solid green;
}

.biopadmodalimg {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 150px;
}

@keyframes spinner {
    to {
        transform: rotate(360deg);
    }
}

.biospinner:before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    border-radius: 50%;
    border: 2px solid #ccc;
    border-top-color: #000;
    animation: spinner .6s linear infinite;
}

.padinfo {
    padding: 3%;
    border: 1px solid #e6eaee;
    border-radius: 5px;
    margin-bottom: 4%;
}

.biosignbtnfooter {
    position: sticky;
    bottom: 25px;
    text-align: center;
}

.butbiosign {
    width: 15%;
    padding: 1%;
    font-size: 1.2rem;
    border-radius: 50px;
}


.butbiosignplus {
    width: 30%;
    padding: 0.8rem;
    font-size: 1.2rem;
    border-radius: 50px;
}


.forcenomargin {
    margin: 0 !important;
}

.txtident {
    text-indent: 15px;
}

.optiondisabled {
    background-color: #e0e5ec;
    color: black;
    box-shadow: 2px 2px 5px #E6E6E6, 0px 0px 0px #E6E6E6, 0px 0px 0px #E6E6E6;
}

/* DS INVOICE CHARTS */
.dsinv-chart-legend li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dsinv-chart-legend li span {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.dsinv-chart-legend ul {
    list-style: none;
}

.dsinv-chart-legend {
    height: 350px;
    overflow: auto;
    margin-top: 4%;
    padding-left: 3%;
    margin-bottom: 4%;
}

.dsinv-chartcont {
    float: left;
    width: 75%;
    margin-top: 4%;
}

.divider {
    display: flex;
}

.divider:before,
.divider:after {
    content: "";
    flex: 1;
}

.line {
    align-items: center;
    margin: 1em -1em;
    width: 20%;
    color: #69707a;
}

.line:before,
.line:after {
    height: 1px;
    margin: 0 1em;
}

.one-line:before,
.one-line:after {
    background: #c5ccd6;
}

.pdfmapbox {
    height: 25px;
    border: 1px solid red;
    background-color: transparent;
    font-weight: bolder;
    color: black;
    text-align: center;
    opacity: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
    justify-content: center;
}

.resizer {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border: 1px solid #000;
    position: absolute;
    display: block;
}

.bottom-right {
    bottom: -5px;
    right: -5px;
    cursor: nwse-resize;
}

/* DOCUMENTS VALIDATOR */

.validatorHeader {
    border: 1px solid #0061f273;
}

.validatorTitle {
    background-color: #005a8c38;
    border-radius: 15px;
    padding: 15px;
}

.validatorTitleText {
    font-size: 20px;
    float: left;
}

.resultOfValidation {
    font-weight: bold;
    font-size: 20px;
}

.signValidatorTable {
    margin-left: 4%;
}

.validationDiv {
    border: solid 3px;
    border-color: green;
    background-color: #0080002b;
    margin-top: 2%;
    padding: 20px;
    border-radius: 10px;
}

.localCertsList {
    padding: 3%;
}

.localSignDiv {
    margin-top: 2%;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.localSignDiv h5 {
    font-size: 0.8rem;
}

.localSignDiv p {
    font-size: 0.7rem;
}

.btnImportCmd {
    background-color: transparent;
    color: #3e60ac;
    border-radius: 10px;
}

.certinvalid {
    border: 3px solid #ff000061;
}

.certvalid {
    border: 3px solid #00800063;
}


.validationDocName {
    word-wrap: break-word;
}

.validationDocName span {
    font-weight: bold;
}

.validationSignCount {
    font-weight: bold;
    color: green;
}

.validationPolicy span {
    font-weight: bold;
}

.validationArrowDown {
    text-align: right;
    float: right;
}

.validationDetail {
    display: none;
    font-weight: bold;
}

.validationDetailNoMargin {
    background-color: #0080002b;
    margin-bottom: 1%;
    padding: 20px;
    border-radius: 5px;
    border: solid;
    border-color: #28a745;
    margin-left: 6%;
}

.validationDetailWithMargin {
    background-color: #0080002b;
    margin-top: 1%;
    padding: 20px;
    border-radius: 5px;
    border: solid;
    border-color: #28a745;
}

.validationIndication {
    color: white;
    background-color: #28a745;
    border-radius: 4px;
    font-weight: bold;
}

.invalidValidation {
    border-color: red;
    background-color: #ff000029;
}

.warningValidation {
    background-color: rgb(255, 243, 224);
    border-color: #ffc107;
}

.indicationColor {
    color: black !important;
    background-color: #ffc107 !important;
}

.btnDelInvalidDoc {
    font-size: 10px;
    padding: 3px 6px;
}

.validatorCardSucc {
    background-color: #0080002b;
    width: 95%;
}

.validatorCardErr {
    background-color: #ff000029;
    width: 95%;
}

.loader1 {
    text-align: center;
    margin: 30px auto;
}

.iptActOwner {
    border: 1px solid #ced4da;
    padding: 0.375rem 0.75rem;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    box-shadow: none;
    border-radius: 0.375rem;
    min-height: calc(1.5em + 0.75rem + 2px);
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.localCertsList {
    padding: 3%;
}

.localSignDiv {
    margin-top: 2%;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.certinvalid {
    border: 3px solid #ff000061;
}

.certvalid {
    border: 3px solid #00800063;
}

.btnImportCmd {
    background-color: transparent;
    color: #3e60ac;
    border-radius: 10px;
}

.localSignDetail {
    display: none;
    font-weight: bold;
}

.localSignDetail p {
    padding-left: 2%;
}

/* -------- TIMELINE -------- */
.timelineEid>li>.timelineEid-panel {
    width: 90%;
    float: left;
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    padding: 20px;
    left: 10%;
    position: relative;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timelineEid>li>.timelineEid-panel:before {
    position: absolute;
    top: 26px;
    right: -15px;
    display: inline-block;
    border-top: 15px solid transparent;
    border-left: 15px solid #ccc;
    border-right: 0 solid #ccc;
    border-bottom: 15px solid transparent;
    content: " ";
}

.timelineEid>li>.timelineEid-panel:after {
    position: absolute;
    top: 27px;
    right: -14px;
    display: inline-block;
    border-top: 14px solid transparent;
    border-left: 14px solid #fff;
    border-right: 0 solid #fff;
    border-bottom: 14px solid transparent;
    content: " ";
}

.timelineEid>li>.timelineEid-badge {
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 1.4em;
    text-align: center;
    position: absolute;
    top: 16px;
    left: 4%;
    margin-left: -25px;
    background-color: #999999;
    z-index: 100;
    border-top-right-radius: 50%;
    border-top-left-radius: 50%;
    border-bottom-right-radius: 50%;
    border-bottom-left-radius: 50%;
}

.timelineEid>li.timelineEid-inverted>.timelineEid-panel:before {
    border-left-width: 0;
    border-right-width: 15px;
    left: -15px;
    right: auto;
}

.timelineEid>li.timelineEid-inverted>.timelineEid-panel:after {
    border-left-width: 0;
    border-right-width: 14px;
    left: -14px;
    right: auto;
}

.timelineEid-title {
    margin-top: 0;
    color: inherit;
}

.timelineEid-body>p,
.timelineEid-body>ul {
    margin-bottom: 0;
}

.timelineEid-body>p+p {
    margin-top: 5px;
}

@media (max-width: 767px) {
    ul.timelineEid:before {
        left: 40px;
    }

    ul.timelineEid>li>.timelineEid-panel {
        width: calc(100% - 90px);
        width: -moz-calc(100% - 90px);
        width: -webkit-calc(100% - 90px);
    }

    ul.timelineEid>li>.timelineEid-badge {
        left: 15px;
        margin-left: 0;
        top: 16px;
    }

    ul.timelineEid>li>.timelineEid-panel {
        float: right;
    }

    ul.timelineEid>li>.timelineEid-panel:before {
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }

    ul.timelineEid>li>.timelineEid-panel:after {
        border-left-width: 0;
        border-right-width: 14px;
        left: -14px;
        right: auto;
    }
}

/* -------------------------- */


/*
 * Component: Timeline
 * -------------------
 */
.timelineEid {
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
}

.timelineEid:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #ddd;
    left: 31px;
    margin: 0;
    border-radius: 2px;
}

.timelineEid>li {
    position: relative;
    margin-right: 10px;
    margin-bottom: 15px;
}

.timelineEid>li:before,
.timelineEid>li:after {
    content: " ";
    display: table;
}

.timelineEid>li:after {
    clear: both;
}

.timelineEid>li:before,
.timelineEid>li:after {
    content: " ";
    display: table;
}

.timelineEid>li:after {
    clear: both;
}

.timelineEid>li>.timelineEid-item {
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    margin-top: 0;
    background: #fff;
    color: #444;
    margin-left: 60px;
    margin-right: 15px;
    padding: 0;
    position: relative;
}

.timelineEid>li>.timelineEid-item>.time {
    color: #999;
    float: right;
    padding: 10px;
    font-size: 12px;
}

.timelineEid>li>.timelineEid-item>.timelineEid-header {
    margin: 0;
    color: #555;
    border-bottom: 1px solid #f4f4f4;
    padding: 10px;
    font-size: 16px;
    line-height: 1.1;
}

.timelineEid>li>.timelineEid-item>.timelineEid-header>a {
    font-weight: 600;
}

.timelineEid>li>.timelineEid-item>.timelineEid-body,
.timelineEid>li>.timelineEid-item>.timelineEid-footer {
    padding: 10px;
}

.timelineEid>li>.fa,
.timelineEid>li>.glyphicon,
.timelineEid>li>.ion {
    width: 30px;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    position: absolute;
    color: #666;
    background: #d2d6de;
    border-radius: 50%;
    text-align: center;
    left: 18px;
    top: 0;
}

.timelineEid>.time-label>span {
    font-weight: 600;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    border-radius: 4px;
}

.timelineEid-inverse>li>.timelineEid-item {
    background: #f0f0f0;
    border: 1px solid #ddd;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.timelineEid-inverse>li>.timelineEid-item>.timelineEid-header {
    border-bottom-color: #ddd;
}

/* ASSINATURA MANUAL */

.signature-pad-size {
    width: 550px !important;
    height: 295px !important;
}

.updatesignature {
    background: none;
}

.signature-card {
    padding: 3em 1em !important;
}

.signature-card h2 {
    font-weight: 300;
}

.signature-holder {
    width: 100%;
    padding: 5px;
    border: 1px solid #e6eaee;
    border-radius: 5px;
}

.signature-body {
    width: 100%;
    padding: 30px;
    border: 2px dashed rgba(206, 208, 218, .5);
    border-radius: 5px;
}

.signature-body img {
    width: 100%;
}

.signature-btn-holder {
    margin: 30px auto;
    border: none;
}

.draw-signature-holder {
    max-width: 650px;
    height: 300px;
    display: inline-block;
    border: 2px solid #e6eaee;
    border-radius: 5px;
    background-color: #fff !important;
}

canvas#draw-signature {
    border-radius: 5px;
    background-color: transparent !important;
    cursor: pointer;
}

#updateSignature ul {
    overflow: hidden;
    border: 1px solid #e6eaee;
    border-radius: 5px;
    padding: 0;
}

#updateSignature ul.head-links li {
    width: 33.3333%;
    float: left;
    list-style: none;
    text-align: center;
    background: #E4ECEF;
}


#updateSignature ul.head-links li.active {
    background: #fff;
}

#updateSignature ul.head-links li:nth-child(1) {
    border-radius: 5px 0 0 0;
}

#updateSignature ul.head-links li:nth-child(2) {
    border-left: 1px solid #e6eaee;
    border-right: 1px solid #e6eaee;
}

#updateSignature ul.head-links li:nth-child(3) {
    border-radius: 0 5px 0 0;
}

#updateSignature ul.head-links li a {
    padding: 15px 15px;
    display: block;
    color: #777;
}

#updateSignature ul.head-links li a:hover,
#updateSignature ul.head-links li a:focus {
    text-decoration: none;
}

.text-signature-preview {
    text-align: center;
    font-size: 38px;
    border: 1px dashed #ddd;
}

.text-signature {
    width: 400px;
    height: 150px;
    margin: 1px auto;
    padding-top: 40px;
}

.center-notify {
    text-align: center;
    padding: 4pc 0 4pc 0;
    color: #777;
}

.center-notify i {
    font-size: 68px;
}

.password-trigger {
    cursor: pointer;
}

/*signer overlay*/
.signer-overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99;
    background: #F7F8FE;
    top: 0;
    overflow-x: auto;
    display: none;
    padding: 15px;
}

body.editor .signer-overlay {
    display: block;
}

.signer-overlay-header,
.signer-more-tools {
    background: #fff;
    height: 70px;
    padding: 15px;
    position: fixed;
    width: 100%;
    z-index: 99;
    border-bottom: 1px solid #e6eaee;
    margin-left: -15px;
    margin-top: -15px;
}

.signer-overlay-logo {
    width: 160px;
    float: left;
}

.signer-overlay-action {
    width: 220px;
    float: right;
    text-align: right;
}

.signer-header-tools {
    width: 660px;
    margin: 0 auto;
    text-align: center;
}

.signer-more-tools {
    top: 85px;
    text-align: center;
}

.signer-tool,
.signature-tool-item {
    text-align: center;
    font-size: 12px;
    display: inline-block;
    cursor: pointer;
    min-width: 50px;
    margin: 0 6px;
}

.signature-tool-item {
    width: 40px;
    height: 30px;
    padding-top: 6px;
    overflow: hidden;
}

.signature-tool-item button {}

.signer-tool p {
    color: #7f8fa4;
    display: block;
    margin-bottom: 0;
    margin-top: -2px;
}

.signer-tool .tool-icon,
.signature-tool-item .tool-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-bottom: 4px;
}

.signer-tool:hover .tool-icon,
.signature-tool-item:hover .tool-icon,
.signer-tool.active .tool-icon {
    background-color: #3DA4FF !important;
}

.signer-tool:hover p,
.signer-tool.active p {
    color: #3DA4FF !important;
}

.signer-overlay-previewer {
    float: none;
    margin: 0 auto;
    margin-top: 100px;
    box-shadow: none;
    border: 1px solid #e6eaee;
    margin-bottom: 30px;
}

.signer-tool .tool-icon.tool-signature {
    background-color: #7f8fa4;
    -webkit-mask: url(images/signature.svg) no-repeat center;
    mask: url(images/signature.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-text {
    background-color: #7f8fa4;
    -webkit-mask: url(images/text.svg) no-repeat center;
    mask: url(images/text.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-draw {
    background-color: #7f8fa4;
    -webkit-mask: url(images/draw.svg) no-repeat center;
    mask: url(images/draw.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-image {
    background-color: #7f8fa4;
    -webkit-mask: url(images/image.svg) no-repeat center;
    mask: url(images/image.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-symbols {
    background-color: #7f8fa4;
    -webkit-mask: url(images/symbols.svg) no-repeat center;
    mask: url(images/symbols.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-shapes {
    background-color: #7f8fa4;
    -webkit-mask: url(images/shapes.svg) no-repeat center;
    mask: url(images/shapes.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-erase {
    background-color: #7f8fa4;
    -webkit-mask: url(../img/erase.svg) no-repeat center;
    mask: url(../img/erase.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-fields {
    background-color: #7f8fa4;
    -webkit-mask: url(images/fields.svg) no-repeat center;
    mask: url(images/fields.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-link {
    background-color: #7f8fa4;
    -webkit-mask: url(images/link.svg) no-repeat center;
    mask: url(images/link.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-rotate {
    background-color: #7f8fa4;
    -webkit-mask: url(images/rotate.svg) no-repeat center;
    mask: url(images/rotate.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-stamp {
    background-color: #7f8fa4;
    -webkit-mask: url(images/stamp.svg) no-repeat center;
    mask: url(images/stamp.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-textinput {
    background-color: #7f8fa4;
    -webkit-mask: url(images/textinput.svg) no-repeat center;
    mask: url(images/textinput.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-alignleft {
    background-color: #7f8fa4;
    -webkit-mask: url(images/alignleft.svg) no-repeat center;
    mask: url(images/alignleft.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-aligncenter {
    background-color: #7f8fa4;
    -webkit-mask: url(images/aligncenter.svg) no-repeat center;
    mask: url(images/aligncenter.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-alignright {
    background-color: #7f8fa4;
    -webkit-mask: url(images/alignright.svg) no-repeat center;
    mask: url(images/alignright.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-bold {
    background-color: #7f8fa4;
    -webkit-mask: url(images/bold.svg) no-repeat center;
    mask: url(images/bold.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-italic {
    background-color: #7f8fa4;
    -webkit-mask: url(images/italic.svg) no-repeat center;
    mask: url(images/italic.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-underline {
    background-color: #7f8fa4;
    -webkit-mask: url(images/underline.svg) no-repeat center;
    mask: url(images/underline.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-strikethrough {
    background-color: #7f8fa4;
    -webkit-mask: url(images/strikethrough.svg) no-repeat center;
    mask: url(images/strikethrough.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-duplicate {
    background-color: #7f8fa4;
    -webkit-mask: url(images/duplicate.svg) no-repeat center;
    mask: url(images/duplicate.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-highlight {
    background-color: #7f8fa4;
    -webkit-mask: url(images/highlight.svg) no-repeat center;
    mask: url(images/highlight.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-font {
    background-color: #7f8fa4;
    -webkit-mask: url(images/font.svg) no-repeat center;
    mask: url(images/font.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-delete {
    background-color: #7f8fa4;
    -webkit-mask: url(images/delete.svg) no-repeat center;
    mask: url(images/delete.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signature-tool-item .tool-icon.tool-undo {
    background-color: #7f8fa4;
    -webkit-mask: url(../img/undo.svg) no-repeat center;
    mask: url(../img/undo.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signature-tool-item .tool-icon.tool-erase {
    background-color: #7f8fa4;
    -webkit-mask: url(../img/erase.svg) no-repeat center;
    mask: url(../img/erase.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signature-tool-item .tool-icon.tool-stroke {
    background-color: #7f8fa4;
    -webkit-mask: url(images/stroke.svg) no-repeat center;
    mask: url(images/stroke.svg) no-repeat center;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
}

.signer-tool .tool-icon.tool-colorfill,
.signer-tool:hover .tool-icon.tool-colorfill {
    background-color: transparent !important;
    border-radius: 50%;
}

.signer-tool .tool-icon.tool-fontsize {
    background-color: transparent !important;
    width: auto;
}

.signer-tool.disabled p {
    color: rgba(53, 64, 82, .3) !important;
}

.signer-tool.disabled {
    cursor: not-allowed;
}

.signer-tool.disabled .tool-icon {
    background-color: rgba(53, 64, 82, .3) !important;
}

.signer-tool.disabled .tool-icon.tool-fontsize {
    background-color: transparent !important;
}

.signer-tool.disabled button,
.signer-tool.disabled .numberInput {
    opacity: 0.4;
}

.request-helper {
    background: yellow;
    display: none;
    padding: 5px 10px;
    border-radius: 5px;
    border: 1px solid orange;
    text-align: center;
    width: fit-content;
    position: fixed;
    z-index: 9;
    bottom: 20px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.signer-next {
    display: none;
}

@media (max-width: 510px) {
    .settings-menu {
        width: auto;
        position: relative;
        padding-top: 0px;
        height: auto;
        -webkit-transition: all 0.9s ease;
        -moz-transition: all 0.9s ease;
        -o-transition: all 0.9s ease;
        transition: all 0.9s ease;
    }

    .settings-menu li {
        display: inline-block;
    }

    .settings-menu li a {
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px;
    }

    .settings-forms {
        margin: 0 0 0 -15px;
        margin-right: -15px;
        margin-top: -15px;
        -webkit-transition: all 0.9s ease;
        -moz-transition: all 0.9s ease;
        -o-transition: all 0.9s ease;
        transition: all 0.9s ease;
    }

    .signature-btn-holder,
    .signature-holder {
        width: 100%;
    }

    .login-card {
        width: 90%;
        margin-top: 20%;
    }

    .content-list {
        margin-top: 25px;
    }

    .select-option {
        width: 100%;
        border-radius: 0;
        left: 42%;
    }

    .btn-responsive {
        padding: 5px 12px !important;
        font-size: 13px;
    }

    .page-title.title-responsive h3 {
        font-weight: 300;
        font-size: 20px;
    }

    .signer-overlay-action {
        width: auto;
    }
}

@media (max-width:991px) {
    .boxmediasm {
        float: left;
    }

    .error-page {
        width: 100%
    }

    .error-page .headline {
        float: none;
        text-align: center;
    }

    .error-page .error-content {
        margin-left: 0;
        text-align: center;
    }

    .option-menu-e {
        float: none;

    }
}

@media (max-width:350px) {
    .topnav .navbar-brand img {
        height: 1.5rem;
    }
}

@media (max-width:270px) {
    .topnav .navbar-brand img {
        height: 1rem;
    }
}

.ws-nowrap {
    white-space: nowrap;
}

#imgAvatar:hover {
    background-color: #808080;
    opacity: 0.3;
}

#imgAvatar:hover+.avatardisnone {
    display: inline-block !important;
}

.avatardisnone {
    font-size: 36px;
    display: none;
    position: absolute;
    top: 32%;
    left: 38%;
    font-weight: bolder;
}

.userDeactivBg {
    background-color: #da291c82 !important;
}

.userActivBg {
    background-color: #008c3582 !important;
}



.proofsUplContainer {
    padding: 0rem 3rem 1rem 3rem;
}

.mt-8 {
    margin-top: 4rem !important;
}


.upldProofReq {
    background-color: #ff000040;
    color: white !important;
    align-items: self-end;
}

.boxpdfsignature {
    /* background: repeating-linear-gradient(45deg, #cccccc75, #cccccc75 10px, #eeeeee75 5px, #eeeeee75 20px); */
}

.manualSignImg {
    border: 1px solid #e8e8e8;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
    padding: 16px;
    width: 100%;
}

.mt-20 {
    margin-top: 20%;
}

.mb-15pc {
    margin-bottom: 15%;
}

.mb-6 {
    margin-bottom: 1.5rem;
}

.mt-6 {
    margin-top: 1.5rem;
}

.notesflow {
    overflow-y: auto;
    height: 100vh;
}

table#tblTeams,
table#userlist,
table#tblOperator,
table#tblOperatorTasks table#tblUserTasks {
    table-layout: fixed;
    width: 100%;
}

table#tblTeams th,
table#tblTeams td,
table#userlist th,
table#userlist td,
table#tblOperator th,
table#tblOperator td,
table#tblOperatorTasks th,
table#tblOperatorTasks td,
table#tblCustodyDocs th,
table#tblCustodyDocs td,
table#tblUserTasks th,
table#tblUserTasks td {
    max-width: 350px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.td-wfname {
    min-width: 500px !important;
}


/* Estilos para realçar as cores do XML */
.xml-content-bg {
    background-color: #f5f5f5;
}

.xml-content {
    font-family: monospace;
    white-space: pre-wrap;
    padding: 10px;
    border: 1px solid #ddd;
    font-size: 1.2rem;
    font-weight: 800;
    max-height: 75vh;
    overflow-y: auto;
}

.xml-tag {
    color: #008000;
    /* Cor verde para as tags */
}

.xml-attribute {
    color: #ff4500;
    /* Cor laranja para os atributos */
}

.xml-value {
    color: #0000ff;
    /* Cor azul para os valores */
}

.xml-text {
    color: #000;
    /* Texto padrão (conteúdo dentro das tags) */
}

.btn-clipboard {
    position: absolute;
    top: .875rem;
    right: 2rem;
    z-index: 10;
    display: block;
    padding: .25rem .5rem;
    font-size: .65em;
    color: #0d6efd;
    background-color: #fff;
    border: 1px solid;
    border-radius: .25rem;
}

.btn-clipboard:hover {
    color: #fff;
    background-color: #0d6efd;
}

.bd-clipboard {
    position: relative;
    display: block;
    float: right;
}

.xmlAlert {
    font-size: 11px;
}

.circleProgress_wrapper {
    position: absolute;
    top: 0.2rem;
    right: 1rem;
    width: 3rem;
    height: 3rem;
    margin: .5rem auto;
    text-align: center;
    line-height: 3rem;
}

.right {
    right: 0;
}

.wrapper {
    position: absolute;
    width: 1.5rem;
    height: 3rem;
    top: 0;
    overflow: hidden;
}

.circleProgress {
    width: 2.2rem;
    height: 2.2rem;
    border: .4rem solid #f1f1f1;
    border-radius: 50%;
    box-sizing: content-box;
    position: absolute;
    top: 0;
}

.rightcircle {
    border-top: .4rem solid #0061f2;
    border-right: .4rem solid #0061f2;
    right: 0;
}

.leftcircle {
    border-bottom: .4rem solid #0061f2;
    border-left: .4rem solid #0061f2;
    left: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.right_cartoon {
    -webkit-animation: circleProgressLoad_right 45s linear infinite forwards;
    animation: circleProgressLoad_right 45s linear infinite forwards;
}

.left_cartoon {
    -webkit-animation: circleProgressLoad_left 45s linear infinite forwards;
    animation: circleProgressLoad_left 45s linear infinite forwards
}


@keyframes circleProgressLoad_right {
    0% {
        -webkit-transform: rotate(46deg);
        transform: rotate(46deg)
    }

    50%,
    to {
        -webkit-transform: rotate(-136deg);
        transform: rotate(-136deg)
    }
}

@keyframes circleProgressLoad_left {

    0%,
    50% {
        -webkit-transform: rotate(46deg);
        transform: rotate(46deg)
    }

    to {
        -webkit-transform: rotate(-136deg);
        transform: rotate(-136deg)
    }
}


.swaliptlabel {
    margin-top: 2rem;
    font-size: 15px;
}


.tempUsersAllowed .selectize-input::after {
    content: "▼" !important;
    float: right !important;
    font-size: 10px !important;
    padding-right: 0.4rem !important;
    clear: left !important;
    padding-top: 0.2rem !important;
}

.plus25Content {
    background-color: white;
    text-align: center;
    border-radius: 5px;
    padding: 3rem;
    margin-left: auto;
    margin-right: auto;
}

.modal-600 {
    max-width: 600px;
}

.spcbtnclose {
    position: absolute;
    right: 10px;
    top: 5px;
}

.mw-200 {
    max-width: 200px;
}


.bkcode {
    font-weight: 500;
    font-style: italic;
}

#recoverCodesContent {
    background-color: #efeff1;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.btn-border {
    border: 1px solid black;
}

.fa-family {
    font-weight: unset;
    font-family: var(--bs-body-font-family);
}

.paymentscards {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    /* profundidade */
    transition: box-shadow 0.2s ease, transform 0.2s ease;
    cursor: pointer;
}

.paymentscards:hover {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
    cursor: pointer;
    border: 1px solid #0061f2;
}

.paymentscards.selected {
    box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.2);
    transform: translateY(5px);
    cursor: pointer;
    border: 3px solid #0061f2;
}

.paymentscards.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.custodialoader {
    width: 40px;
    height: 40px;
    border: 5px solid;
    border-color: #05a6eb transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.moduletypesimg {
    width: 150px;
    height: auto;
    mix-blend-mode: multiply;
}

.jsonpanel {
    background: #292929;
    color: #ffffff;
    padding: 10px;
    border-radius: 8px;
    font-family: monospace;
    white-space: pre-wrap;
    min-height: 200px;
    overflow-y: auto;
}

.key {
    color: #9cdcfe;
}

.string {
    color: #ce9178;
}

.number {
    color: #b5cea8;
}

.boolean {
    color: #569cd6;
}

.null {
    color: #dcdcaa;
}

.fas-2xl {
    font-size: 32px;
}

.max-h500 {
    max-height: 500px !important;
}