@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Poppins, sans-serif;
}

.btn-primary-degrade {
    position: relative;
    border: none;
    border-radius: 8px;
    overflow: hidden;
    min-height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
    text-decoration: none;
    padding-inline: 48px;
    transition: 200ms;
    cursor: pointer;
}
.btn-primary-degrade::before {
    content: "";
    display: block;
    background: linear-gradient(90deg, #5173FE -8.7%, #33CECB 121.05%);
    position: absolute;
    inset: 0;
}
.btn-primary-degrade svg {
    position: relative;
    z-index: 1;
}
.btn-primary-degrade span {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: -0.42px;
    position: relative;
    z-index: 1;
}
.btn-primary-degrade:hover {
    transform: scale(1.05);
}

.btn-primary {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    padding-inline: 48px;
    border: 0;
    cursor: pointer;
    width: 100%;
    transition: 200ms;
    cursor: pointer;
}
.btn-primary::before {
    content: "";
    display: block;
    background: linear-gradient(90deg, #5173FE -8.7%, #33CECB 121.05%);
    position: absolute;
    inset: 0;
}
.btn-primary span {
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: -0.42px;
    position: relative;
    z-index: 1;
}
.btn-primary:hover {
    transform: scale(1.05);
}

.btn-delete,
.btn-ghost-delete {
    border: 1px solid #DB2F24;
    text-decoration: none;
    height: 50px;
    padding-inline: 48px;
    border-radius: 8px;
    background-color: transparent;
    font-size: 14px;
    font-weight: 600;
    color: #DB2F24;
    letter-spacing: -0.42px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 200ms;
    cursor: pointer;
}
.btn-delete:hover,
.btn-ghost-delete:hover {
    transform: scale(1.05);
}

.btn-ghost-delete {
    background-color: #F2C6C4;
    border: 0;
    padding-inline: 42px;
    transition: 200ms;
    cursor: pointer;
}
.btn-ghost-delete:hover {
    transform: scale(1.05);
}

.container {
    max-width: 1220px;
}

.template-dash {
    display: grid;
    grid-template-columns: 300px 1fr;
    height: 100vh;
}
.template-dash > .main-aside {
    height: 100vh;
    padding: 30px 24px;
    overflow-y: auto;
    border-right: 1px solid #F3F4F7;
}
.template-dash > .main-aside::-webkit-scrollbar {
    width: 6px;
}
.template-dash > .main-aside::-webkit-scrollbar-thumb {
    background-color: rgba(166, 171, 172, 0.2156862745);
}
.template-dash > .main-aside .logo {
    display: block;
    margin-inline: auto;
    margin-bottom: 55px;
}
.template-dash > .main-aside .btn-menumobile-close {
    display: none;
}
.template-dash > .main-aside nav > a,
.template-dash > .main-aside nav .group-submenu > a {
    margin-bottom: 7px;
    display: block;
    padding: 10px 20px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    position: relative;
}
.template-dash > .main-aside nav > a::before,
.template-dash > .main-aside nav .group-submenu > a::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: linear-gradient(90deg, #5173FE -8.7%, #33CECB 121.05%);
    position: absolute;
    inset: 0;
    z-index: 1;
    opacity: 0;
    transition: 200ms;
}
.template-dash > .main-aside nav > a svg,
.template-dash > .main-aside nav .group-submenu > a svg {
    position: relative;
    z-index: 1;
}
.template-dash > .main-aside nav > a svg.active,
.template-dash > .main-aside nav .group-submenu > a svg.active {
    display: none;
}
.template-dash > .main-aside nav > a span,
.template-dash > .main-aside nav .group-submenu > a span {
    position: relative;
    z-index: 1;
    font-size: 14px;
    letter-spacing: -0.42px;
    font-weight: 500;
    color: #959DB4;
    transition: 200ms;
    margin-right: auto;
}
.template-dash > .main-aside nav > a.active::before, .template-dash > .main-aside nav > a:hover::before,
.template-dash > .main-aside nav .group-submenu > a.active::before,
.template-dash > .main-aside nav .group-submenu > a:hover::before {
    opacity: 1;
}
.template-dash > .main-aside nav > a.active svg, .template-dash > .main-aside nav > a:hover svg,
.template-dash > .main-aside nav .group-submenu > a.active svg,
.template-dash > .main-aside nav .group-submenu > a:hover svg {
    display: none;
}
.template-dash > .main-aside nav > a.active svg.icon-drop, .template-dash > .main-aside nav > a.active svg.active, .template-dash > .main-aside nav > a:hover svg.icon-drop, .template-dash > .main-aside nav > a:hover svg.active,
.template-dash > .main-aside nav .group-submenu > a.active svg.icon-drop,
.template-dash > .main-aside nav .group-submenu > a.active svg.active,
.template-dash > .main-aside nav .group-submenu > a:hover svg.icon-drop,
.template-dash > .main-aside nav .group-submenu > a:hover svg.active {
    display: block;
}
.template-dash > .main-aside nav > a.active svg.icon-drop path, .template-dash > .main-aside nav > a:hover svg.icon-drop path,
.template-dash > .main-aside nav .group-submenu > a.active svg.icon-drop path,
.template-dash > .main-aside nav .group-submenu > a:hover svg.icon-drop path {
    stroke: #FFFFFF;
}
.template-dash > .main-aside nav > a.active span, .template-dash > .main-aside nav > a:hover span,
.template-dash > .main-aside nav .group-submenu > a.active span,
.template-dash > .main-aside nav .group-submenu > a:hover span {
    color: #FFFFFF;
}
.template-dash > .main-aside nav > a.active .icon-drop,
.template-dash > .main-aside nav .group-submenu > a.active .icon-drop {
    transform: scale(-1);
}
.template-dash > .main-aside nav ul {
    max-height: 0;
    overflow: hidden;
    transition: 200ms;
    padding-left: 50px;
    list-style: none;
}
.template-dash > .main-aside nav ul li + li {
    margin-top: 24px;
}
.template-dash > .main-aside nav ul li a {
    font-size: 14px;
    font-weight: 500;
    color: #959DB4;
    letter-spacing: -0.42px;
    text-decoration: none;
}
.template-dash > .main-aside nav ul li a:hover, .template-dash > .main-aside nav ul li a.active {
    color: #161923;
}
.template-dash > .main-aside nav .group-submenu.active > a::before {
    opacity: 1;
}
.template-dash > .main-aside nav .group-submenu.active > a svg {
    display: none;
}
.template-dash > .main-aside nav .group-submenu.active > a svg.icon-drop, .template-dash > .main-aside nav .group-submenu.active > a svg.active {
    display: block;
}
.template-dash > .main-aside nav .group-submenu.active > a svg.icon-drop {
    transform: scale(-1);
}
.template-dash > .main-aside nav .group-submenu.active > a svg.icon-drop path {
    stroke: #FFFFFF;
}
.template-dash > .main-aside nav .group-submenu.active > a span {
    color: #FFFFFF;
}
.template-dash > .main-aside nav .group-submenu.active ul {
    max-height: 1000px;
    margin-bottom: 20px;
}
.template-dash > main {
    height: 100%;
    overflow-y: auto;
    background-color: #F7F8FB;
    padding-top: 110px;
    padding-left: 34px;
    padding-right: 24px;
    padding-bottom: 25px;
}
.template-dash > main > .header-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 300px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #F3F4F7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-block: 8px;
    padding-left: 34px;
    padding-right: 24px;
    z-index: 7;
}
.template-dash > main > .header-top .form-search input {
    background-image: url(../images/icon-search.svg);
    background-position: center left;
    background-repeat: no-repeat;
    width: 300px;
    padding-left: 42px;
    height: 40px;
    border: 0;
    outline: 0;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: -0.6px;
    color: #242424;
}
.template-dash > main > .header-top .form-search input::-moz-placeholder {
    color: #A3AABE;
}
.template-dash > main > .header-top .form-search input::placeholder {
    color: #A3AABE;
}
.template-dash > main > .header-top .right {
    display: flex;
    align-items: center;
    gap: 30px;
}
.template-dash > main > .header-top .right .btn-notification {
    background-color: transparent;
    cursor: pointer;
    border: 0;
    font-size: 0;
    position: relative;
}

.template-dash > main > .header-top .right .btn-notification.vazio::before{
    display: none;
}

.template-dash > main > .header-top .right .btn-notification::before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background-color: #DB2F24;
    border-radius: 999px;
    position: absolute;
    right: -1px;
    top: -1px;
    border: 2px solid #FFFFFF;
}
.template-dash > main > .header-top .right .btn-profile {
    border: 1px solid #D2D5DF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 24px;
    text-decoration: none;
    padding: 11px 24px 11px 16px;
}
.template-dash > main > .header-top .right .btn-profile > div {
    display: flex;
    align-items: center;
    gap: 8px;
}
.template-dash > main > .header-top .right .btn-profile > div .img-avatar-wrapper {
    position: relative;
}
.template-dash > main > .header-top .right .btn-profile > div .img-avatar-wrapper img {
    width: 40px;
    height: 40px;
    border-radius: 999px;
}
.template-dash > main > .header-top .right .btn-profile > div .img-avatar-wrapper svg {
    position: absolute;
    bottom: 0;
    right: 0;
}
.template-dash > main > .header-top .right .btn-profile > div div span {
    display: block;
}
.template-dash > main > .header-top .right .btn-profile > div div span.name {
    font-size: 14px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.42px;
}
.template-dash > main > .header-top .right .btn-profile > div div span.email {
    font-size: 12px;
    font-weight: 500;
    color: #A3AABE;
    letter-spacing: -0.36px;
}
.template-dash > main > .header-top .right .btn-menumobile-open {
    display: none;
}
@media screen and (max-width: 1200px) {
    .template-dash {
        display: block;
    }
    .template-dash > .main-aside {
        position: fixed;
        bottom: 0;
        top: 0;
        right: 0;
        width: 100%;
        transform: translateX(100%);
        padding-top: 90px;
        padding-inline: 0;
        background-color: #FFFFFF;
        z-index: 99;
        align-items: center;
        transition: 200ms;
    }
    .template-dash > .main-aside .logo {
        display: none;
    }
    .template-dash > .main-aside .btn-menumobile-close {
        background-color: transparent;
        border: 0;
        font-size: 0;
        display: block;
        position: absolute;
        top: 27px;
        right: 20px;
        cursor: pointer;
        transition: 200ms;
    }
    .template-dash > .main-aside .btn-menumobile-close:hover {
        transform: scale(1.1);
    }
    .template-dash > .main-aside nav {
        max-width: 993px;
        padding-inline: 10px;
        width: 100%;
    }
    .template-dash > .main-aside nav::before {
        content: "Menu";
        color: #161923;
        display: block;
        margin-bottom: 16px;
        padding-left: 8px;
        font-size: 32px;
        font-weight: 600;
        letter-spacing: -0.96px;
    }
    .template-dash > .main-aside nav > a,
    .template-dash > .main-aside nav .group-submenu > a {
        padding-inline: 10px;
        border-radius: 4px;
    }
    .template-dash > .main-aside nav > a::before,
    .template-dash > .main-aside nav .group-submenu > a::before {
        border-radius: 4px;
    }
    .template-dash > .main-aside.active {
        transform: translateX(0);
    }
    .template-dash > main > .header-top {
        background-color: transparent;
        left: 0;
        padding-top: 20px;
        height: auto;
        align-items: center;
    }
    .template-dash > main > .header-top .form-search {
        display: none;
    }
    .template-dash > main > .header-top .right {
        width: 100%;
    }
    .template-dash > main > .header-top .right .btn-profile {
        margin-left: auto;
        padding: 0;
        width: -moz-max-content;
        width: max-content;
        height: -moz-max-content;
        height: max-content;
        border: 0;
    }
    .template-dash > main > .header-top .right .btn-profile svg {
        display: none;
    }
    .template-dash > main > .header-top .right .btn-profile > div:not(.img-avatar-wrapper) {
        height: 30px;
        gap: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .template-dash > main > .header-top .right .btn-profile > div:not(.img-avatar-wrapper) img {
        width: 30px;
        height: 30px;
    }
    .template-dash > main > .header-top .right .btn-profile > div:not(.img-avatar-wrapper) span {
        display: none;
    }
    .template-dash > main > .header-top .right .btn-menumobile-open {
        display: block;
        width: 18px;
        height: 18px;
        position: relative;
        background-color: transparent;
        border: 0;
        cursor: pointer;
        font-size: 0;
    }
    .template-dash > main > .header-top .right .btn-menumobile-open span {
        display: block;
        width: 100%;
        height: 2px;
        background-color: #242424;
        border-radius: 62px;
        position: absolute;
        transition: 200ms;
    }
    .template-dash > main > .header-top .right .btn-menumobile-open span:nth-of-type(1) {
        top: 0;
    }
    .template-dash > main > .header-top .right .btn-menumobile-open span:nth-of-type(2) {
        top: 50%;
        transform: translateY(-50%);
    }
    .template-dash > main > .header-top .right .btn-menumobile-open span:nth-of-type(3) {
        bottom: 0;
    }
    .template-dash > main > .header-top .right .btn-menumobile-open.active span:nth-of-type(1) {
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
    }
    .template-dash > main > .header-top .right .btn-menumobile-open.active span:nth-of-type(2) {
        width: 0;
    }
    .template-dash > main > .header-top .right .btn-menumobile-open.active span:nth-of-type(3) {
        top: 50%;
        transform: translateY(-50%) rotate(-45deg);
        bottom: initial;
    }
    .template-dash > main > .header-top.active {
        background-color: #FFFFFF;
    }
}
@media screen and (max-width: 993px) {
    .template-dash > .main-aside nav::before {
        padding-left: 8px;
    }
    .template-dash > main {
        padding-inline: 20px;
        padding-top: 70px;
    }
    .template-dash > main > .header-top {
        padding-inline: 20px;
    }
}

.group-title-1 {
    margin-bottom: 24px;
}
.group-title-1 h1 {
    font-size: 24px;
    font-weight: 600;
    color: #242424;
    letter-spacing: -0.72px;
    margin-bottom: 8px;
}
.group-title-1 p {
    font-size: 16px;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: -0.48px;
}
.group-title-1 .box-filter-and-order {
    margin-top: 16px;
}
@media screen and (max-width: 993px) {
    .group-title-1 h1 {
        font-size: 20px;
        margin-bottom: 8px;
    }
    .group-title-1 p {
        font-size: 12px;
    }
}

.group-title-2 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 24px;
}
.group-title-2 div h1 {
    font-size: 24px;
    font-weight: 600;
    color: #242424;
    letter-spacing: -0.72px;
    margin-bottom: 16px;
}
.group-title-2 div .status {
    padding: 4px 33px;
    border-radius: 99px;
    height: 30px;
    display: flex;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -0.36px;
}
.group-title-2 div .status.pending-report {
    background-color: #FBE6E6;
    color: #DB2F24;
}

.group-title-2 div .status.pending-revision {
      background: #5173FE;
    color: #FFF;
}

.group-title-2 div .status.open {
    background-color: #FDF5D1;
    color: #F7CB19;
}
.group-title-2 div .status.released {
    background-color: #F2FBF7;
    color: #5FD7AA;
}
.group-title-2 .btn-primary-degrade {
    height: 48px;
}
@media screen and (max-width: 993px) {
    .group-title-2 {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .group-title-2 .btn-primary-degrade {
        width: 100%;
    }
    .group-title-2 div h1 {
        font-size: 20px;
        margin-bottom: 8px;
    }
}

.group-title-3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}
.group-title-3 h1 {
    font-size: 24px;
    font-weight: 600;
    color: #242424;
    letter-spacing: -0.72px;
    margin-bottom: 8px;
}
.group-title-3 p {
    font-size: 16px;
    font-synthesis-weight: 400;
    color: #6C7797;
    letter-spacing: -0.48px;
}
.group-title-3 .btn-primary-degrade {
    height: 50px;
    padding-inline: 32px;
}
@media screen and (max-width: 993px) {
    .group-title-3 {
        flex-direction: column;
        align-items: flex-start;
    }
    .group-title-3 h1 {
        width: 100%;
        font-size: 20px;
        margin-bottom: 8px;
    }
    .group-title-3 p {
        font-size: 12px;
    }
    .group-title-3 .btn-primary-degrade {
        width: 100%;
    }
    .group-title-3 .box-filter-and-order {
        margin-top: 16px;
        margin-bottom: 8px;
    }
}

.box-filter-and-order {
    display: none;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.box-filter-and-order button {
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
}
.box-filter-and-order button.btn-filter {
    border: 1px solid #CCC;
    border-radius: 10px;
    padding-inline: 52px;
}
.box-filter-and-order button.btn-order svg:last-of-type {
    margin-left: 8px;
    transition: 200ms;
}
.box-filter-and-order button.btn-order:hover svg:last-of-type, .box-filter-and-order button.btn-order.active svg:last-of-type {
    transform: scale(-1);
}
@media screen and (max-width: 993px) {
    .box-filter-and-order {
        display: flex;
    }
}

.box-warning {
    padding: 26px 32px;
    border: 1px solid #D0A705;
    border-radius: 15px;
    background-color: #F7EAB7;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
    gap: 40px;
}
.box-warning div {
    display: flex;
    align-items: center;
    gap: 8px;
}
.box-warning div span {
    color: #242424;
    font-weight: 500;
    font-size: 20px;
}
.box-warning div span b {
    font-weight: 700;
}
.box-warning a {
    background-color: #D0A705;
    padding: 14px 48px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    color: #FFFFFF;
    white-space: nowrap;
    transition: 200ms;
}
.box-warning a:hover {
    transform: scale(1.1);
}
@media screen and (max-width: 993px) {
    .box-warning {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
        padding: 20px;
    }
    .box-warning a {
        font-size: 12px;
        padding-block: 10px;
        padding-inline: 20px;
    }
    .box-warning div span {
        font-size: 16px;
    }
    .box-warning div svg {
        display: none;
    }
}

.filters {
    display: flex;
    align-items: center;
    padding-block: 20px;
    padding-inline: 32px;
}
.filters .form-search {
    border: 1px solid #D2D5DF;
    border-radius: 10px;
    background-color: transparent;
    width: auto;
}
.filters .form-search input {
    padding-left: 46px;
    padding-right: 24px;
    height: 54px;
    background-color: transparent;
    background-image: url(../images/icon-search.svg);
    background-size: 14px 14px;
    background-position: left 24px center;
    background-repeat: no-repeat;
    border: 0;
    outline: 0;
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: #242424;
}
.filters .form-search input::-moz-placeholder {
    color: #A3AABE;
}
.filters .form-search input::placeholder {
    color: #A3AABE;
}
.filters .wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-left: auto;
}
@media screen and (max-width: 993px) {
    .filters {
        display: none;
    }
}

.modal-filters-mobile {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 10;
    opacity: 0;
    transform: translateY(100%);
    transition: 200ms;
}
.modal-filters-mobile .modal-filters-mobile-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 80vh;
    background-color: #FFFFFF;
    width: 100%;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    display: flex;
    flex-direction: column;
}
.modal-filters-mobile .modal-filters-mobile-content header {
    padding-inline: 20px;
    padding-block: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-bottom: 1px solid #D0D5E5;
}
.modal-filters-mobile .modal-filters-mobile-content header span {
    font-size: 14px;
    font-weight: 700;
    color: #242424;
    text-transform: uppercase;
}
.modal-filters-mobile .modal-filters-mobile-content header .btn-close {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background-color: transparent;
    cursor: pointer;
    font-size: 0;
    border: 0;
}
.modal-filters-mobile .modal-filters-mobile-content .form-mobile {
    height: 100%;
    padding-inline: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    overflow-y: auto;
    padding-top: 30px;
    padding-bottom: 20px;
}

.modal-filters-mobile .modal-filters-mobile-content .form-mobile input[type=text] {
    padding: 16px 24px;
    border: 1px solid #D2D5DF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    color: #A3AABE;
    cursor: pointer;
    height: 54px;
    background-color: #FFFFFF;
    text-align: left;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    gap: 8px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
    width:100%;
}

.modal-filters-mobile .modal-filters-mobile-content .form-mobile::-webkit-scrollbar {
    width: 6px;
}
.modal-filters-mobile .modal-filters-mobile-content .form-mobile::-webkit-scrollbar-thumb {
    background-color: #D0D5E5;
}
.modal-filters-mobile .modal-filters-mobile-content .form-mobile .btn-primary-degrade {
    border: 0;
    height: 48px;
}
.modal-filters-mobile .modal-filters-mobile-content .form-mobile .input-group-select > label {
    width: 100%;
}
.modal-filters-mobile .modal-filters-mobile-content .form-mobile .group-select-custom:nth-last-of-type(2) .input-group-select .input-group-modal {
    top: initial;
    bottom: calc(100% + 10px);
}
.modal-filters-mobile .modal-filters-mobile-content .form-mobile .group-select-custom:last-of-type .input-group-select .input-group-modal {
    top: initial;
    bottom: calc(100% + 10px);
}
.modal-filters-mobile.active {
    transform: translateY(0);
    opacity: 1;
}

.group-select-custom > label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #6C7797;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.group-select-custom .input-group-select > label span {
    color: #242424;
    max-width: initial;
}
@media screen and (max-width: 993px) {
    .group-select-custom > label {
        font-size: 12px;
        margin-bottom: 4px;
    }
}

.input-group-select {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 250px;
}
.input-group-select .input-group-select-trigger {
    padding: 16px 24px;
    border: 1px solid #D2D5DF;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 400;
    color: #A3AABE;
    cursor: pointer;
    height: 54px;
    background-color: #FFFFFF;
    text-align: left;
    flex-grow: 1;
    white-space: nowrap;
    overflow: hidden;
    gap: 8px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    outline: none;
}
.input-group-select .input-group-select-trigger > span {
    display: flex;
    align-items: baseline;
    overflow: hidden;
    flex-grow: 1;
}
.input-group-select .input-group-select-trigger > span span {
    color: #5A6789;
    margin-left: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
    display: inline-block;
    vertical-align: bottom;
}
.input-group-select .input-group-select-trigger > span span br {
    display: none;
}
.input-group-select .input-group-select-trigger > span span.full {
    max-width: initial;
    width: calc(100% - 40px);
}
.input-group-select .input-group-select-trigger svg {
    flex-shrink: 0;
    transition: transform 200ms;
}
.input-group-select .clear-selection-btn {
    position: absolute;
    right: 44px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #eee;
    border: 1px solid #ccc;
    color: #555;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    cursor: pointer;
    padding: 0;
    z-index: 1;
    display: none !important;
}
.input-group-select .clear-selection-btn:hover {
    background-color: #ddd;
}
.input-group-select .clear-selection-btn:focus {
    outline: 2px solid #4F7AFA;
    outline-offset: 1px;
}
.input-group-select .input-group-modal {
    display: block;
    position: absolute;
    top: calc(100% + 8px);
    width: 100%;
    background-color: #FFFFFF;
    border: 1px solid #D2D5DF;
    border-radius: 10px;
    visibility: hidden;
    opacity: 0;
    transition: opacity 200ms, visibility 200ms;
    z-index: 2;
    min-width: 350px;
    max-height: 280px;
    overflow-y: auto;
}
.input-group-select .input-group-modal::-webkit-scrollbar {
    width: 6px;
}
.input-group-select .input-group-modal::-webkit-scrollbar-thumb {
    background-color: #6C7797;
    border-radius: 3px;
}
.input-group-select .input-group-modal input[type=search] {
    height: 66px;
    padding-left: 48px;
    padding-right: 15px;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #D0D5E5;
    background-color: transparent;
    outline: 0;
    background-image: url(../images/icon-search.svg);
    background-position: center left 20px;
    background-size: 14px 14px;
    background-repeat: no-repeat;
}
.input-group-select .input-group-modal input[type=search]:focus {
       outline: 2px solid #2A2a2a;
    outline-offset: -1px;
    border-bottom-color: #2A2a2a;
    border-radius: 5px;
}
.input-group-select .input-group-modal .line {
    transition: background-color 200ms;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.input-group-select .input-group-modal .line:hover {
    background-color: rgba(79, 122, 250, 0.0901960784);
}
.input-group-select .input-group-modal .line:focus, .input-group-select .input-group-modal .line:focus-within {
    outline: 2px solid #4F7AFA;
    outline-offset: -2px;
    background-color: rgba(79, 122, 250, 0.0901960784);
}
.input-group-select .input-group-modal .line.hidden-by-search {
    display: none;
}
.input-group-select .input-group-modal .line input, .input-group-select .input-group-modal .line label {
    cursor: pointer;
}
.input-group-select .input-group-modal input[type=checkbox] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 14px;
    height: 14px;
    border: 1px solid #0A0A0A;
    border-radius: 2px;
    cursor: pointer;
    background-image: url(../images/icon-check-2.svg);
    background-position: top -20px center;
    transition: background-position 200ms, background-color 200ms, border-color 200ms;
    background-repeat: no-repeat;
    flex-shrink: 0;
}
.input-group-select .input-group-modal input[type=checkbox]:checked {
    background-position: center center;
    background-color: #242424;
    border-color: #242424;
}
.input-group-select .input-group-modal.modal-1 {
    padding-block: 12px;
}
.input-group-select .input-group-modal.modal-1 .line {
    padding-inline: 24px;
    padding-block: 16px;
    gap: 16px;
}
.input-group-select .input-group-modal.modal-1 .line label {
    font-size: 14px;
    font-weight: 500;
    color: #0A0A0A;
}
.input-group-select .input-group-modal.modal-2 {
    padding-block: 12px;
    min-width: 280px;
}
.input-group-select .input-group-modal.modal-2 .line {
    padding-block: 8px;
    padding-inline: 24px;
}
.input-group-select .input-group-modal.modal-2 .line input[type=checkbox] {
    margin-right: 16px;
}
.input-group-select .input-group-modal.modal-2 .line > div {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 1;
    font-size: 12px;
    color: #0A0A0A;
}
.input-group-select .input-group-modal.modal-2 .line > div .status {
    height: 30px;
    padding-inline: 20px;
    border-radius: 40px;
    min-width: 106px;
    font-size: 12px;
    display: flex;
    align-items: center;
    font-weight: 500;
    justify-content: center;
}
.input-group-select .input-group-modal.modal-2 .line > div .status.pending-report {
    background-color: #FBE6E6;
    color: #DB2F24;
}
.input-group-select .input-group-modal.modal-2 .line > div .status.pending-revision {
    background: #5173FE;
    color: #FFF;
}


.input-group-select .input-group-modal.modal-2 .line > div .status.open {
    background-color: #FDF5D1;
    color: #F7CB19;
}
.input-group-select .input-group-modal.modal-2 .line > div .status.released {
    background-color: #F2FBF7;
    color: #5FD7AA;
}
.input-group-select .input-group-modal.modal-3 {
    padding: 28px 24px;
    width: 372px;
}
.input-group-select .input-group-modal.modal-3 .groups-radio {
    display: flex;
    align-items: center;
    gap: 38px;
    margin-bottom: 12px;
}
.input-group-select .input-group-modal.modal-3 .groups-radio div {
    display: flex;
    align-items: center;
    gap: 8px;
}
.input-group-select .input-group-modal.modal-3 .groups-radio div input[type=radio] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    border: 1px solid #A3AABE;
    transition: border 200ms, outline 200ms, background-color 200ms;
    cursor: pointer;
    flex-shrink: 0;
}
.input-group-select .input-group-modal.modal-3 .groups-radio div input[type=radio]:checked {
    border: 3px solid #FFFFFF;
    outline: 1px solid #242424;
    background-color: #242424;
}
.input-group-select .input-group-modal.modal-3 .groups-radio div input[type=radio]:checked + label {
    color: #0A0A0A;
}
.input-group-select .input-group-modal.modal-3 .groups-radio div label {
    font-size: 14px;
    font-weight: 500;
    color: #A3AABE;
    cursor: pointer;
    margin-bottom: 0;
}
.input-group-select .input-group-modal.modal-3 .input-group-date {
    border: 1px solid #D2D5DF;
    border-radius: 10px;
    padding: 11px 20px;
}
.input-group-select .input-group-modal.modal-3 .input-group-date label {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #5A6789;
    width: 100%;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.input-group-select .input-group-modal.modal-3 .input-group-date input {
    height: 22px;
    border: 0;
    background-color: transparent;
    font-size: 14px;
    font-weight: 400;
    color: #0A0A0A;
    outline: 0;
    width: 100%;
}
.input-group-select .input-group-modal.modal-3 > .input-group-date {
    margin-bottom: 16px;
}
.input-group-select .input-group-modal.modal-3 .unique-date {
    display: none;
}
.input-group-select .input-group-modal.modal-3 .unique-date.active {
    display: block;
}
.input-group-select .input-group-modal.modal-3 .groups-inputs {
    display: none;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 16px;
}
.input-group-select .input-group-modal.modal-3 .groups-inputs.active {
    display: grid;
}
.input-group-select .input-group-modal.modal-3 button.btn-primary:focus {
    outline: 2px solid #4F7AFA;
    outline-offset: 1px;
}
.input-group-select .input-group-modal.modal-range-values {
    width: 372px;
    padding: 24px;
}
.input-group-select .input-group-modal.modal-range-values .box-values {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-bottom: 16px;
}
.input-group-select .input-group-modal.modal-range-values .box-values .input-group-custom {
    height: 54px;
    border: 1px solid #D2D5DF;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: 6px;
    padding-inline: 16px;
}
.input-group-select .input-group-modal.modal-range-values .box-values .input-group-custom label {
    font-size: 12px;
    font-weight: 400;
    color: #5A6789;
    display: block;
    margin-bottom: 3px;
    text-transform: uppercase;
}
.input-group-select .input-group-modal.modal-range-values .box-values .input-group-custom input {
    flex: 1;
    font-size: 14px;
    font-weight: 400;
    color: #0A0A0A;
    width: 100%;
    display: block;
    border: 0;
    outline: 0;
    background: transparent;
}
.input-group-select .input-group-modal.modal-range-values .box-values .input-group-custom input::-moz-placeholder {
    color: #A3AABE;
}
.input-group-select .input-group-modal.modal-range-values .box-values .input-group-custom input::placeholder {
    color: #A3AABE;
}
.input-group-select .input-group-modal.modal-range-values .slider {
    height: 2px;
    position: relative;
    background: #D2D5DF;
    border-radius: 5px;
}
.input-group-select .input-group-modal.modal-range-values .slider .progress {
    height: 100%;
    left: 25%;
    right: 25%;
    position: absolute;
    border-radius: 5px;
    background: #EA3309;
}
.input-group-select .input-group-modal.modal-range-values .range-input {
    position: relative;
}
.input-group-select .input-group-modal.modal-range-values .range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -3.4px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.input-group-select .input-group-modal.modal-range-values .range-input input::-webkit-slider-thumb {
    height: 14px;
    width: 14px;
    border-radius: 50%;
    background: #EA3309;
    border: 2px solid #9B250A;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}
.input-group-select .input-group-modal.modal-range-values .range-input input::-moz-range-thumb {
    height: 14px;
    width: 14px;
    border: none;
    border-radius: 50%;
    background: #EA3309;
    border: 2px solid #9B250A;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}
.input-group-select .input-group-modal.modal-range-values .btn-primary {
    margin-top: 24px;
}
.input-group-select.show .input-group-select-trigger svg, .input-group-select.active .input-group-select-trigger svg {
    transform: rotate(180deg);
}
.input-group-select.show .input-group-modal, .input-group-select.active .input-group-modal {
    opacity: 1;
    visibility: visible;
        -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
}
.input-group-select.modal-right .input-group-modal {
    right: 0;
    left: auto;
    width: auto;
}
.input-group-select.image .input-group-modal .line label {
    display: flex;
    align-items: center;
    gap: 8px;
}
.input-group-select.image .input-group-modal .line label .avatar {
    width: 24px;
    height: 24px;
    border-radius: 99px;
    background-position: center center;
    background-size: cover;
    background-color: #EA3309;
    flex-shrink: 0;
}
.input-group-select.image .input-group-modal .line label .text {
    margin: 0;
}
.input-group-select:nth-child(5) .input-group-modal {
    right: 0;
    left: auto;
    width: auto;
}
.input-group-select.custom .input-group-select-trigger {
    background-color: #FFFFFF;
    border: 1px solid #CFD5E5;
    padding-block: 0;
    height: 50px;
}
.input-group-select.custom .input-group-select-trigger > span span {
    max-width: initial;
    width: 90%;
}
.input-group-select.top .input-group-modal {
    bottom: calc(100% + 8px);
    top: initial;
}
.input-group-select .visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    white-space: nowrap;
}

.input-group-select.naopreenchido button{
    border: solid 1px red;
}

@media screen and (max-width: 993px) {
    .input-group-select .input-group-select-trigger {
        padding-inline: 20px;
        margin-bottom: 20px;
    }
    .input-group-select .input-group-select-trigger > span span {
        font-size: 12px;
    }
    .input-group-select .input-group-modal {
        width: 100%;
        min-width: initial;
        max-height: 230px;
    }
    .input-group-select .input-group-modal.modal-3, .input-group-select .input-group-modal.modal-range-values {
        width: auto;
        min-width: 280px;
    }
    .input-group-select .input-group-modal input[type=search] {
        height: 40px;
        margin-top: -5px;
    }
    .input-group-select .input-group-modal .line span {
        font-size: 14px;
    }
    .input-group-select .input-group-modal.modal-1 .line {
        padding-block: 8px;
        padding-inline: 20px;
        gap: 8px;
    }
    .input-group-select .input-group-modal.modal-2 .line {
        padding-inline: 20px;
    }
    .input-group-select .input-group-modal.modal-2 .line input[type=checbox] {
        margin-right: 8px;
    }
    .input-group-select .input-group-modal.modal-2 .line > div .status {
        height: 24px;
        padding-inline: 15px;
        min-width: 90px;
    }
    .input-group-select .input-group-modal.modal-3 {
        min-width: initial;
        width: 100%;
        padding: 20px 20px;
    }
    .input-group-select .input-group-modal.modal-3 .groups-radio {
        gap: 0;
        justify-content: space-between;
        max-width: 400px;
    }
    .input-group-select .input-group-modal.modal-3 .groups-radio div {
        align-items: center;
        gap: 4px;
    }
    .input-group-select .input-group-modal.modal-3 .groups-radio div input[type=radio] {
        margin-top: 0;
    }
    .input-group-select .input-group-modal.modal-3 .groups-radio div label {
        font-size: 12px;
        line-height: 100%;
    }
    .input-group-select .input-group-modal.modal-3 .groups-inputs {
        grid-template-columns: 1fr;
    }
    .input-group-select .input-group-modal.modal-3 .input-group-date {
        padding: 7px 13px;
    }
    .input-group-select .input-group-modal.modal-3 .input-group-date label {
        font-size: 10px;
        margin-bottom: 0;
        line-height: 100%;
    }
    .input-group-select .input-group-modal.modal-3 .input-group-date input {
        font-size: 12px;
        width: 100%;
        display: block;
    }
    .input-group-select .clear-selection-btn{
        top: 38%;
    }
}

@media(max-width: 993px){
    @supports (-webkit-touch-callout: none) {
    .input-group-select.show .input-group-modal, .input-group-select.active .input-group-modal {
        height: 200px;
    }
    .input-group-select .input-group-select-trigger{
        margin-bottom: 5px;
    }
    }
}

.input-group label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #6C7797;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.input-group input {
    border: 1px solid #CFD5E5;
    border-radius: 8px;
    padding-inline: 32px;
    height: 50px;
    width: 100%;
    max-width: 460px;
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #242424;
}

.input-group input[type=date] {
    background-color: #FFF;
}

.input-group input::-moz-placeholder {
    color: #A9A9A9;
}
.input-group input::placeholder {
    color: #A9A9A9;
}
.input-group textarea {
    display: block;
    width: 100%;
    height: 112px;
    resize: none;
    border: 1px solid #CFD5E5;
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 16px 32px;
    font-size: 14px;
    font-weight: 500;
    color: #242424;
}
.input-group textarea::-moz-placeholder {
    color: #A9A9A9;
}
.input-group textarea::placeholder {
    color: #A9A9A9;
}
@media screen and (max-width: 993px) {
    .input-group label {
        font-size: 12px;
        margin-bottom: 4px;
    }
    .input-group input {
        padding-inline: 24px;
        font-size: 12px;
    }
    .input-group textarea {
        font-size: 12px;
        padding-inline: 24px;
    }
}

.input-group-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
}
.input-group-checkbox input[type=checkbox] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 14px;
    height: 14px;
    border: 1px solid #0A0A0A;
    border-radius: 2px;
    cursor: pointer;
    background-image: url(../images/icon-check-2.svg);
    background-position: top -20px center;
    transition: 200ms;
    background-repeat: no-repeat;
}
.input-group-checkbox input[type=checkbox]:checked {
    background-position: center center;
    background-color: #242424;
    border-color: #242424;
}
.input-group-checkbox label {
    font-size: 14px;
    font-weight: 500;
    color: #242424;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    color: #242424;
    letter-spacing: -0.42px;
}

.group-resume {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 17px;
    min-width: 1400px;
    padding-bottom: 32px;
    border-bottom: 1px solid #D0D5E5;
    margin-bottom: 32px;
}
.group-resume .item {
    background: #FFFFFF;
    border: 1px solid #FCFBFD;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
    padding: 27px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.group-resume .item .icon {
    display: flex;
    width: 64px;
    height: 64px;
    align-items: center;
    justify-content: center;
    background-color: #F7F8FB;
    border-radius: 999px;
    font-size: 24px;
}
.group-resume .item > div {
    display: flex;
    align-items: center;
    gap: 16px;
}
.group-resume .item > div span {
    display: block;
}
.group-resume .item > div span.label {
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 0;
    color: #4F7AFA;
    text-transform: uppercase;
    margin-bottom: 4px;
    line-height: 22px;
}
.group-resume .item > div span.title {
    font-size: 14px;
    font-weight: 500;
    color: #6C7797;
    letter-spacing: -0.42px;
}
.group-resume .item > div span.text {
    font-size: 24px;
    font-weight: 600;
    color: #242424;
    margin-top: 4px;
}

.scroll-vertical {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
}
.scroll-vertical::-webkit-scrollbar {
    height: 6px;
}
.scroll-vertical::-webkit-scrollbar-thumb {
    background-color: #D0D5E5;
    background-color: transparent;
}
.scroll-vertical.transparent::-webkit-scrollbar-thumb {
    background-color: transparent;
}

.section-grafic-base h2 {
    font-size: 20px;
    font-weight: 500;
    color: #242424;
    letter-spacing: -0.6px;
}
.section-grafic-base p {
    font-size: 14px;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: -0.42px;
    margin-bottom: 25px;
    margin-top: 5px;
}
.section-grafic-base .wrapper {
    min-width: 1500px;
    display: grid;
    grid-template-columns: 780px repeat(3, 225px);
    gap: 33px;
}
.section-grafic-base .wrapper .grafic {
    background: #FFFFFF;
    border: 1px solid #FCFBFD;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
    height: 550px;
    padding: 32px 40px;
}
.section-grafic-base .wrapper .grafic > span {
    font-size: 14px;
    font-weight: 500;
    color: #6C7797;
    letter-spacing: -0.42px;
    line-height: 22px;
    margin-bottom: 0px;
    display: block;
}
@media screen and (max-width: 993px) {
    .section-grafic-base .wrapper {
        min-width: 1340px;
        grid-template-columns: 555px 240px 240px 240px;
        gap: 20px;
    }
    .section-grafic-base .wrapper .grafic {
        height: 410px;
        padding: 24px;
    }
    .section-grafic-base .wrapper .grafic span {
        font-size: 14px;
        font-weight: 600;
        color: #6C7797;
        display: block;
        margin-bottom: 10px;
    }
}

.modal-notification {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 10;
    height: 100vh;
    display: flex;
    justify-content: flex-end;
    transition: 200ms;
    transform: translateX(100%);
    opacity: 0;
}
.modal-notification .modal-notification-content {
    width: 525px;
    height: 100vh;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.modal-notification .modal-notification-content > header {
    padding-top: 48px;
    padding-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 48px;
}
.modal-notification .modal-notification-content > header .btn-close {
    font-size: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    transition: 200ms;
}
.modal-notification .modal-notification-content > header .btn-close:hover {
    transform: scale(1.2);
}
.modal-notification .modal-notification-content > .list {
    flex: 1;
    background-color: #FFFFFF;
    padding-inline: 48px;
    overflow-y: auto;
    padding-bottom: 40px;
}
.modal-notification .modal-notification-content > .list::-webkit-scrollbar {
    width: 6px;
}
.modal-notification .modal-notification-content > .list::-webkit-scrollbar-thumb {
    background-color: #edeff9;
}
.modal-notification .modal-notification-content > .list .group-card + .group-card {
    margin-top: 32px;
}
.modal-notification .modal-notification-content > .list .group-card > .title {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    color: #6C7797;
}
.modal-notification .modal-notification-content > .list .group-card .card {
    padding: 20px;
    border-radius: 9px;
    background-color: #F7F8FB;
    position: relative;
}
.modal-notification .modal-notification-content > .list .group-card .card + .card {
    margin-top: 8px;
}
.modal-notification .modal-notification-content > .list .group-card .card time {
    position: absolute;
    top: 24px;
    right: 24px;
    font-size: 12px;
    font-weight: 400;
    color: #6C7797;
}
.modal-notification .modal-notification-content > .list .group-card .card h3 {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.36px;
    color: #161923;
    max-width: 310px;
    margin-bottom: 16px;
}
.modal-notification .modal-notification-content > .list .group-card .card h3 b {
    font-weight: 600;
}
.modal-notification .modal-notification-content > .list .group-card .card .btn-ghost {
    height: 42px;
    padding-inline: 32px;
    border: 1px solid #4F7AFA;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    color: #4F7AFA;
    letter-spacing: -0.36px;
    text-decoration: none;
    display: flex;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    transition: 200ms;
}
.modal-notification .modal-notification-content > .list .group-card .card .btn-ghost:hover {
    background-color: rgba(79, 122, 250, 0.2078431373);
}
.modal-notification .modal-notification-content > .list .group-card .card.is-new time::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background-color: #DB2F24;
    margin-left: 8px;
}
.modal-notification .modal-notification-content footer {
    padding-block: 24px;
    padding-inline: 48px;
    border-top: 1px solid #D0D5E5;
    display: flex;
    align-items: center;
    gap: 8px;
}
.modal-notification .modal-notification-content footer .btn-primary {
    height: 50px;
    padding-inline: 40px;
    width: -moz-max-content;
    width: max-content;
}
.modal-notification .modal-notification-content footer .btn-reset {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-decoration: none;
    background-color: #F2C6C4;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #DB2F24;
    letter-spacing: -0.42px;
    transition: 200ms;
}
.modal-notification .modal-notification-content footer .btn-reset:hover {
    background-color: rgba(219, 48, 36, 0.4196078431);
}
.modal-notification.active {
    background-color: rgba(0, 0, 0, 0.7);
    transform: translateX(0);
    opacity: 1;
}
@media screen and (max-width: 993px) {
    .modal-notification .modal-notification-content header {
        padding-top: 20px;
    }
    .modal-notification .modal-notification-content header,
    .modal-notification .modal-notification-content .list,
    .modal-notification .modal-notification-content footer {
        padding-inline: 20px;
    }
}

.modal-profile {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 10;
    height: 100vh;
    display: flex;
    justify-content: flex-end;
    transition: 200ms;
    transform: translateX(100%);
    opacity: 0;
}
.modal-profile .modal-notification-content {
    width: 525px;
    height: 100vh;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.modal-profile .modal-notification-content > header {
    padding-top: 48px;
    padding-bottom: 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-inline: 48px;
    margin-bottom: 8px;
}
.modal-profile .modal-notification-content > header .profile-resume {
    display: flex;
    align-items: center;
    gap: 8px;
    text-decoration: none;
}
.modal-profile .modal-notification-content > header .profile-resume .img-avatar-wrapper {
    position: relative;
}
.modal-profile .modal-notification-content > header .profile-resume .img-avatar-wrapper img {
    width: 40px;
    height: 40px;
    border-radius: 999px;
    -o-object-fit: cover;
    object-fit: cover;
}
.modal-profile .modal-notification-content > header .profile-resume .img-avatar-wrapper svg {
    position: absolute;
    right: -3px;
    bottom: -2px;
    width: 20px;
    height: 20px;
}
.modal-profile .modal-notification-content > header .profile-resume .text span {
    display: block;
}
.modal-profile .modal-notification-content > header .profile-resume .text span.name {
    font-size: 14px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.42px;
}
.modal-profile .modal-notification-content > header .profile-resume .text span.email {
    font-size: 12px;
    font-weight: 500;
    color: #A3AABE;
    letter-spacing: -0.36px;
}
.modal-profile .modal-notification-content > header .btn-close {
    font-size: 0;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    transition: 200ms;
}
.modal-profile .modal-notification-content > header .btn-close:hover {
    transform: scale(1.2);
}
.modal-profile .modal-notification-content > .wrapper {
    flex: 1;
    background-color: #FFFFFF;
    padding-inline: 48px;
    overflow-y: auto;
    padding-bottom: 40px;
}
.modal-profile .modal-notification-content > .wrapper::-webkit-scrollbar {
    width: 6px;
}
.modal-profile .modal-notification-content > .wrapper::-webkit-scrollbar-thumb {
    background-color: #edeff9;
}
.modal-profile .modal-notification-content > .wrapper .box + .box {
    margin-top: 64px;
}
.modal-profile .modal-notification-content > .wrapper .box h3 {
    margin-bottom: 32px;
    font-size: 24px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.72px;
}
.modal-profile .modal-notification-content > .wrapper .box nav a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #959DB4;
    letter-spacing: -0.42px;
    text-decoration: none;
}
.modal-profile .modal-notification-content > .wrapper .box nav a + a {
    margin-top: 28px;
}
.modal-profile .modal-notification-content > .wrapper .box nav a:hover {
    text-decoration: underline;
    color: #4F7AFA;
}
.modal-profile .modal-notification-content > .wrapper .box .input-group-checkbox-theme input {
    display: none;
}
.modal-profile .modal-notification-content > .wrapper .box .input-group-checkbox-theme input:checked + label svg {
    display: block;
}
.modal-profile .modal-notification-content > .wrapper .box .input-group-checkbox-theme input:checked + label svg.dark {
    display: none;
}
.modal-profile .modal-notification-content > .wrapper .box .input-group-checkbox-theme label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.modal-profile .modal-notification-content > .wrapper .box .input-group-checkbox-theme label svg {
    display: none;
    width: 16px;
}
.modal-profile .modal-notification-content > .wrapper .box .input-group-checkbox-theme label svg.dark {
    display: block;
}
.modal-profile .modal-notification-content > .wrapper .box .input-group-checkbox-theme label span {
    font-size: 14px;
    font-weight: 500;
    color: #959DB4;
    letter-spacing: -0.42px;
    transition: 200ms;
}
.modal-profile .modal-notification-content footer {
    padding-block: 24px;
    padding-inline: 48px;
    border-top: 1px solid #D0D5E5;
    display: flex;
    align-items: center;
    gap: 8px;
}
.modal-profile .modal-notification-content footer .btn-primary-degrade {
    height: 50px;
    padding-inline: 40px;
    width: 100%;
    gap: 16px;
}
.modal-profile.active {
    background-color: rgba(0, 0, 0, 0.7);
    transform: translateX(0);
    opacity: 1;
}
@media screen and (max-width: 993px) {
    .modal-profile .modal-notification-content {
        width: 100%;
    }
    .modal-profile .modal-notification-content header {
        padding-top: 20px;
        padding-inline: 20px;
    }
    .modal-profile .modal-notification-content > .wrapper,
    .modal-profile .modal-notification-content footer {
        padding-inline: 20px;
    }
}

.modal-delete-attach {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 10;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 200ms;
    opacity: 0;
    visibility: hidden;
}
.modal-delete-attach .modal-content {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: -moz-max-content;
    height: max-content;
    position: relative;
    top: 100px;
    transition: 200ms;
    padding: 120px 150px;
    border-radius: 30px;
}
.modal-delete-attach .modal-content .btn-close {
    position: absolute;
    top: 50px;
    right: 40px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    transition: 200ms;
}
.modal-delete-attach .modal-content .btn-close:hover {
    transform: scale(1.1);
}
.modal-delete-attach .modal-content > svg {
    margin-bottom: 24px;
}
.modal-delete-attach .modal-content > span {
    display: block;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.72px;
    margin-bottom: 20px;
}
.modal-delete-attach .modal-content .buttons {
    display: flex;
    align-content: center;
    justify-content: center;
    gap: 8px;
}
.modal-delete-attach .modal-content .buttons .btn {
    height: 50px;
    padding-inline: 80px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}
.modal-delete-attach .modal-content .buttons .btn.yes {
    background-color: #F2C6C4;
    color: #DB2F24;
}
.modal-delete-attach .modal-content .buttons .btn.no {
    border: 1px solid #DB2F24;
    color: #DB2F24;
}
.modal-delete-attach.active {
    background-color: rgba(0, 0, 0, 0.7);
    visibility: visible;
    opacity: 1;
}
.modal-delete-attach.active .modal-content {
    top: 0px;
}

.modal-gerar-relatorio {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0);
    z-index: 10;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 200ms;
    opacity: 0;
    visibility: hidden;
}
.modal-gerar-relatorio .modal-content {
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 100px;
    transition: 200ms;
    padding: 120px 150px;
    border-radius: 30px;
}

.theme-dark .modal-gerar-relatorio .modal-content {
    background-color: #282F3C;
    color: #FFF;
}

.modal-gerar-relatorio .modal-content .btn-close {
    position: absolute;
    top: 50px;
    right: 40px;
    background-color: transparent;
    border: 0;
    cursor: pointer;
    transition: 200ms;
}
.modal-gerar-relatorio .modal-content .btn-close:hover {
    transform: scale(1.1);
}
@media screen and (max-width: 993px) {
    .modal-gerar-relatorio .modal-content {
        width: 100%;
        height: 100%;
        border-radius: 0;
        padding: 20px;
        border-radius: 0;
    }
    
    .theme-dark .modal-gerar-relatorio .modal-content {
          background-color: #282F3C;
          color: #FFF;
    }
    
    .modal-gerar-relatorio .modal-content .btn-close {
        top: 20px;
        right: 20px;
    }
   .theme-dark .modal-gerar-relatorio .modal-content .btn-close svg path {
       stroke: #FFFFFF;
    }
    .modal-gerar-relatorio .modal-content h2 {
        margin-bottom: 1rem;
    }
}
.modal-gerar-relatorio.active {
    background-color: rgba(0, 0, 0, 0.7);
    visibility: visible;
    opacity: 1;
}
.modal-gerar-relatorio.active .modal-content {
    top: 0px;
}

.modal-enviar-comprovante {
    position: fixed;
    inset: 0;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: 200ms;
}
.modal-enviar-comprovante .modal-content {
    background-color: #FFFFFF;
    padding: 48px;
    border-radius: 30px;
    width: 680px;
}
.modal-enviar-comprovante .modal-content header {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.modal-enviar-comprovante .modal-content header h2 {
    font-size: 24px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.72px;
}
.modal-enviar-comprovante .modal-content header .btn-close {
    font-size: 0;
    background-color: transparent;
    border: 0;
    transition: 200ms;
    cursor: pointer;
}
.modal-enviar-comprovante .modal-content header .btn-close:hover {
    transform: scale(1.1);
}
.modal-enviar-comprovante .modal-content form {
    width: 100%;
}
.modal-enviar-comprovante .modal-content form input[type=file] {
    display: none;
}
.modal-enviar-comprovante .modal-content form label {
    height: 160px;
    border-radius: 16px;
    border: 1px solid #161923;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 12px;
    cursor: pointer;
}
.modal-enviar-comprovante .modal-content form label span {
    font-size: 16px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.48px;
}
.modal-enviar-comprovante .modal-content form > span {
    font-size: 12px;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: -0.36px;
    line-height: 140%;
    display: block;
    margin-bottom: 24px;
}
.modal-enviar-comprovante .modal-content form .btn-primary-degrade {
    width: 100%;
    border: 0;
    height: 50px;
}
@media screen and (max-width: 993px) {
    .modal-enviar-comprovante .modal-content {
        width: 100%;
        height: 100%;
        border-radius: 0;
        padding: 20px;
    }
}
.modal-enviar-comprovante.active {
    visibility: visible;
    opacity: 1;
}

.table-base {
    background-color: #FFFFFF;
    border-radius: 15px;
    border: 1px solid #FCFBFD;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
}
.table-base .group-filter-title h2 {
    font-size: 20px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.6px;
    line-height: 22px;
    margin-bottom: 4px;
}
.table-base .group-filter-title span {
    font-size: 14px;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: -0.42px;
    line-height: 22px;
    display: block;
}
.table-base .table-header {
    display: grid;
    grid-template-columns: repeat(5, 1fr) 100px;
    height: 54px;
    background-color: #F7F8FB;
    padding-inline: 32px;
}
.table-base .table-header .col {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
}
.table-base .table-header .col span {
    font-size: 12px;
    font-weight: 600;
    color: #5A6789;
    text-transform: uppercase;
}
.table-base .table-header .col .btns {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.table-base .table-header .col .btns.down .down svg path {
    stroke: #5A6789 !important;
}

.table-base .table-header .col .btns.up .up svg path {
    stroke: #5A6789 !important;
}

.table-base .table-header .col .btns button {
    border: 0;
    font-size: 0;
    cursor: pointer;
    background-color: transparent;
}
.table-base .table-body .row {
    display: grid;
    grid-template-columns: repeat(5, 1fr) 100px;
    height: 70px;
    padding-inline: 32px;
    transition: 200ms;
}
.table-base .table-body .row + .row {
    border-top: 1px solid #D0D5E5;
}
.table-base .table-body .row .col {
    height: 100%;
    display: flex;
    align-items: center;
}
.table-base .table-body .row .col .text {
    font-size: 14px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.42px;
}
.table-base .table-body .row .col .status {
    height: 30px;
    padding-inline: 20px;
    border-radius: 40px;
    min-width: 106px;
    font-weight: 500;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-base .table-body .row .col .status.pending-report {
    background-color: #FBE6E6;
    color: #DB2F24;
}

.table-base .table-body .row .col .status.pending-revision{
    background-color: #5173FE;
    color: #FFF;
}

.table-base .table-body .row .col .status.open {
    background-color: #FDF5D1;
    color: #F7CB19;
}
.table-base .table-body .row .col .status.released {
    background-color: #F2FBF7;
    color: #5FD7AA;
}
.table-base .table-body .row .col .btn {
    font-size: 0;
    border: 0;
    cursor: pointer;
    background-color: transparent;
}
.table-base .table-body .row .col .btn svg.dark {
    display: none;
}
.table-base .table-body .row .col .box-person {
    display: flex;
    align-items: center;
    gap: 8px;
}
.table-base .table-body .row .col .box-person img {
    width: 30px;
    height: 30px;
    border-radius: 999px;
    -o-object-fit: cover;
    object-fit: cover;
}
.table-base .table-body .row .col .btn-download {
    padding-inline: 33px;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #242424;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: -0.42px;
    text-decoration: none;
    transition: 200ms;
}
.table-base .table-body .row .col .btn-download:hover {
    transform: scale(1.05);
}
.table-base .table-body .row .col .btn-view {
    width: 220px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.42px;
    height: 48px;
    border-radius: 8px;
    transition: 200ms;
}
.table-base .table-body .row .col .btn-view:hover {
    background-color: rgba(81, 116, 254, 0.1215686275);
}
.table-base .table-body .row .col .btn-primary-degrade {
    padding-inline: 32px;
}
.table-base .table-body .row .col.aligh-right {
    justify-content: flex-end;
}
.table-base .table-body .row:hover {
    background-color: rgba(140, 201, 255, 0.0588235294);
}
.table-base .table-navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 75px;
    padding-right: 32px;
    border-top: 1px solid #D0D5E5;
}
.table-base .table-navigation .btn {
    text-decoration: none;
    padding: 4px 7px;
}
.table-base .table-navigation .btn svg.active {
    display: none;
}
.table-base .table-navigation .btn.active svg {
    display: none;
}
.table-base .table-navigation .btn.active svg.active {
    display: block;
}
.table-base .table-navigation .pages {
    margin-inline: 10px;
    display: flex;
    align-items: center;
    gap: 11px;
}
.table-base .table-navigation .pages a, .table-base .table-navigation .pages span {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-base .table-navigation .pages a {
    font-size: 12px;
    font-weight: 500;
    color: #242424;
    letter-spacing: 0;
    transition: 200ms;
    border-radius: 5px;
    text-decoration: none;
}
.table-base .table-navigation .pages a.active, .table-base .table-navigation .pages a:hover {
    background-color: #242424;
    color: #FFFFFF;
}
.table-base.table-1 .table-header,
.table-base.table-1 .table-body .row {
    grid-template-columns: 22% 24% 13% 12% 23% 6%;
}
.table-base.table-1 .table-header,
.table-base.table-1 .table-body {
    min-width: 1300px;
}
.table-base.table-1 .filters .wrapper {
    display: grid;
    grid-template-columns: repeat(5, calc(20% - 6px));
}
@media screen and (max-width: 1800px) {
    .table-base.table-1 .filters {
        flex-direction: column;
    }
    .table-base.table-1 .filters .form-search {
        width: 100%;
    }
    .table-base.table-1 .filters .wrapper {
        width: 100%;
        margin-top: 8px;
        display: grid;
        grid-template-columns: repeat(5, calc(20% - 6px));
    }
    .table-base.table-1 .table-header,
    .table-base.table-1 .table-body .row {
        grid-template-columns: 22% 22% 15% 14% 21% 6%;
    }
}
@media screen and (max-width: 1520px) {
    .table-base.table-1 .filters .wrapper {
        grid-template-columns: repeat(4, 25%);
    }
}
@media screen and (max-width: 1369px) {
    .table-base.table-1 .filters .wrapper {
        grid-template-columns: repeat(3, 33%);
    }
}
@media screen and (max-width: 1200px) {
    .table-base.table-1 .filters .wrapper {
        grid-template-columns: repeat(2, 50%);
    }
}
.table-base.table-2 .table-header,
.table-base.table-2 .table-body .row {
    grid-template-columns: 24% 13% 13% 15% 35%;
}
.table-base.table-2 .table-body .row .col:last-of-type {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}
.table-base.table-2 .table-header .col:nth-child(4),
.table-base.table-2 .table-body .row .col:nth-child(4) {
    justify-content: center;
}
.table-base.table-2 .table-header,
.table-base.table-2 .table-body {
    min-width: 1400px;
}
.table-base.table-2 .filters .wrapper {
    display: flex;
    flex-wrap: wrap;
}
@media screen and (max-width: 1620px) {
    .table-base.table-2 .filters {
        flex-direction: column;
    }
    .table-base.table-2 .filters .group-filter-title {
        width: 100%;
    }
    .table-base.table-2 .filters .wrapper {
        flex: 1;
        max-width: initial;
        width: 100%;
        display: grid;
        margin-top: 8px;
        grid-template-columns: repeat(3, calc(33.3% - 4px));
    }
}
@media screen and (max-width: 1230px) {
    .table-base.table-2 .filters .wrapper {
        flex: 1;
        max-width: initial;
        width: 100%;
        margin-top: 8px;
        display: grid;
        grid-template-columns: repeat(2, 50%);
    }
}
.table-base.table-3 .table-header,
.table-base.table-3 .table-body .row {
    grid-template-columns: 16.71% 12.03% 13.03% 14.97% 14.23% 19.04%;
}
.table-base.table-3 .table-body .row .col:last-of-type {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.table-base.table-3 .table-header,
.table-base.table-3 .table-body {
    min-width: 1450px;
}
@media screen and (max-width: 1620px) {
    .table-base.table-3 .filters {
        flex-direction: column;
    }
    .table-base.table-3 .filters .form-search {
        width: 100%;
    }
    .table-base.table-3 .filters .input-group-select > label svg {
        margin-left: 32px;
    }
    .table-base.table-3 .filters .wrapper {
        margin-top: 8px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 1240px) {
    .table-base.table-3 .filters {
        flex-direction: column;
    }
    .table-base.table-3 .filters .form-search {
        width: 100%;
    }
    .table-base.table-3 .filters .wrapper {
        margin-top: 8px;
        width: 100%;
        display: grid;
        grid-template-columns: 50% 50%;
    }
    .table-base.table-3 .filters .input-group-select > label svg {
        margin-left: auto;
    }
}
.table-base.table-4 .table-header,
.table-base.table-4 .table-body .row {
    grid-template-columns: 20% 17% 16% 16% 12% 10% 6% 1%;
}
.table-base.table-4 .table-header .col:nth-child(5),
.table-base.table-4 .table-body .row .col:nth-child(5),
.table-base.table-4 .table-header .col:nth-child(6),
.table-base.table-4 .table-body .row .col:nth-child(6) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-base.table-4 .table-header,
.table-base.table-4 .table-body {
    min-width: 1240px;
}
@media screen and (max-width: 1620px) {
    .table-base.table-4 .table-header,
    .table-base.table-4 .table-body .row {
        grid-template-columns: 22% 18% 16% 15% 17% 6% 6%;
    }
    .table-base.table-4 .filters {
        flex-direction: column;
    }
    .table-base.table-4 .filters .form-search {
        width: 100%;
    }
    .table-base.table-4 .filters .input-group-select > label svg {
        margin-left: 32px;
    }
    .table-base.table-4 .filters .wrapper {
        margin-top: 8px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 1369px) {
    .table-base.table-4 .filters {
        flex-direction: column;
        gap: 8px;
    }
    .table-base.table-4 .filters .input-group-select > label svg {
        margin-left: auto;
    }
    .table-base.table-4 .filters .form-search,
    .table-base.table-4 .filters .wrapper {
        width: 100%;
    }
    .table-base.table-4 .filters .wrapper {
        display: grid;
        grid-template-columns: repeat(3, 33%);
    }
}
.table-base.table-5 .table-header,
.table-base.table-5 .table-body .row {
    grid-template-columns: 23% 48% 6% 23%;
}
.table-base.table-5 .table-header .col:nth-child(3),
.table-base.table-5 .table-body .row .col:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-base.table-5 .table-body .row .col:last-of-type {
    align-items: center;
    justify-content: flex-end;
}
.table-base.table-5 .table-header,
.table-base.table-5 .table-body {
    min-width: 980px;
}
@media screen and (max-width: 1620px) {
    .table-base.table-5 .filters {
        flex-direction: column;
    }
    .table-base.table-5 .filters .form-search {
        width: 100%;
    }
    .table-base.table-5 .filters .input-group-select > label svg {
        margin-left: 32px;
    }
    .table-base.table-5 .filters .wrapper {
        margin-top: 8px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 1550px) {
    .table-base.table-5 .table-header,
    .table-base.table-5 .table-body .row {
        grid-template-columns: 23% 44% 6% 27%;
    }
}
@media screen and (max-width: 1369px) {
    .table-base.table-5 .table-header,
    .table-base.table-5 .table-body .row {
        grid-template-columns: 23% 40% 7% 30%;
    }
}
@media screen and (max-width: 1200px) {
    .table-base.table-5 .filters {
        flex-direction: column;
        gap: 8px;
    }
    .table-base.table-5 .filters .input-group-select > label svg {
        margin-left: auto;
    }
    .table-base.table-5 .filters .form-search {
        width: 100%;
    }
    .table-base.table-5 .filters .wrapper {
        grid-template-columns: 50% 50%;
        display: grid;
        width: 100%;
    }
}
.table-base.table-6 .table-header,
.table-base.table-6 .table-body .row {
    grid-template-columns:30% 17% 23% 6% 9% 10%;
}
.table-base.table-6 .table-header .col:nth-child(4),
.table-base.table-6 .table-body .row .col:nth-child(4),
.table-base.table-6 .table-header .col:nth-child(5),
.table-base.table-6 .table-body .row .col:nth-child(5) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-base.table-6 .table-body .row .col:last-of-type {
    align-items: center;
    justify-content: flex-end;
}
.table-base.table-6 .table-header,
.table-base.table-6 .table-body {
    min-width: 1070px;
}
@media screen and (max-width: 1620px) {
    .table-base.table-6 .filters {
        flex-direction: column;
    }
    .table-base.table-6 .filters .form-search {
        width: 100%;
    }
    .table-base.table-6 .filters .input-group-select > label svg {
        margin-left: 32px;
    }
    .table-base.table-6 .filters .wrapper {
        margin-top: 8px;
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }
}
@media screen and (max-width: 1550px) {
    .table-base.table-6 .table-header,
    .table-base.table-6 .table-body .row {
        grid-template-columns: 26% 20% 32% 8% 11% 3%;
    }
}
@media screen and (max-width: 1200px) {
    .table-base.table-6 .filters {
        flex-direction: column;
        gap: 8px;
    }
    .table-base.table-6 .filters .input-group-select > label svg {
        margin-left: auto;
    }
    .table-base.table-6 .filters .form-search {
        width: 100%;
    }
    .table-base.table-6 .filters .wrapper {
        grid-template-columns: 50% 50%;
        display: grid;
        width: 100%;
    }
}
.table-base.table-7 .table-header,
.table-base.table-7 .table-body .row {
    grid-template-columns: 22.64% 19.1% 15.69% 12.89% 12.42% 14.29% 3%;
}
.table-base.table-7 .table-header .col:nth-child(5),
.table-base.table-7 .table-body .row .col:nth-child(5) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-base.table-7 .table-body .row .col:last-of-type {
    align-items: center;
    justify-content: flex-end;
}
.table-base.table-7 .table-header,
.table-base.table-7 .table-body {
    min-width: 1480px;
}
@media screen and (max-width: 1840px) {
    .table-base.table-7 .filters {
        flex-direction: column;
        gap: 8px;
    }
    .table-base.table-7 .filters .input-group-select > label svg {
        margin-left: auto;
    }
    .table-base.table-7 .filters .form-search,
    .table-base.table-7 .filters .wrapper {
        width: 100%;
    }
    .table-base.table-7 .filters .wrapper {
        display: grid;
        grid-template-columns: repeat(6, 16.7%);
    }
    .table-base.table-7 .filters .wrapper .input-group-select:nth-child(4) .input-group-modal {
        right: 0;
    }
}
@media screen and (max-width: 1630px) {
    .table-base.table-7 .filters .wrapper {
        grid-template-columns: repeat(5, calc(20% - 6px));
    }
}
@media screen and (max-width: 1400px) {
    .table-base.table-7 .filters .wrapper {
        grid-template-columns: repeat(3, 33%);
    }
}
@media screen and (max-width: 1200px) {
    .table-base.table-7 .filters .wrapper {
        grid-template-columns: repeat(2, 50%);
    }
}
.table-base.table-8 .table-header,
.table-base.table-8 .table-body .row {
    grid-template-columns: 12.81% 21.86% 15.69% 8.45% 41.18%;
}
.table-base.table-8 .table-header .col:nth-child(4),
.table-base.table-8 .table-body .row .col:nth-child(4) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-base.table-8 .table-body .row .col:last-of-type {
    align-items: center;
    justify-content: flex-end;
}
.table-base.table-8 .table-header,
.table-base.table-8 .table-body {
    min-width: 1480px;
}
@media screen and (max-width: 1840px) {
    .table-base.table-8 .filters {
        flex-direction: column;
        gap: 8px;
    }
    .table-base.table-8 .filters .input-group-select > label svg {
        margin-left: auto;
    }
    .table-base.table-8 .filters .form-search,
    .table-base.table-8 .filters .wrapper {
        width: 100%;
    }
    .table-base.table-8 .filters .wrapper {
        display: grid;
        grid-template-columns: repeat(6, 16.7%);
    }
    .table-base.table-8 .filters .wrapper .input-group-select:nth-child(4) .input-group-modal {
        right: 0;
    }
}
@media screen and (max-width: 1630px) {
    .table-base.table-8 .filters .wrapper {
        grid-template-columns: repeat(5, calc(20% - 6px));
    }
    .table-base.table-8 .table-header,
    .table-base.table-8 .table-body .row {
        grid-template-columns: 15% 27% 16% 12% 28%;
    }
    .table-base.table-8 .table-header,
    .table-base.table-8 .table-body {
        min-width: 1145px;
    }
}
@media screen and (max-width: 1400px) {
    .table-base.table-8 .filters .wrapper {
        grid-template-columns: repeat(3, 33%);
    }
}
@media screen and (max-width: 1200px) {
    .table-base.table-8 .filters .wrapper {
        grid-template-columns: repeat(2, 50%);
    }
}
.table-base.table-9 .table-header,
.table-base.table-9 .table-body .row {
    grid-template-columns: 23% 13% 8% 12% 44%;
}
.table-base.table-9 .table-header .col:nth-child(4),
.table-base.table-9 .table-body .row .col:nth-child(4) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-base.table-9 .table-body .row .col:last-of-type {
    align-items: center;
    justify-content: flex-end;
}
.table-base.table-9 .table-header,
.table-base.table-9 .table-body {
    min-width: 1150px;
}
@media screen and (max-width: 1840px) {
    .table-base.table-9 .table-header,
    .table-base.table-9 .table-body .row {
        grid-template-columns: 23% 17% 12% 16% 32%;
    }
    .table-base.table-9 .filters {
        flex-direction: column;
        gap: 8px;
    }
    .table-base.table-9 .filters .input-group-select > label svg {
        margin-left: auto;
    }
    .table-base.table-9 .filters .form-search,
    .table-base.table-9 .filters .wrapper {
        width: 100%;
    }
    .table-base.table-9 .filters .wrapper {
        display: grid;
        grid-template-columns: repeat(6, 16.7%);
    }
    .table-base.table-9 .filters .wrapper .input-group-select:nth-child(4) .input-group-modal {
        right: 0;
    }
}
@media screen and (max-width: 1630px) {
    .table-base.table-9 .filters .wrapper {
        grid-template-columns: repeat(5, calc(20% - 6px));
    }
}
@media screen and (max-width: 1400px) {
    .table-base.table-9 .filters .wrapper {
        grid-template-columns: repeat(3, 33%);
    }
}
@media screen and (max-width: 1200px) {
    .table-base.table-9 .filters .wrapper {
        grid-template-columns: repeat(2, 50%);
    }
}
.table-base.table-10 .table-header,
.table-base.table-10 .table-body .row {
    grid-template-columns: 22.41% 18.99% 14.58% 16.19% 14.99% 7.83% 5.02%;
}
.table-base.table-10 .table-header .col:nth-child(6),
.table-base.table-10 .table-body .row .col:nth-child(6) {
    display: flex;
    align-items: center;
    justify-content: center;
}
.table-base.table-10 .table-body .row .col:last-of-type {
    align-items: center;
    justify-content: flex-end;
}
.table-base.table-10 .table-header,
.table-base.table-10 .table-body .row {
    min-width: 1300px;
}
@media screen and (max-width: 1369px) {
    .table-base.table-10 .filters {
        flex-direction: column;
        gap: 8px;
    }
    .table-base.table-10 .filters .form-search {
        width: 100%;
    }
    .table-base.table-10 .filters .wrapper {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 33%);
    }
}
.table-base .scroll-table {
    width: 100%;
    overflow-x: scroll;
}
.table-base .scroll-table::-webkit-scrollbar {
    height: 6px;
}
.table-base .scroll-table::-webkit-scrollbar-thumb {
    background-color: #edeff9;
}
@media screen and (max-width: 993px) {
    .table-base {
        display: none;
    }
}

.table-base-mobile {
    display: none;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.table-base-mobile .card {
    display: grid;
    grid-template-columns: 1fr max-content;
    -moz-column-gap: 30px;
    column-gap: 30px;
    row-gap: 24px;
    border: 1px solid #D2D5DF;
    border-radius: 10px;
    padding: 24px;
}
.table-base-mobile .card .item .title {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #5A6789;
    line-height: 22px;
    text-transform: uppercase;
}
.table-base-mobile .card .item .text {
    font-size: 14px;
    font-weight: 500;
    color: #161923;
    display: block;
}
.table-base-mobile .card .item .status {
    padding-inline: 24px;
    border-radius: 41px;
    height: 22px;
    display: flex;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    font-weight: 500;
    font-size: 10px;
    letter-spacing: -0.36px;
}
.table-base-mobile .card .item .status.pending-report {
    background-color: #FBE6E6;
    color: #DB2F24;
}

.table-base-mobile .card .item .status.revision {
    background-color: #5173FE;
    color: #FFF;
}


.table-base-mobile .card .item .status.open {
    background-color: #FDF5D1;
    color: #F7CB19;
}
.table-base-mobile .card .item .status.released {
    background-color: #F2FBF7;
    color: #5FD7AA;
}

.table-base-mobile .card .item .btn-download {
    ppadding-inline: 33px;
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #242424;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: -0.42px;
    text-decoration: none;
    transition: 200ms
}

@media screen and (max-width: 993px) {
    .table-base-mobile {
        display: grid;
    }

    .table-base-mobile .card .item .btn-excluir{
        background: transparent;
        border: none;
    }
}

.table-base-mobile .card .item .fotoPerfil {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
}

@media screen and (max-width: 769px) {
    .table-base-mobile {
        grid-template-columns: 1fr;
    }
}

.pagination-mobile {
    width: -moz-max-content;
    width: max-content;
    margin-inline: auto;
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 25px;
    margin-bottom: 40px;
    display: none;
}
.pagination-mobile a, .pagination-mobile span {
    text-decoration: none;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination-mobile .btn svg.active {
    display: none;
}
.pagination-mobile .btn.active svg {
    display: none;
}
.pagination-mobile .btn.active svg.active {
    display: block;
}
.pagination-mobile .pages {
    display: flex;
    align-items: center;
    gap: 5px;
}
.pagination-mobile .pages a {
    transform: 200ms;
    font-size: 12px;
    font-weight: 500;
    color: #242424;
}
.pagination-mobile .pages a:hover, .pagination-mobile .pages a.active {
    background-color: #242424;
    border-radius: 5px;
    color: #FFFFFF;
}
@media screen and (max-width: 993px) {
    .pagination-mobile {
        display: flex;
    }
}

.box-pacient {
    display: grid;
    grid-template-columns: 1.8fr 3fr;
    gap: 16px;
}
.box-pacient > div {
    background: #FFFFFF;
    border: 1px solid #FCFBFD;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
}
.box-pacient .basic-info {
    padding: 32px;
}
.box-pacient .basic-info .box-profile {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}
.box-pacient .basic-info .box-profile img {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    -o-object-fit: cover;
    object-fit: cover;
}
.box-pacient .basic-info .box-profile span {
    font-size: 24px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.72px;
}
.box-pacient .basic-info ul {
    list-style: none;
}
.box-pacient .basic-info ul li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.42px;
    line-height: 26px;
    color: #6C7797;
}
.box-pacient .basic-info ul li b {
    color: #161923;
    font-weight: 700;
}
.box-pacient .contacts-and-access {
    padding: 24px;
    display: grid;
    grid-template-columns: 42fr 25fr;
    gap: 16px;
}
.box-pacient .contacts-and-access .contact,
.box-pacient .contacts-and-access .access {
    border: 1px solid #959DB4;
    border-radius: 16px;
    padding: 16px 24px 40px;
}
.box-pacient .contacts-and-access .contact h3,
.box-pacient .contacts-and-access .access h3 {
    font-size: 20px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.6px;
    margin-bottom: 8px;
}
.box-pacient .contacts-and-access .contact .row + .row {
    margin-top: 32px;
}
.box-pacient .contacts-and-access .contact .row .title {
    font-size: 14px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.42px;
    line-height: 26px;
    display: block;
}
.box-pacient .contacts-and-access .contact .row ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.box-pacient .contacts-and-access .contact .row ul li {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #6C7797;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.42px;
}
.box-pacient .contacts-and-access .access .box + .box {
    margin-top: 32px;
}
.box-pacient .contacts-and-access .access .box .title {
    font-size: 14px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.42px;
    line-height: 26px;
    display: block;
}
.box-pacient .contacts-and-access .access .box .text {
    font-size: 14px;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: -0.42px;
    line-height: 26px;
}
@media screen and (max-width: 1450px) {
    .box-pacient {
        grid-template-columns: 1fr;
    }
}
@media screen and (max-width: 993px) {
    .box-pacient .basic-info {
        padding: 7px 24px 24px 24px;
    }
    .box-pacient .basic-info .box-profile {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        margin-bottom: 8px;
    }
    .box-pacient .basic-info .box-profile img {
        width: 48px;
        height: 48px;
    }
    .box-pacient .basic-info .box-profile span {
        font-size: 20px;
    }
    .box-pacient .contacts-and-access {
        display: none;
    }
}

.group-services h2 {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.72px;
}
.group-services ul {
    list-style: none;
    border: 1px solid #CFD5E5;
    border-radius: 16px;
    padding: 32px 32px 70px;
}
.group-services ul li + li {
    margin-top: 24px;
}
.group-services ul li h3 {
    font-size: 16px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.48px;
    line-height: 22px;
    margin-bottom: 4px;
}
.group-services ul li span {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: -0.42px;
    line-height: 16px;
}
@media screen and (max-width: 993px) {
    .group-services h2 {
        font-size: 20px;
        margin-bottom: 16px;
        letter-spacing: -0.6px;
    }
    .group-services ul {
        padding: 24px;
    }
}

.group-attach h2 {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.72px;
}
.group-attach .wrapper-download {
    display: block;
    width: 100%;
    border: 1px solid #CFD5E5;
    border-radius: 16px;
    padding: 32px;
}
.group-attach .wrapper-download h3 {
    font-size: 16px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.48px;
    margin-bottom: 16px;
    line-height: 22px;
}
.group-attach .wrapper-download .list .card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 32px;
    border: 1px solid #161923;
    border-radius: 16px;
}
.group-attach .wrapper-download .list .card + .card {
    margin-top: 8px;
}
.group-attach .wrapper-download .list .card > span {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 16px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.48px;
}

.group-attach .wrapper-download .list .card.cardCadastro {
    position: relative;
}

.group-attach .wrapper-download .list .card.cardCadastro .cadastrar {
    position: absolute;
    left: 10px;
    top: 10px;
}

.group-attach .wrapper-download .list .card.cardCadastro .wrapper {
    grid-template-columns: 4fr 1fr;
    margin-top: 20px;
}

.group-attach .wrapper-download .list .card.cardCadastro .listaFotos2{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.group-attach .wrapper-download .list .card.cardCadastro .listaFotos2 .upload-image{
    min-width: 100vh;
    position: relative;
    list-style: none;
    margin-top: 20px;
}

.page-09-exames-2d-interna .group-attach .wrapper-download .list .card.cardCadastro .listaFotos2 .upload-image{
    min-width: 250px;
}

.group-attach .wrapper-download .list .card.cardCadastro .listaFotos2 .upload-image label {
    border: 1px solid #161923;
    width: 100%;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 15px;
}

@media screen and (max-width: 993px) {
    .group-attach .wrapper-download {
        padding: 24px;
    }
    .group-attach .wrapper-download h3 {
        margin-bottom: 8px;
    }
    .group-attach .wrapper-download .list {
        display: grid;
        gap: 8px;
    }
    .group-attach .wrapper-download .list .card {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 24px;
    }
    .group-attach .wrapper-download .list .card + .card {
        margin-top: 0;
    }
    .group-attach .wrapper-download .list .card > span {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    
    .page-09-exames-2d-interna .group-attach .wrapper-download .list .card > span{
            flex-direction: row;
        }
    .page-09-exames-2d-interna .group-attach .wrapper-download .list .card.cardCadastro .wrapper{
            grid-template-columns: 1fr;
        }
      .page-09-exames-2d-interna .group-attach .wrapper-link .list .card{
            padding: 24px 10px;
        }
        .page-09-exames-2d-interna .group-attach .wrapper-download {
            padding: 24px 10px;
        }
         .group-attach .wrapper-download .list .card .btn-primary-degrade {
        width: 100%;
    }
    }
     
   
.group-attach .wrapper-link {
    display: block;
    width: 100%;
    border: 1px solid #CFD5E5;
    border-radius: 16px;
    padding: 32px;
}
.group-attach .wrapper-link + .wrapper-link {
    margin-top: 24px;
}
.group-attach .wrapper-link h3 {
    font-size: 16px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.48px;
    margin-bottom: 16px;
    line-height: 22px;
}
.group-attach .wrapper-link .list .card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 32px;
    border: 1px solid #161923;
    border-radius: 16px;
    position: relative;
}
.group-attach .wrapper-link .list .card + .card {
    margin-top: 8px;
}
.group-attach .wrapper-link .list .card .left {
    display: flex;
    align-items: center;
    gap: 16px;
}

.group-attach .wrapper-link .list .card  .lixeira {
    filter: brightness(0) saturate(100%) invert(22%) sepia(73%) saturate(3357%) hue-rotate(353deg) brightness(94%) contrast(83%);
    position: absolute;
    right: 10px;
    top: 10px;
}

.group-attach .wrapper-link .list .card .left > span {
    font-size: 16px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.48px;
    text-decoration: underline;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 90%;
}
.group-attach .wrapper-link .list .card .left button {
    cursor: pointer;
    border: 0;
    background-color: transparent;
}
.group-attach .wrapper-link .list .card .btn-primary-degrade {
    padding-inline: 73px;
    gap: 0;
    max-width: 200px;
}
@media screen and (max-width: 993px) {
    .group-attach .wrapper-link .list {
        display: grid;
        gap: 8px;
    }
    .group-attach .wrapper-link .list .card {
        padding: 24px;
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .group-attach .wrapper-link .list .card + .card {
        margin-top: 0;
    }
    .group-attach .wrapper-link .list .card .btn-primary-degrade {
        width: 100%;
    }
}
@media screen and (max-width: 769px) {
    .group-attach .wrapper-link .list .card .left > span {
        width: 100%;
        max-width: 300px;
    }
}
@media screen and (max-width: 500px) {
    .group-attach .wrapper-link .list {
        display: grid;
        gap: 8px;
    }
    .group-attach .wrapper-link .list .card {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .group-attach .wrapper-link .list .card + .card {
        margin-top: 0;
    }
    .group-attach .wrapper-link .list .card .left > span {
        width: 100%;
        max-width: 180px;
    }
}
.group-attach .wrapper-image {
    display: block;
    width: 100%;
    border: 1px solid #CFD5E5;
    border-radius: 16px;
    padding: 32px;
}
.group-attach .wrapper-image h3 {
    font-size: 16px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.48px;
    margin-bottom: 13px;
    line-height: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.group-attach .wrapper-image .card img {
    display: block;
    width: 100%;
    aspect-ratio: 1167/630;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
}
.group-attach .wrapper-image > .btn-primary-degrade {
    display: none;
}
@media screen and (max-width: 993px) {
    .group-attach .wrapper-image {
        padding: 24px;
    }
    .group-attach .wrapper-image h3 {
        margin-bottom: 10px;
    }
    .group-attach .wrapper-image h3 .btn-primary-degrade {
        display: none;
    }
    .group-attach .wrapper-image > .btn-primary-degrade {
        display: flex;
        margin-top: 18px;
    }
}
@media screen and (max-width: 993px) {
    .group-attach h2 {
        font-size: 20px;
        margin-bottom: 16px;
        letter-spacing: -0.6px;
    }
    .group-attach .wrapper-download,
    .group-attach .wrapper-link,
    .group-attach .wrapper-image {
        padding: 24px;
    }
}

.group-attach-images {
    display: block;
    width: 100%;
    border: 1px solid #CFD5E5;
    border-radius: 16px;
    padding: 32px;
}
.group-attach-images h2 {
    font-size: 16px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.48px;
    margin-bottom: 16px;
    line-height: 22px;
}
.group-attach-images input {
    display: none;
}
.group-attach-images ul {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr;
    margin-bottom: 12px;
    width: 100%;
    overflow: hidden;
    transition: 200ms;
}
.group-attach-images ul li {
    position: relative;
}
.group-attach-images ul li  a > img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 16px;
}
.group-attach-images ul li .box-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: 200ms;
}
.group-attach-images ul li .box-overlay > svg {
    width: 20px;
    height: 20px;
}
.group-attach-images ul li .box-overlay button {
    position: absolute;
    bottom: 24px;
    background-color: transparent;
    cursor: pointer;
    border: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}
.group-attach-images ul li .box-overlay button span {
    font-size: 12px;
    font-weight: 600;
    color: #FFFFFF;
    letter-spacing: -0.36px;
    text-decoration: underline;
}
.group-attach-images ul li:hover .box-overlay {
    visibility: visible;
    opacity: 1;
}
.group-attach-images ul.ratio + p + span {
    display: none;
}
.group-attach-images ul.ratio li {
    aspect-ratio: 1/1;
}
.group-attach-images ul.ratio li label {
    height: 100%;
}
.group-attach-images ul:not(.ratio) li label {
    height: 250px;
}
.group-attach-images label {
    border: 1px solid #161923;
    width: 100%;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}
.group-attach-images label span {
    font-size: 16px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.48px;
    line-height: 22px;
    text-decoration: underline;
}
.group-attach-images > span {
    font-size: 12px;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: -0.36px;
}
@media screen and (max-width: 993px) {
    .group-attach-images {
        padding: 24px;
    }
    .group-attach-images h2 {
        margin-bottom: 10px;
    }
    .group-attach-images ul.ratio {
        grid-template-columns: 1fr !important;
    }
    .group-attach-images label svg {
        width: 18px;
    }
    .group-attach-images label span {
        font-size: 14px;
    }
    .group-attach-images > span {
        font-size: 10px;
    }
}

.listaFotos {
    display: flex !important;
    flex-wrap: wrap;
    gap: 15px;
}

.listaFotos .upload-image {
    height: 250px;
    width: 180px;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

.listaFotos .upload-image .escurao{
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.listaFotos .upload-image .escurao .lixeira{
    top: 50px;
    position: relative;
    color: #FFF;
}

.group-attach-laudo {
    display: block;
    width: 100%;
    border: 1px solid #CFD5E5;
    border-radius: 16px;
    padding: 32px;
}
.group-attach-laudo h2 {
    font-size: 16px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.48px;
    margin-bottom: 16px;
    line-height: 22px;
}
.group-attach-laudo input {
    display: none;
}
.group-attach-laudo label {
    border: 1px solid #161923;
    width: 100%;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-height: 160px;
    gap: 8px;
    margin-bottom: 12px;
    cursor: pointer;
}
.group-attach-laudo label span {
    font-size: 16px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.48px;
    line-height: 22px;
    text-decoration: underline;
}
.group-attach-laudo > span {
    font-size: 12px;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: -0.36px;
}
@media screen and (max-width: 993px) {
    .group-attach-laudo {
        padding: 24px;
    }
    .group-attach-laudo h2 {
        margin-bottom: 10px;
    }
    .group-attach-laudo label svg {
        width: 18px;
    }
    .group-attach-laudo label span {
        font-size: 14px;
    }
    .group-attach-laudo > span {
        font-size: 10px;
    }
}

.group-attach-laudo-list {
    display: block;
    width: 100%;
    border: 1px solid #CFD5E5;
    border-radius: 16px;
    padding: 32px;
}
.group-attach-laudo-list h2 {
    font-size: 16px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.48px;
    margin-bottom: 16px;
    line-height: 22px;
}
.group-attach-laudo-list .card header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.group-attach-laudo-list .card header .btn {
    background-color: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
}
.group-attach-laudo-list .card header .btn span {
    font-size: 16px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.48px;
    text-decoration: underline;
}
.group-attach-laudo-list .card header .right {
    display: flex;
    align-items: center;
    gap: 8px;
}
.group-attach-laudo-list .card header .right .btn-delete {
    background-color: #F2C6C4;
    height: 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    justify-content: center;
}
.group-attach-laudo-list .card header .right .btn-delete span {
    font-size: 14px;
    font-weight: 600;
    color: #DB2F24;
    letter-spacing: -0.42px;
}
.group-attach-laudo-list .card .list img {
    display: block;
    width: 100%;
}
.group-attach-laudo-list .card .list img + img {
    margin-top: 24px;
}
@media screen and (max-width: 769px) {
    .group-attach-laudo-list {
        display: none;
    }
}

.group-attach-laudo-list-mobile {
    display: none;
    border: 1px solid #CFD5E5;
    border-radius: 16px;
    padding: 24px;
}
.group-attach-laudo-list-mobile h2 {
    font-size: 16px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.48px;
    margin-bottom: 8px;
    line-height: 22px;
}
.group-attach-laudo-list-mobile .card {
    padding: 24px;
    border: 1px solid #161923;
    border-radius: 16px;
}
.group-attach-laudo-list-mobile .card h3 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #161923;
    margin-bottom: 16px;
}
.group-attach-laudo-list-mobile .card .row {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.group-attach-laudo-list-mobile .card .row a {
    width: 100%;
}
.group-attach-laudo-list-mobile .card .row a.btn-delete {
    background-color: #DB2F24;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
@media screen and (max-width: 769px) {
    .group-attach-laudo-list-mobile {
        display: block;
    }
}

.table-access-history h2 {
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.72px;
}
.table-access-history .scroll-table-history {
    width: 100%;
    overflow-x: scroll;
}
.table-access-history .scroll-table-history::-webkit-scrollbar {
    height: 6px;
}
.table-access-history .scroll-table-history::-webkit-scrollbar-thumb {
    background-color: #edeff9;
}
.table-access-history .table {
    border: 1px solid #CFD5E5;
    border-radius: 16px;
    min-width: 780px;
    overflow: hidden;
}
.table-access-history .table .table-header,
.table-access-history .table .table-body .row {
    display: grid;
    grid-template-columns: 77% 23%;
}
.table-access-history .table .table-header {
    padding-top: 24px;
    padding-bottom: 32px;
    padding-inline: 32px;
}
.table-access-history .table .table-header .col span {
    font-size: 16px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.48px;
}
.table-access-history .table .table-body .row {
    height: 62px;
    padding-inline: 32px;
}
.table-access-history .table .table-body .row .col {
    height: 100%;
    display: flex;
    align-items: center;
}
.table-access-history .table .table-body .row .col span {
    font-size: 14px;
    font-weight: 600;
    color: #6C7797;
    letter-spacing: -0.42px;
}
.table-access-history .table .table-body .row:nth-child(odd) {
    background-color: #E7EBF5;
}
@media screen and (max-width: 993px) {
    .table-access-history h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .table-access-history .table .table-header {
        padding-top: 16px;
        padding-bottom: 16px;
        padding-inline: 20px;
    }
    .table-access-history .table .table-body .row {
        height: 50px;
    }
}

.wrapper-input-radio {
    display: flex;
    align-items: center;
    gap: 24px;
}

.input-group-radio {
    display: flex;
    align-items: center;
    gap: 6px;
}
.input-group-radio input[type=radio] {
    -webkit-appearance: unset;
    -moz-appearance: unset;
    appearance: unset;
    width: 16px;
    height: 16px;
    border-radius: 999px;
    border: 1px solid #6C7797;
    transition: 200ms;
    cursor: pointer;
}
.input-group-radio input[type=radio]:checked {
    outline: 1px solid #161923;
    border: 3px solid #FFFFFF;
    background-color: #161923;
}
.input-group-radio input[type=radio]:checked + label {
    color: #161923;
}
.input-group-radio label {
    font-size: 14px;
    font-weight: 500;
    color: #6C7797;
    letter-spacing: -0.42px;
    cursor: pointer;
}

.input-groups-radio > label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #6C7797;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.input-groups-radio .line {
    height: 50px;
    display: flex;
    align-items: center;
    gap: 32px;
}
@media screen and (max-width: 993px) {
    .input-groups-radio .line {
        height: auto;
    }
}

.fieldset-box-form {
    border: 0;
    max-width: 946px;
}
.fieldset-box-form > legend {
    font-size: 20px;
    font-weight: 600;
    color: #161923;
    margin-bottom: 16px;
    letter-spacing: -0.6px;
    display: block;
}
.fieldset-box-form > legend.title {
    font-size: 24px;
    margin-bottom: 32px;
}
.fieldset-box-form .wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 32px;
}
.fieldset-box-form .wrapper .input-group input {
    max-width: initial;
}

.fieldset-box-form .wrapper .input-group .ui-widget-content{
    min-width: 900px;
}


.fieldset-box-form .wrapper .input-group.full {
    grid-column: 1/-1;
}
.fieldset-box-form .wrapper .wrapper-group-inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.fieldset-box-form .wrapper .box-upload-avatar {
    grid-column: 1/-1;
}
.fieldset-box-form .wrapper .box-upload-avatar > .title {
    font-size: 20px;
    font-weight: 600;
    color: #242424;
    letter-spacing: -0.6px;
    line-height: 22px;
    margin-bottom: 16px;
    display: block;
}
.fieldset-box-form .wrapper .box-upload-avatar .group {
    display: grid;
    grid-template-columns: 95px 1fr;
    gap: 32px;
}
.fieldset-box-form .wrapper .box-upload-avatar .group .avatar {
    height: 95px;
    width: 95px;
    position: relative;
}
.fieldset-box-form .wrapper .box-upload-avatar .group .avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 999px;
    -o-object-fit: cover;
    object-fit: cover;
}
.fieldset-box-form .wrapper .box-upload-avatar .group .avatar .btn-remove {
    background-color: transparent;
    position: absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
    border: 0;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #F2C6C4;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 200ms;
}
.fieldset-box-form .wrapper .box-upload-avatar .group .avatar .btn-remove:hover {
    transform: scale(1.1);
}
.fieldset-box-form .wrapper .box-upload-avatar .group .right {
    width: 100%;
}
.fieldset-box-form .wrapper .box-upload-avatar .group .right input[type=file] {
    display: none;
}
.fieldset-box-form .wrapper .box-upload-avatar .group .right label {
    display: block;
    width: 100%;
    height: 105px;
    border-radius: 8px;
    border: 1px solid #CFD5E5;
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.48px;
    cursor: pointer;
}
.fieldset-box-form .wrapper .box-upload-avatar .group .right label b {
    font-weight: 500;
    text-decoration: underline;
}
.fieldset-box-form .wrapper .box-upload-avatar .group .right > span {
    font-size: 12px;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: -0.36px;
    line-height: 140%;
    display: block;
}
.fieldset-box-form .wrapper .box-attach-item > .title {
    display: block;
    font-size: 20px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.6px;
    margin-bottom: 20px;
}
.fieldset-box-form .wrapper .box-attach-item .attach-list {
    margin-bottom: 12px;
}
.fieldset-box-form .wrapper .box-attach-item .attach-list .item {
    border: 1px solid #161923;
    border-radius: 16px;
    height: 88px;
    display: flex;
    gap: 16px;
    align-items: center;
    padding-inline: 32px;
    display: none;
}
.fieldset-box-form .wrapper .box-attach-item .attach-list .item span {
    font-size: 16px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.48px;
    margin-right: auto;
}
.fieldset-box-form .wrapper .box-attach-item .attach-list .item .btn-remove {
    font-size: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    transition: 200ms;
}
.fieldset-box-form .wrapper .box-attach-item .attach-list .item .btn-remove:hover {
    transform: scale(1.1);
}
.fieldset-box-form .wrapper .box-attach-item .attach-list input {
    display: none;
}
.fieldset-box-form .wrapper .box-attach-item .attach-list label {
    height: 160px;
    border: 1px solid #161923;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}
.fieldset-box-form .wrapper .box-attach-item .attach-list label span {
    font-size: 16px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.48px;
    text-decoration: underline;
}
.fieldset-box-form .wrapper .box-attach-item .text {
    font-size: 12px;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: -0.36px;
    line-height: 140%;
    display: block;
}
.fieldset-box-form .wrapper .box-attach-item.has-items .attach-list .item {
    display: flex;
}
.fieldset-box-form .wrapper .box-attach-item.has-items .attach-list label {
    display: none;
}
.fieldset-box-form .wrapper .box-attach-item.has-items .text {
    display: none;
}
.fieldset-box-form.unique-column {
    max-width: 465px;
}
.fieldset-box-form.unique-column .wrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.fieldset-box-form.unique-column .wrapper hr {
    background-color: #D0D5E5;
    width: 100%;
    height: 1px;
    display: block;
    border: 0;
}

@media screen AND (max-width: 1200px) {
    .fieldset-box-form .wrapper .input-group .ui-widget-content{
        min-width: unset;
    }
}

@media screen and (max-width: 769px) {
    .fieldset-box-form > legend {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .fieldset-box-form > legend.title {
        font-size: 20px;
        margin-bottom: 24px;
    }
    .fieldset-box-form .wrapper {
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .fieldset-box-form .wrapper .box-attach-item > .title {
        font-size: 16px;
        margin-bottom: 10px;
    }
    .fieldset-box-form .wrapper .box-attach-item .text {
        font-size: 10px;
    }
    .fieldset-box-form .wrapper .box-attach-item .attach-list label svg {
        width: 22px;
    }
    .fieldset-box-form .wrapper .box-attach-item .attach-list label span {
        font-size: 14px;
    }
    .fieldset-box-form .wrapper .box-upload-avatar .group {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .fieldset-box-form .wrapper .box-upload-avatar .group .avatar {
        width: 60px;
        height: 60px;
    }
    .fieldset-box-form .wrapper .box-upload-avatar .group .right label {
        display: block;
        padding: 20px !important;
        height: auto;
    }
    .fieldset-box-form .wrapper .box-upload-avatar .group .right label svg {
        display: block;
        margin-inline: auto;
        margin-bottom: 8px;
    }
    .fieldset-box-form .wrapper .box-upload-avatar .group .right label span {
        text-align: center;
        display: block;
    }
    .fieldset-box-form.unique-column {
        max-width: initial;
    }
}

.theme-dark .group-title-1 h1 {
    color: #FFFFFF;
}
.theme-dark .group-title-1 p {
    color: #959DB4;
}
.theme-dark .group-title-2 div h1 {
    color: #FFFFFF;
}
.theme-dark .group-title-2 div .status.pending-report {
    background: rgba(236, 94, 69, 0.2);
    color: #EC5E45;
}
.theme-dark .group-title-2 div .status.pending-revision {
    background: #5173FE20;
    color: #FFF;
}



.theme-dark .group-title-2 div .status.released {
    background: rgba(95, 215, 170, 0.2);
    color: #5FD7AA;
}
.theme-dark .group-title-2 div .status.open {
    background: rgba(247, 203, 25, 0.2);
    color: #F7CB19;
}
.theme-dark .group-title-3 h1 {
    color: #FFFFFF;
}
.theme-dark .box-filter-and-order button {
    color: #959DB4;
}
.theme-dark .box-filter-and-order button svg path {
    stroke: #959DB4;
}
.theme-dark .box-filter-and-order button.btn-filter {
    border-color: #959DB4;
}
.theme-dark .group-attach h2 {
    color: #FFFFFF;
}
.theme-dark .group-attach .wrapper-link {
    border-color: #353E4E;
}
.theme-dark .group-attach .wrapper-link h3 {
    color: #6C7797;
}
.theme-dark .group-attach .wrapper-link .list .card {
    border-color: #353E4E;
}
.theme-dark .group-attach .wrapper-link .list .card .left > span {
    color: #FFFFFF;
}
.theme-dark .group-attach .wrapper-link .list .card .left svg path {
    fill: #fff;
}
.theme-dark .group-attach .wrapper-image h3 {
    color: #FFFFFF;
}
.theme-dark .group-attach .wrapper-download {
    border-color: #353E4E;
}
.theme-dark .group-attach .wrapper-download h3 {
    color: #FFFFFF;
}
.theme-dark .group-attach .wrapper-download .list .card {
    border-color: #353E4E;
}
.theme-dark .group-attach .wrapper-download .list .card svg path {
    fill: #FFFFFF;
}
.theme-dark .group-attach .wrapper-download .list .card > span {
    color: #FFFFFF;
}
.theme-dark .input-group-radio input[type=radio]:checked {
    background-color: #FFFFFF;
    border-color: #353E4E;
    outline: 1px solid #FFFFFF;
}
.theme-dark .input-group-radio input[type=radio]:checked + label {
    color: #FFFFFF;
}
.theme-dark .input-group-radio input,
.theme-dark .input-group-radio label {
    cursor: pointer;
}
.theme-dark .group-attach-images {
    border-color: #353E4E;
}
.theme-dark .group-attach-images h2 {
    color: #FFFFFF;
}
.theme-dark .group-attach-images label {
    border-color: #FFFFFF;
    cursor: pointer;
}
.theme-dark .group-attach-images label span {
    color: #FFFFFF;
}
.theme-dark .group-attach-images label svg path {
    fill: #FFFFFF;
}
.theme-dark .group-attach-laudo {
    border-color: #353E4E;
}
.theme-dark .group-attach-laudo h2 {
    color: #FFFFFF;
}
.theme-dark .group-attach-laudo label {
    border-color: #FFFFFF;
}
.theme-dark .group-attach-laudo label span {
    color: #FFFFFF;
}
.theme-dark .group-attach-laudo label svg path {
    fill: #FFFFFF;
}
.theme-dark .group-attach-laudo-list-mobile h2 {
    color: #FFFFFF;
}
.theme-dark .group-attach-laudo-list-mobile .card {
    border-color: #959DB4;
}
.theme-dark .group-attach-laudo-list-mobile .card h3 {
    color: #959DB4;
}
.theme-dark .group-attach-laudo-list-mobile .card h3 svg path {
    fill: #959DB4;
}
.theme-dark .group-services h2 {
    color: #FFFFFF;
}
.theme-dark .group-services ul {
    border-color: #353E4E;
}
.theme-dark .group-services ul li h3 {
    color: #FFFFFF;
}
.theme-dark .group-attach-laudo-list {
    border-color: #353E4E;
}
.theme-dark .group-attach-laudo-list h2 {
    color: #FFFFFF;
}
.theme-dark .group-attach-laudo-list .card header .btn span {
    color: #FFFFFF;
}
.theme-dark .group-attach-laudo-list .card header .btn svg path {
    fill: #fff;
}
.theme-dark .table-access-history h2 {
    color: #FFFFFF;
}
.theme-dark .table-access-history .table {
    border-color: #353E4E;
}
.theme-dark .table-access-history .table .table-header .col span {
    color: #FFFFFF;
}
.theme-dark .table-access-history .table .table-body .row:nth-child(odd) {
    background-color: #353E4E;
}
.theme-dark .table-access-history .table .table-body .row .col span {
    color: #C0BFBF;
}
.theme-dark .table-access-history .scroll-table-history::-webkit-scrollbar-thumb {
    background-color: #282F3C;
}
.theme-dark .box-pacient > div {
    background: #282F3C;
    border: 1px solid #353E4E;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
}
.theme-dark .box-pacient .basic-info .box-profile span {
    color: #FFFFFF;
}
.theme-dark .box-pacient .basic-info ul li {
    color: #959DB4;
}
.theme-dark .box-pacient .basic-info ul li b {
    color: #959DB4;
}
.theme-dark .box-pacient .contacts-and-access .contact {
    border-color: #353E4E;
}
.theme-dark .box-pacient .contacts-and-access .contact h3 {
    color: #FFFFFF;
}
.theme-dark .box-pacient .contacts-and-access .contact .row .title {
    color: #959DB4;
}
.theme-dark .box-pacient .contacts-and-access .access {
    border-color: #353E4E;
}
.theme-dark .box-pacient .contacts-and-access .access h3 {
    color: #FFFFFF;
}
.theme-dark .box-pacient .contacts-and-access .access .box .title {
    color: #959DB4;
}
.theme-dark .section-grafic-base h2 {
    color: #FFFFFF;
}
.theme-dark .section-grafic-base p {
    color: #959DB4;
}
.theme-dark .section-grafic-base .wrapper .grafic {
    background: #282F3C;
    border: 1px solid #353E4E;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
}
.theme-dark .section-grafic-base .wrapper .grafic span {
    color: #959DB4;
}
.theme-dark .group-resume {
    border-bottom: 1px solid #D0D5E5;
}
.theme-dark .group-resume .item {
    background: #282F3C;
    border: 1px solid #353E4E;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
}
.theme-dark .group-resume .item .icon {
    background-color: #1E2631;
}
.theme-dark .group-resume .item > div span.title {
    color: #959DB4;
}
.theme-dark .group-resume .item > div span.text {
    color: #FFFFFF;
}
.theme-dark .group-resume .item svg circle {
    fill: #FFFFFF;
}
.theme-dark .group-resume .item svg path {
    stroke: #242424;
}
.theme-dark.template-dash > .main-aside {
    background-color: #282F3C;
    border-color: #18202C;
}
.theme-dark.template-dash > .main-aside nav ul li a:hover,
.theme-dark.template-dash > .main-aside nav ul li a.active {
    color: #FFFFFF;
}

.selectConta {
    width: 100%;
    background-color: #FFF;
    padding: 9px 15px;
    border-radius: 8px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-color: #dedede;
}
.theme-dark.template-dash > .main-aside nav::before, .theme-dark.template-dash > .main-aside .outras {
        color: #FFFFFF;
    }
    
       .theme-dark.template-dash > .main-aside nav::before, .theme-dark.template-dash > .main-aside .selectConta {
        background-color: #282F3C !important;
        color: #FFF;
        border-color: #FFF;
        margin-bottom: 15px;
    }
    
@media screen and (max-width: 1200px) {
    .theme-dark.template-dash > .main-aside .btn-menumobile-close svg rect {
        fill: #FFFFFF;
        stroke: #FFFFFF;
    }
    
 
}
.theme-dark.template-dash > main {
    background-color: #1E2631;
}
.theme-dark.template-dash > main > .header-top {
    background-color: #282F3C;
    border-bottom: 1px solid #1E2631;
}
.theme-dark.template-dash > main > .header-top .form-search input {
    background-color: transparent;
}
.theme-dark.template-dash > main > .header-top .form-search input::-moz-placeholder {
    color: #959DB4;
}
.theme-dark.template-dash > main > .header-top .form-search input::placeholder {
    color: #959DB4;
}
.theme-dark.template-dash > main > .header-top .right .btn-notification::before {
    border-color: #282F3C;
}
.theme-dark.template-dash > main > .header-top .right .btn-notification svg path {
    fill: #FFFFFF;
}
.theme-dark.template-dash > main > .header-top .right .btn-profile {
    border-color: #FFFFFF;
}
.theme-dark.template-dash > main > .header-top .right .btn-profile > div div span.name {
    color: #FFFFFF;
}
.theme-dark.template-dash > main > .header-top .right .btn-profile > div div span.email {
    color: #959DB4;
}
.theme-dark.template-dash > main > .header-top .right .btn-profile > svg path {
    fill: #FFFFFF;
}
.theme-dark.template-dash > main > .header-top .right .btn-menumobile-open span {
    background-color: #FFFFFF;
}
@media screen and (max-width: 1200px) {
    .theme-dark.template-dash > main > .header-top.active {
        background-color: #282F3C;
    }
}
.theme-dark .table-base {
    background: #282F3C;
    border: 1px solid #353E4E;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
}
.theme-dark .table-base .group-filter-title h2 {
    color: #FFFFFF;
}
.theme-dark .table-base .table-header {
    background-color: #333D50;
}
.theme-dark .table-base .table-header .col span {
    color: #959DB4;
}
.theme-dark .table-base .table-body .row + .row {
    border-top: 1px solid #353E4E;
}
.theme-dark .table-base .table-body .row .col .text {
    color: #FFFFFF;
}
.theme-dark .table-base .table-body .row .col .status.pending-report {
    background: rgba(236, 94, 69, 0.2);
    color: #EC5E45;
}
.theme-dark .table-base .table-body .row .col .status.pending-revision {
   background: #5173FE20;
    color: #FFF;
}

.theme-dark .table-base .table-body .row .col .status.released {
    background: rgba(95, 215, 170, 0.2);
    color: #5FD7AA;
}
.theme-dark .table-base .table-body .row .col .status.open {
    background: rgba(247, 203, 25, 0.2);
    color: #F7CB19;
}
.theme-dark .table-base .table-body .row .col .btn-download {
    background-color: #1E2631;
}
.theme-dark .table-base .table-body .row .col .btn-view {
    color: #FFFFFF;
}
.theme-dark .table-base .table-body .row .col .btn svg {
    display: none;
}
.theme-dark .table-base .table-body .row .col .btn svg.dark {
    display: block;
}
.theme-dark .table-base .table-navigation {
    border-top: 1px solid #353E4E;
}
.theme-dark .table-base .table-navigation .btn svg path {
    stroke: #353E4E;
}
.theme-dark .table-base .table-navigation .btn svg.active path {
    stroke: #FFFFFF;
}
.theme-dark .table-base .table-navigation .pages span {
    color: #FFFFFF;
}
.theme-dark .table-base .table-navigation .pages a {
    color: #FFFFFF;
}
.theme-dark .table-base .table-navigation .pages a:hover, .theme-dark .table-base .table-navigation .pages a.active {
    background-color: #FFFFFF;
    color: #282F3C;
}
.theme-dark .table-base .scroll-table::-webkit-scrollbar-thumb {
    background-color: #1E2631;
}
.theme-dark .table-base-mobile .card {
    background-color: #282F3C;
    border-color: #353E4E;
}
.theme-dark .table-base-mobile .card .item .title {
    color: #FFFFFF;
}
.theme-dark .table-base-mobile .card .item .text {
    color: #959DB4;
}
.theme-dark .table-base-mobile .card .item .status.pending-report {
    background: rgba(236, 94, 69, 0.2);
    color: #EC5E45;
}
.theme-dark .table-base-mobile .card .item .status.pending-revision {
    background: #5173FE20;
    color: #FFF;
}
 

.theme-dark .table-base-mobile .card .item .status.released {
    background: rgba(95, 215, 170, 0.2);
    color: #5FD7AA;
}
.theme-dark .table-base-mobile .card .item .status.open {
    background: rgba(247, 203, 25, 0.2);
    color: #F7CB19;
}
.theme-dark .pagination-mobile .btn svg path {
    stroke: #384150;
}
.theme-dark .pagination-mobile .btn svg.active path {
    stroke: #FFFFFF;
}
.theme-dark .pagination-mobile .pages a {
    color: #FFFFFF;
}
.theme-dark .pagination-mobile .pages a:hover,
.theme-dark .pagination-mobile .pages a.active {
    background-color: #FFFFFF;
    color: #0A0A0A;
}
.theme-dark .pagination-mobile .pages span {
    color: #FFFFFF;
}
.theme-dark .filters .form-search {
    border: 1px solid #353E4E;
}
.theme-dark .filters .form-search input {
    color: #FFFFFF;
}
.theme-dark .filters .form-search input::-moz-placeholder {
    color: #FFFFFF;
}
.theme-dark .filters .form-search input::placeholder {
    color: #FFFFFF;
}
.theme-dark .input-group-select button.input-group-select-trigger {
    background-color: #282F3C;
    border: 1px solid #353E4E;
}
.theme-dark .input-group-select button.input-group-select-trigger > span {
    color: #FFFFFF;
}
.theme-dark .input-group-select button.input-group-select-trigger > span span {
    color: #959DB4;
}
.theme-dark .input-group-select .input-group-modal {
    background-color: #333D50;
    border: 1px solid #353E4E;
}
.theme-dark .input-group-select .input-group-modal input[type=search] {
    border-color: #1E2631;
    color: #FFFFFF;
}
.theme-dark .input-group-select .input-group-modal input[type=search]::-moz-placeholder {
    color: #FFFFFF;
}
.theme-dark .input-group-select .input-group-modal input[type=search]::placeholder {
    color: #FFFFFF;
}
.theme-dark .input-group-select .input-group-modal input[type=checkbox] {
    border-color: #FFFFFF;
}
.theme-dark .input-group-select .input-group-modal input[type=checkbox]:checked {
    background-color: #1E2631;
    border-color: #1E2631;
}
.theme-dark .input-group-select .input-group-modal.modal-1 .line span {
    color: #FFFFFF;
}
.theme-dark .input-group-select .input-group-modal.modal-2 .line span {
    color: #FFFFFF;
}
.theme-dark .input-group-select .input-group-modal.modal-2 .line > div .status.pending-report {
    background: rgba(236, 94, 69, 0.2);
    color: #EC5E45;
}

.theme-dark .input-group-select .input-group-modal.modal-2 .line > div .status.pending-revision {
    background: #5173FE20;
    color: #FFF;
}

.theme-dark .input-group-select .input-group-modal.modal-2 .line > div .status.released {
    background: rgba(95, 215, 170, 0.2);
    color: #5FD7AA;
}
.theme-dark .input-group-select .input-group-modal.modal-2 .line > div .status.open {
    background: rgba(247, 203, 25, 0.2);
    color: #F7CB19;
}
.theme-dark .input-group-select .input-group-modal.modal-3 .groups-radio div label {
    color: #959DB4;
}
.theme-dark .input-group-select .input-group-modal.modal-3 .groups-radio div input[type=radio]:checked {
    background-color: #FFFFFF;
    border-color: #282F3C;
    outline-color: #FFFFFF;
}
.theme-dark .input-group-select .input-group-modal.modal-3 .groups-radio div input[type=radio]:checked + label {
    color: #FFFFFF;
}
.theme-dark .input-group-select .input-group-modal.modal-3 .input-group-date {
    border-color: #959DB4;
}
.theme-dark .input-group-select .input-group-modal.modal-3 .input-group-date label {
    color: #959DB4;
}
.theme-dark .input-group-select .input-group-modal.modal-3 .input-group-date input {
    color: #959DB4;
}
.theme-dark .input-group-select .input-group-modal.modal-3 .input-group-date input::-moz-placeholder {
    color: #959DB4;
}
.theme-dark .input-group-select .input-group-modal.modal-3 .input-group-date input::placeholder {
    color: #959DB4;
}
.theme-dark .modal-profile .modal-notification-content {
    background-color: #282F3C;
}
.theme-dark .modal-profile .modal-notification-content > header .profile-resume .text span.name {
    color: #FFFFFF;
}
.theme-dark .modal-profile .modal-notification-content > header .btn-close svg rect {
    fill: #FFFFFF;
}
.theme-dark .modal-profile .modal-notification-content > .wrapper {
    background-color: #282F3C;
}
.theme-dark .modal-profile .modal-notification-content > .wrapper .box h3 {
    color: #FFFFFF;
}
.theme-dark .modal-profile .modal-notification-content footer {
    border-color: #1E2631;
}
.theme-dark .modal-notification .modal-notification-content {
    background-color: #282F3C;
}
.theme-dark .modal-notification .modal-notification-content > header h2 {
    color: #FFFFFF;
}
.theme-dark .modal-notification .modal-notification-content > header .btn-close svg rect {
    fill: #FFFFFF;
}
.theme-dark .modal-notification .modal-notification-content > .list {
    background-color: #282F3C;
}
.theme-dark .modal-notification .modal-notification-content > .list .group-card .card {
    background-color: #1E2631;
}
.theme-dark .modal-notification .modal-notification-content > .list .group-card .card h3 {
    color: #FFFFFF;
}
.theme-dark .modal-notification .modal-notification-content > .list .group-card .card time {
    color: #959DB4;
}
.theme-dark .modal-notification .modal-notification-content > footer {
    border-color: #1E2631;
}
.theme-dark .modal-enviar-comprovante .modal-content {
    background-color: #282F3C;
}
.theme-dark .modal-enviar-comprovante .modal-content header h2 {
    color: #FFFFFF;
}
.theme-dark .modal-enviar-comprovante .modal-content header .btn-close svg path {
    stroke: #FFFFFF;
}
.theme-dark .modal-enviar-comprovante .modal-content form label {
    border-color: #FFFFFF;
}
.theme-dark .modal-enviar-comprovante .modal-content form label svg path {
    fill: #FFFFFF;
}
.theme-dark .modal-enviar-comprovante .modal-content form label span {
    color: #FFFFFF;
}
.theme-dark .modal-filters-mobile .modal-filters-mobile-content {
    background-color: #1E2631;
}
.theme-dark .modal-filters-mobile .modal-filters-mobile-content header {
    border-color: #384150;
}
.theme-dark .modal-filters-mobile .modal-filters-mobile-content header span {
    color: #959DB4;
}

.theme-dark .modal-filters-mobile .modal-filters-mobile-content .group-filter-title{
    color: #FFF;
}

.theme-dark .modal-filters-mobile .modal-filters-mobile-content header .btn-close rect {
    stroke: #FFFFFF;
    fill: #FFFFFF;
}
.theme-dark .modal-filters-mobile .modal-filters-mobile-content .form-mobile::-webkit-scrollbar-thumb {
    background-color: #282F3C;
}
.theme-dark .fieldset-box-form > legend {
    color: #FFFFFF;
}
.theme-dark .fieldset-box-form .wrapper .box-upload-avatar > .title {
    color: #FFFFFF;
}
.theme-dark .fieldset-box-form .wrapper .box-upload-avatar .right label {
    border-color: #FFFFFF;
}
.theme-dark .fieldset-box-form .wrapper .box-upload-avatar .right label svg path {
    fill: #FFFFFF;
}
.theme-dark .fieldset-box-form .wrapper .box-upload-avatar .right label span {
    color: #FFFFFF;
}
.theme-dark .fieldset-box-form .wrapper .box-attach-item > .title {
    color: #959DB4;
}
.theme-dark .fieldset-box-form .wrapper .box-attach-item .attach-list label {
    border-color: #FFFFFF;
}
.theme-dark .fieldset-box-form .wrapper .box-attach-item .attach-list label svg path {
    fill: #FFFFFF;
}
.theme-dark .fieldset-box-form .wrapper .box-attach-item .attach-list label span {
    color: #FFFFFF;
}
.theme-dark .fieldset-box-form .wrapper .box-attach-item .attach-list .item {
    border-color: #FFFFFF;
}
.theme-dark .fieldset-box-form .wrapper .box-attach-item .attach-list .item > svg path {
    fill: #FFFFFF;
}
.theme-dark .fieldset-box-form .wrapper .box-attach-item .attach-list .item span {
    color: #FFFFFF;
}
.theme-dark .input-group label {
    color: #959DB4;
}
.theme-dark .input-group input, .theme-dark .input-group textarea {
    background-color: #282F3C;
    border-color: #282F3C;
    color: #FFFFFF;
}
.theme-dark .input-group input::-moz-placeholder, .theme-dark .input-group textarea::-moz-placeholder {
    color: #474E5B;
}
.theme-dark .input-group input::placeholder, .theme-dark .input-group textarea::placeholder {
    color: #474E5B;
}

.page-01-login {
    overflow: hidden;
    height: 100vh;
}
.page-01-login main {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.page-01-login main .left {
    padding-left: 200px;
    display: flex;
    height: 100vh;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    padding-top: 100px;
    padding-bottom: 50px;
}
.page-01-login main .left .wrapper a {
    display: block;
    border: 1px solid #959DB4;
    height: 148px;
    border-radius: 8px;
    width: 460px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #EAEBF0;
    text-decoration: none;
    transition: 200ms;
}
.page-01-login main .left .wrapper a + a {
    margin-top: 16px;
}
.page-01-login main .left .wrapper a svg.active {
    display: none;
}
.page-01-login main .left .wrapper a span {
    display: block;
    margin-top: 9px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.36px;
    color: #959DB4;
}
.page-01-login main .left .wrapper a b {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.42px;
    color: #959DB4;
}
.page-01-login main .left .wrapper a:hover {
    background-color: #edeff9;
    border-color: #4F7AFA;
}
.page-01-login main .left .wrapper a:hover svg {
    display: none;
}
.page-01-login main .left .wrapper a:hover svg.active {
    display: block;
}
.page-01-login main .left .wrapper a:hover span,
.page-01-login main .left .wrapper a:hover b {
    color: #4F7AFA;
}
.page-01-login main .left form {
    width: 100%;
    max-width: 450px;
}
.page-01-login main .left form h1 {
    margin-bottom: 5px;
    font-size: 40px;
    font-weight: 700;
    color: #242424;
}
.page-01-login main .left form > span {
    font-size: 20px;
    font-weight: 500;
    color: #6C7797;
    letter-spacing: -0.6px;
    margin-bottom: 32px;
    display: block;
}
.page-01-login main .left form .input-group + .input-group {
    margin-top: 32px;
}
.page-01-login main .left form .row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 20px;
}
.page-01-login main .left form .row .btn-forgot {
    font-size: 14px;
    font-weight: 500;
    color: #4F7AFA;
    letter-spacing: -0.42px;
}
.page-01-login main .left form .btn-primary {
    height: 60px;
}
.page-01-login main .left > span {
    font-size: 14px;
    font-weight: 500;
    color: #9AADB5;
    letter-spacing: -0.42px;
}
.page-01-login main .cover {
    height: 100vh;
    background-image: url(../images/bg-login.png);
    background-size: cover;
    background-repeat: no-repeat;
}
@media screen and (max-width: 1400px) {
    .page-01-login main .left {
        padding-left: 120px;
    }
}
@media screen and (max-width: 1230px) {
    .page-01-login main {
        display: flex;
        justify-content: center;
    }
    .page-01-login main .left {
        padding-inline: 20px;
        height: auto;
        height: 100vh;
        width: 100%;
        padding-top: 20px;
    }
    .page-01-login main .left .logo {
        margin-inline: auto;
        width: 180px;
        margin-bottom: 40px;
    }
    .page-01-login main .left .wrapper {
        width: 100%;
    }
    .page-01-login main .left .wrapper a {
        width: 100%;
    }
    .page-01-login main .left > span {
        text-align: center;
        display: block;
        width: 100%;
        margin-top: auto;
        margin-bottom: 20px;
    }
    .page-01-login main .left form {
        margin-inline: auto;
    }
    .page-01-login main .left form h1 {
        font-size: 24px;
    }
    .page-01-login main .left form span {
        font-size: 14px;
    }
    .page-01-login main .cover {
        display: none;
    }
}
.page-01-login.theme-dark main {
    background-color: #1E2631;
}
.page-01-login.theme-dark main .left .wrapper a {
    background: #282F3C;
    border: 1px solid #353E4F;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
}
.page-01-login.theme-dark main .left .wrapper a:hover {
    background-color: #1E2631;
}
.page-01-login.theme-dark main .left form h1 {
    color: #FFFFFF;
}
.page-01-login.theme-dark main .left form .input-group-checkbox input[type=checkbox] {
    border-color: #959DB4;
}
.page-01-login.theme-dark main .left form .input-group-checkbox input[type=checkbox]:checked {
    border-color: #282F3C;
    background-color: #282F3C;
}
.page-01-login.theme-dark main .left form .input-group-checkbox input[type=checkbox]:checked + label {
    color: #FFFFFF;
}
.page-01-login.theme-dark main .left form .input-group-checkbox label {
    color: #959DB4;
}

.page-09-exames-2d-interna .box-pacient,
.page-09-exames-2d-interna .group-attach,
.page-09-exames-2d-interna .group-attach-laudo,
.page-09-exames-2d-interna .group-attach-laudo-list,
.page-09-exames-2d-interna .group-services,
.page-09-exames-2d-interna .group-attach-images,
.page-09-exames-2d-interna .group-attach-laudo-list-mobile {
    margin-bottom: 32px;
}

.page-11-financeiro-producao .grafic-control {
    background: #FFFFFF;
    border: 1px solid #FCFBFD;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
    padding: 45px 40px 40px;
    margin-bottom: 32px;
}
.page-11-financeiro-producao .grafic-control header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.page-11-financeiro-producao .grafic-control header .left h3 {
    font-size: 20px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.6px;
    margin-bottom: 4px;
}
.page-11-financeiro-producao .grafic-control header .left span {
    font-size: 14px;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: -0.42px;
    display: block;
}
.page-11-financeiro-producao .grafic-control header .right {
    display: flex;
    align-items: center;
    gap: 40px;
}
.page-11-financeiro-producao .grafic-control .wrapper {
    display: grid;
    grid-template-columns: 780px repeat(3, 225px);
    gap: 8px;
}
.page-11-financeiro-producao .grafic-control .wrapper .grafic {
    height: 550px;
    padding: 40px;
    border: 1px solid #D2D5DF;
    border-radius: 15px;
}
.page-11-financeiro-producao .grafic-control .wrapper.full {
    grid-template-columns: 1fr;
    gap: 0;
}
@media screen and (max-width: 1550px) {
    .page-11-financeiro-producao .grafic-control .wrapper {
        min-width: 1430px;
        grid-template-columns: 655px 250px 250px 250px;
    }
    .page-11-financeiro-producao .grafic-control .wrapper.full {
        min-width: 500px;
    }
}
@media screen and (max-width: 993px) {
    .page-11-financeiro-producao .grafic-control {
        padding: 25px 20px 20px;
    }
    .page-11-financeiro-producao .grafic-control header {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .page-11-financeiro-producao .grafic-control header .right {
        width: 100%;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }
    .page-11-financeiro-producao .grafic-control header .right .input-group-select {
        width: 100%;
    }
    .page-11-financeiro-producao .grafic-control header .right .input-group-select > label {
        width: 100%;
    }
    .page-11-financeiro-producao .grafic-control .wrapper .grafic {
        height: 410px;
        padding: 20px;
    }
    #formFinanceiro{
        width: 100%;
    }
    #box-filter-and-order{
        margin-bottom: 2rem;
    }
}
.page-11-financeiro-producao.theme-dark .grafic-control {
    background-color: #282F3C;
    border-color: #353E4E;
}
.page-11-financeiro-producao.theme-dark .grafic-control header .left h3 {
    color: #FFFFFF;
}
.page-11-financeiro-producao.theme-dark .grafic-control .wrapper .grafic {
    border-color: #353E4E;
}
.page-11-financeiro-producao.theme-dark .grafic-control .wrapper .grafic > span {
    color: #FFFFFF;
}

.page-13-relatorio-pdf {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
}
.page-13-relatorio-pdf main {
    width: 595px;
    height: 800px;
    padding: 8px;
    padding-top: 80px;
    background-color: #FFFFFF;
}
.page-13-relatorio-pdf main header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70px;
    background: linear-gradient(90deg, #5173FE -8.7%, #33CECB 121.05%);
    position: relative;
}
.page-13-relatorio-pdf main header > svg {
    position: absolute;
    left: 24px;
    top: 50%;
    transform: translateY(-50%);
}
.page-13-relatorio-pdf main header h1 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    color: #FFFFFF;
}
.page-13-relatorio-pdf main header h1 span {
    display: block;
    font-size: 12px;
    letter-spacing: -0.36px;
}
.page-13-relatorio-pdf main h2 {
    height: 38px;
    border-inline: 1px solid #959DB4;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.42px;
}
.page-13-relatorio-pdf main table {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    border-collapse: collapse;
    background-color: #FFFFFF;
}
.page-13-relatorio-pdf main th,
.page-13-relatorio-pdf main td {
    border: 1px solid #959DB4;
    padding: 10px 12px;
    text-align: left;
    vertical-align: middle;
    color: #6C7797;
    font-size: 12px;
}
.page-13-relatorio-pdf main thead th {
    background-color: #FFFFFF;
    font-weight: bold;
    color: #161923;
    font-size: 12px;
    text-transform: uppercase;
}
.page-13-relatorio-pdf main th:nth-child(1),
.page-13-relatorio-pdf main td:nth-child(1) {
    /* DATA */
    width: 15.54%;
}
.page-13-relatorio-pdf main th:nth-child(2),
.page-13-relatorio-pdf main td:nth-child(2) {
    /* RADIOLOGISTA */
    width: 22.97%;
}
.page-13-relatorio-pdf main th:nth-child(3),
.page-13-relatorio-pdf main td:nth-child(3) {
    /* PACIENTE */
    width: 20.72%;
}
.page-13-relatorio-pdf main th:nth-child(4),
.page-13-relatorio-pdf main td:nth-child(4) {
    /* SERVIÇO */
    width: 15.27%;
}
.page-13-relatorio-pdf main th:nth-child(5),
.page-13-relatorio-pdf main td:nth-child(5) {
    /* VALOR POR EXAME */
    width: 25.5%;
    text-align: right;
}
.page-13-relatorio-pdf main tbody tr:hover {
    background-color: #f9f9f9;
}
.page-13-relatorio-pdf main tfoot td {
    font-weight: bold;
    background-color: #FFFFFF;
    color: #000;
}
.page-13-relatorio-pdf main tfoot td[colspan="4"] {
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
}
.page-13-relatorio-pdf main tfoot td:last-child {
    text-align: right;
}
.page-13-relatorio-pdf main tbody tr:first-child td {
    color: #667;
}

.page-multiple-clinica-form main > form {
    max-width: 946px;
}
.page-multiple-clinica-form main > form h1 {
    font-size: 24px;
    margin-bottom: 32px;
    font-weight: 600;
    color: #161923;
}
.page-multiple-clinica-form main > form h1 + .subtitle {
    display: block;
    margin-top: -24px;
    margin-bottom: 32px;
    font-size: 16px;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: -0.48px;
}
.page-multiple-clinica-form main > form > hr {
    background-color: #D0D5E5;
    border: 0;
    width: 100%;
    height: 1px;
    display: block;
    margin-block: 32px;
}
.page-multiple-clinica-form main > form > .title {
    font-size: 20px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.6px;
    margin-bottom: 16px;
}
.page-multiple-clinica-form main > form .box-upload-avatar {
    margin-top: 8px;
}
.page-multiple-clinica-form main > form .btn-primary-degrade {
    border: 0;
    padding-inline: 50px;
    height: 50px;
    margin-top: 32px;
}
.page-multiple-clinica-form main > form .buttons {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 32px;
}
.page-multiple-clinica-form main > form .buttons .btn-primary-degrade {
    margin-top: 0;
}
.page-multiple-clinica-form main > form.full-h {
    height: -moz-max-content;
    height: max-content;
    display: flex;
    flex-direction: column;
}
.page-multiple-clinica-form main > form.full-h .btn-primary-degrade {
    margin-top: auto;
    width: -moz-max-content;
    width: max-content;
    min-width: 220px;
    margin-top: 50px;
    margin-bottom: 20px;
}
@media screen and (max-width: 993px) {
    .page-multiple-clinica-form main > form .empty {
        display: none;
    }
    .page-multiple-clinica-form main > form .buttons {
        flex-direction: column;
    }
}
@media screen and (max-width: 769px) {
    .page-multiple-clinica-form main > form .btn-primary-degrade {
        width: 100%;
    }
    .page-multiple-clinica-form main > form .buttons {
        flex-direction: column;
    }
    .page-multiple-clinica-form main > form .buttons .btn-ghost-delete {
        width: 100%;
    }
    .page-multiple-clinica-form main > form.full-h .btn-primary-degrade {
        width: 100%;
    }
}
.page-multiple-clinica-form.theme-dark form > .title {
    color: #FFFFFF;
}
.page-multiple-clinica-form.theme-dark form h1 {
    color: #FFFFFF;
}
.page-multiple-clinica-form.theme-dark form > hr {
    background-color: #D0D5E5;
}
.page-multiple-clinica-form.theme-dark form .group-attach-images + .group-attach-images {
    margin-top: 20px;
}

.page-39-clinica-rad-interna-paciente .box-pacient-custom {
    padding: 32px 100px 32px 32px;
    background: #FFFFFF;
    border: 1px solid #FCFBFD;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
    border-radius: 15px;
    max-width: 769px;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom .left .person {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom .left .person img {
    width: 64px;
    height: 64px;
    border-radius: 999px;
    -o-object-fit: cover;
    object-fit: cover;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom .left .person div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom .left .person div .status {
    padding: 4px 33px;
    border-radius: 99px;
    height: 30px;
    display: flex;
    align-items: center;
    width: -moz-max-content;
    width: max-content;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: -0.36px;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom .left .person div .status.pending-report {
    background-color: #FBE6E6;
    color: #DB2F24;
}

.page-39-clinica-rad-interna-paciente .box-pacient-custom .left .person div .status.pending-revision {
    background: #5173FE;
    color: #FFF;
}

.page-39-clinica-rad-interna-paciente .box-pacient-custom .left .person div .status.open {
    background-color: #FDF5D1;
    color: #F7CB19;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom .left .person div .status.released {
    background-color: #F2FBF7;
    color: #5FD7AA;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom .left .person div .title {
    font-size: 24px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.72px;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom .left ul {
    list-style: none;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom .left ul li {
    font-size: 14px;
    font-weight: 400;
    color: #6C7797;
    letter-spacing: -0.42px;
    line-height: 26px;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom .left ul li b {
    font-weight: 600;
    color: #161923;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom .right h3 {
    font-size: 20px;
    font-weight: 600;
    color: #161923;
    letter-spacing: -0.6px;
    margin-bottom: 18px;
    margin-top: 30px;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom .right address {
    font-size: 14px;
    font-weight: 400;
    color: #6C7797;
    font-style: normal;
    line-height: 26px;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom.cirurgiao-dentista {
    display: block;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom.cirurgiao-dentista .top {
    display: flex;
    justify-content: space-between;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom.cirurgiao-dentista .bottom {
    margin-top: 32px;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom.cirurgiao-dentista .bottom h3 {
    font-size: 20px;
    margin-bottom: 16px;
    color: #161923;
    letter-spacing: -0.6px;
    line-height: 22px;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom.cirurgiao-dentista .bottom ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 8px;
    column-gap: 8px;
    row-gap: 12px;
}
.page-39-clinica-rad-interna-paciente .box-pacient-custom.cirurgiao-dentista .bottom ul li {
    padding: 4px 24px;
    border: 1px solid #161923;
    border-radius: 16px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    color: #161923;
    letter-spacing: -0.36px;
}
@media screen and (max-width: 769px) {
    .page-39-clinica-rad-interna-paciente .box-pacient-custom {
        flex-direction: column;
        padding: 20px;
    }
    .page-39-clinica-rad-interna-paciente .box-pacient-custom .right h3 {
        margin-bottom: 10px;
    }
    .page-39-clinica-rad-interna-paciente .box-pacient-custom.cirurgiao-dentista .top {
        flex-direction: column;
    }
}
.page-39-clinica-rad-interna-paciente .box-filter-and-order {
    margin-bottom: 20px;
}
.page-39-clinica-rad-interna-paciente .title-table {
    color: #161923;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -0.6px;
    line-height: 22px;
    margin-bottom: 16px;
}
@media screen and (max-width: 993px) {
    .page-39-clinica-rad-interna-paciente .title-table {
        display: none;
    }
}
.page-39-clinica-rad-interna-paciente .table-base .filters .form-search {
    max-width: 350px;
    width: 100%;
}
@media screen and (max-width: 1840px) {
    .page-39-clinica-rad-interna-paciente .table-base .filters .form-search {
        max-width: initial;
    }
}
.page-39-clinica-rad-interna-paciente.theme-dark .box-pacient-custom {
    background: #282F3C;
    border: 1px solid #353E4E;
    box-shadow: 0px 4px 19.7px rgba(0, 0, 0, 0.03);
}
.page-39-clinica-rad-interna-paciente.theme-dark .box-pacient-custom .left .person div .title {
    color: #FFFFFF;
}
.page-39-clinica-rad-interna-paciente.theme-dark .box-pacient-custom .left .person div .status.pending-report {
    background: rgba(236, 94, 69, 0.2);
    color: #EC5E45;
}

.page-39-clinica-rad-interna-paciente.theme-dark .box-pacient-custom .left .person div .status.pending-revision {
   background: #5173FE20;
    color: #FFF;
}

.page-39-clinica-rad-interna-paciente.theme-dark .box-pacient-custom .left .person div .status.released {
    background: rgba(95, 215, 170, 0.2);
    color: #5FD7AA;
}
.page-39-clinica-rad-interna-paciente.theme-dark .box-pacient-custom .left .person div .status.open {
    background: rgba(247, 203, 25, 0.2);
    color: #F7CB19;
}
.page-39-clinica-rad-interna-paciente.theme-dark .box-pacient-custom .left ul li {
    color: #959DB4;
}
.page-39-clinica-rad-interna-paciente.theme-dark .box-pacient-custom .left ul li b {
    color: #959DB4;
}
.page-39-clinica-rad-interna-paciente.theme-dark .box-pacient-custom .right h3 {
    color: #FFFFFF;
}
.page-39-clinica-rad-interna-paciente.theme-dark .box-pacient-custom.cirurgiao-dentista .bottom h3 {
    color: #FFFFFF;
}
.page-39-clinica-rad-interna-paciente.theme-dark .box-pacient-custom.cirurgiao-dentista .bottom ul li {
    border-color: #959DB4;
    color: #959DB4;
}

.page-46-cirurgiao-dentista-exames-2d .box-pacient,
.page-46-cirurgiao-dentista-exames-2d .group-attach {
    margin-bottom: 30px;
}

input.naopreenchido, textarea.naopreenchido{
    border: solid 1px #F00;
}

.swal2-title{
    font-size: 20px !important;
    color: #161923 !important;
}

.btn-voltar {
    position: fixed;
    bottom: 30px;
    right: 15px;
}

.btn-inativar {
    position: absolute;
    top: 139px;
    right: 30px;
    border: 1px solid #DB2F24;
    background: transparent;
}

@media(max-width: 991px){

    #filtroOrdem {
        position: absolute;
        top: 40px;
        background: #FFF;
        list-style: none;
        border-radius: 5px;
        border: solid 1px #CCC;
        z-index: 40;
    }

    #filtroOrdem li {
        padding: 0.3rem;
        padding-bottom: 0.3rem;
        border-bottom: solid 1px #CCC;
        margin-top: 0.3rem;
        margin-bottom: 0.3rem;
    }
    #filtroOrdem li:last-child{
        margin-bottom: 0;
    }

}

#livesearch{
    position: absolute;
    top: 65px;
    width: 500px;
    left: 0;
    z-index: 400;
    max-height: 400px;
    overflow-y: scroll;
}

#livesearch .item:first-child{
    border-top: unset;
}

#livesearch .item{
    border-bottom: solid 1px #f0f0f0;
    padding: 10px 7px;
    background: #FFF;
    color: #384455;
    display: block;
    width: 100%;
    text-decoration: none;
}

#livesearch .item:hover{
    background: linear-gradient(90deg, #5173FE -8.7%, #33CECB 121.05%);
    color: #FFF;
}
 
.swal2-styled.swal2-confirm{
    background: linear-gradient(90deg, #5173FE -8.7%, #33CECB 121.05%) !important;
    border: none !important;
    outline: none !important;
    transition: all 0.2s;
}

.swal2-styled.swal2-deny{
    transition: all 0.2s;
}

.swal2-styled.swal2-confirm:hover, .swal2-styled.swal2-deny:hover {
    transform: scale(1.05);
} 

.cardCadastro .ui-widget.ui-widget-content{
    margin-bottom: 1rem;
}

.ui-widget,.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{
    font-family: Poppins, sans-serif !important;
    font-size: 16px !important;
}

ul.tagit li.tagit-new{
    padding: 0;
}