:root {
    --color-primary-pure: #01A1FD;
    --color-primary-darkest: #0046C7;
    --color-primary-dark: #0065D0;
    --color-primary-light: #35C9FF;
    --color-primary-lightest: #EEF9FF;
    --color-secondary-pure: #1381E2;
    --color-secondary-darkest: #2662C9;
    --color-secondary-dark: #1381E2;
    --color-secondary-light: #D1EFFE;
    --color-secondary-lightest: #EEF9FF;
    --color-info-pure: #014CB9;
    --color-info-dark: #052C65;
    --color-info-light: #9EC5FE;
    --color-info-lightest: #CFE2FF;
    --color-success-pure: #198253;
    --color-success-dark: #0A3622;
    --color-success-light: #A3CFBB;
    --color-success-lightest: #D1E7DD;
    --color-warning-pure: #FC982F;
    --color-warning-dark: #664D03;
    --color-warning-light: #FFE69C;
    --color-warning-lightest: #FFF3CD;
    --color-danger-pure: #D92A3B;
    --color-danger-dark: #58151C;
    --color-danger-light: #F1AEB5;
    --color-danger-lightest: #F8D7DA;
    --color-neutral-black: #000000;
    --color-neutral-darkest: #151515;
    --color-neutral-dark: #404040;
    --color-neutral-pure: #71768E;
    --color-neutral-light: #CFD0D8;
    --color-neutral-lightest: #EFF4F0;
    --color-neutral-white: #FFFFFF;
    --color-main-pure: #F4F7FE;
    --font-opensans-light: 'OpenSans-light', Arial, sans-serif;
    --font-opensans-regular: 'OpenSans-regular', Arial, sans-serif;
    --font-opensans-medium: 'OpenSans-medium', Arial, sans-serif;
    --font-opensans-semibold: 'OpenSans-semibold', Arial, sans-serif;
    --font-opensans-bold: 'OpenSans-bold', Arial, sans-serif;
    --font-porto-medium: 'PortoRoobert-medium', Arial, sans-serif;
    --font-porto-semibold: 'PortoRoobert-semibold', Arial, sans-serif;
    --font-porto-bold: 'PortoRoobert-bold', Arial, sans-serif;
    --box-shadow-box: 0 8px 24px 0 rgba(0, 0, 0, 0.03);
    --box-shadow-field: 0 0 6px 0 rgba(1, 161, 253, 0.50);
}

@font-face {
    font-family: 'OpenSans-light';
    src: url('/OpenSans-Light.eot');
    src: url('/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('/OpenSans-Light.woff2') format('woff2'), url('/OpenSans-Light.woff') format('woff'), url('/OpenSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-regular';
    src: url('~/OpenSans-Regular.eot');
    src: url('~/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('~/OpenSans-Regular.woff2') format('woff2'), url('~/OpenSans-Regular.woff') format('woff'), url('~/OpenSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-medium';
    src: url('/OpenSans-Medium.eot');
    src: url('/OpenSans-Medium.eot?#iefix') format('embedded-opentype'), url('/OpenSans-Medium.woff2') format('woff2'), url('/OpenSans-Medium.woff') format('woff'), url('/OpenSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-semibold';
    src: url('/OpenSans-SemiBold.eot');
    src: url('/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'), url('/OpenSans-SemiBold.woff2') format('woff2'), url('/OpenSans-SemiBold.woff') format('woff'), url('/OpenSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-bold';
    src: url('/OpenSans-Bold.eot');
    src: url('/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('/OpenSans-Bold.woff2') format('woff2'), url('/OpenSans-Bold.woff') format('woff'), url('/OpenSans-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'PortoRoobert-medium';
    src: url('/PortoRoobert-Medium.eot');
    src: url('/PortoRoobert-Medium.eot?#iefix') format('embedded-opentype'), url('/PortoRoobert-Medium.woff2') format('woff2'), url('/PortoRoobert-Medium.woff') format('woff'), url('/PortoRoobert-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'PortoRoobert-semibold';
    src: url('/PortoRoobert-SemiBold.eot');
    src: url('/PortoRoobert-SemiBold.eot?#iefix') format('embedded-opentype'), url('/PortoRoobert-SemiBold.woff2') format('woff2'), url('/PortoRoobert-SemiBold.woff') format('woff'), url('/PortoRoobert-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'PortoRoobert-bold';
    src: url('/PortoRoobert-Bold.eot');
    src: url('/PortoRoobert-Bold.eot?#iefix') format('embedded-opentype'), url('/PortoRoobert-Bold.woff2') format('woff2'), url('/PortoRoobert-Bold.woff') format('woff'), url('/PortoRoobert-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    color: var(--color-neutral-pure);
    background-color: var(--color-main-pure);
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

.pg-main-wrapper {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    margin: 60px 0 0 80px;
}

.pg-wrapper {
    margin-top: 70px;
}

.pg-body-loggout {
    background-color: var(--color-neutral-white);
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    --bs-gutter-x: 4.5rem;
}

.pg-msg-empty {
    text-align: center;
    font-size: 14px;
    color: var(--color-neutral-pure);
    margin: 0;
}

/*
* Navbar
* ------
*/
.pg-navbar {
    position: fixed;
    width: 100%;
    background-color: var(--color-neutral-white);
    border-bottom: 1px solid var(--color-neutral-lightest);
    height: 60px;
    z-index: 1030;
    top: 0;
}

.pg-navbar .pg-logo img {
    height: 30px;
}

.dropdown > a {
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    padding: 8px 10px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: .3s;
    color: var(--color-neutral-pure);
    text-decoration: none;
}

.dropdown > a.show, .dropdown.pg-user-menu > a.show {
    background: var(--color-secondary-light);
    border-color: var(--color-primary-darkest);
    color: var(--color-primary-darkest);
}

.dropdown > a:focus, .dropdown > a:active, .dropdown > a:focus:active {
    border: 1px solid var(--color-primary-darkest);
    background: var(--color-secondary-lightest);
    text-decoration: none;
    color: var(--color-primary-darkest);
}

.dropdown.pg-user-menu>a {
    display: flex;
    flex-direction: row;
    border: 1px solid var(--color-neutral-lightest);
    padding: 4px 10px;
    border-radius: 50px;
    color: var(--color-neutral-pure);
    align-items: center;
    gap: 10px;
    transition: .3s;
    text-decoration: none;
    min-height: 40px;
}

.dropdown.pg-user-menu>a:hover, .dropdown > a:hover {
    background: var(--color-secondary-lightest);
    border-color: var(--color-primary-darkest);
    text-decoration: none;
    color: var(--color-primary-darkest);
}

.dropdown .pg-img-user, .dropdown .pg-avar-user {
    display: flex;
    width: 24px;
    height: 24px;
    background: var(--color-primary-darkest);
    color: var(--color-neutral-white);
    align-items: center;
    justify-content: center;
    font-family: var(--font-porto-bold);
    font-size: 12px;
    border-radius: 50%;
    line-height: normal;
}

.dropdown .pg-info-user {
    display: flex;
    flex-direction: column;
    font-family: var(--font-porto-medium);
    font-size: 14px;
    line-height: normal;
}

.dropdown .pg-role-user {
    font-family: var(--font-opensans-regular);
    font-size: 12px;
    line-height: normal;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 165px;
}

.dropdown-menu {
    border: 1px solid var(--color-neutral-lightest);
}

.dropdown-menu>li>a {
    border: 0;
    color: var(--color-neutral-pure);
    padding: 13px 8px !important;
    line-height: normal;
    border-bottom: 1px solid var(--color-neutral-lightest);
}

.dropdown-item.active, .dropdown-item:active {
    background: var(--color-secondary-lightest);
    color: var(--color-primary-dark)
}

.dropdown-menu>li:last-child>a {
    border-bottom: 1px solid transparent;
}

.dropdown-menu > li > a:hover {
    background: var(--color-secondary-light);
    color: var(--color-primary-dark);
    border-bottom: 1px solid transparent;
    margin: 0;
}

.dropdown-menu>li>a:focus, .dropdown-menu > .active > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    border: 0;
    background: var(--color-secondary-light);
    color: var(--color-primary-dark);
    outline: none;
    border-bottom: 1px solid transparent;
}

.dropdown-menu>li>a:active, .dropdown-item:active {
    border-bottom: 1px solid transparent;
    background: var(--color-secondary-lightest);
    color: var(--color-neutral-pure);
}

.dropdown-menu>li.pg-logout-user>a {
    color: var(--color-primary-pure);
}

.dropdown-menu.dropdown-search {
    padding: 8px;
}

.pg-btn-menu {
    border: 0;
    background: transparent;
    font-size: 20px;
    color: var(--color-primary-darkest);
}

/*
* Sidebar:
* -------
*/
.pg-sidebar-icons {
    width: 80px;
    height: calc(100% - 60px);
    background-color: var(--color-neutral-white);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px 0;
    position: relative;
    z-index: 2;
}

.pg-sidebar-icons nav {
    height: calc(100dvh - 60px);
}

.pg-icon-link {
    width: calc(100% - 15px);
    height: 45px;
    display: flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    border-radius: 32px 0 0 32px;
    margin-bottom: 8px;
    justify-content: flex-start;
    margin-left: 15px;
    padding: 5px;
}

.pg-icon-wrapper {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--color-primary-darkest);
    font-size: 20px;
    transition: all 0.2s ease-in-out;
}

.pg-icon-link.active {
    background-color: var(--color-main-pure);
    text-decoration: none !important;
}

.pg-icon-link.active .pg-icon-wrapper {
    background-color: var(--color-primary-darkest);
    color: var(--color-neutral-white);
}

.pg-icon-link.active::before, .pg-icon-link.active::after {
    content: "";
    position: absolute;
    right: 0;
    width: 20px;
    height: 20px;
    pointer-events: none;
}

.pg-icon-link.active::before {
    top: -20px;
    background: radial-gradient(circle at 0% 0%, var(--color-neutral-white) 20px, var(--color-main-pure) 20.5px);
}

.pg-icon-link.active::after {
    bottom: -20px;
    background: radial-gradient(circle at 0% 100%, var(--color-neutral-white) 20px, var(--color-main-pure) 20.5px);
}

.pg-menu-title {
    font-family: var(--font-porto-medium);
    color: var(--color-primary-darkest);
    font-size: 16px;
    margin-bottom: 5px;
    border-bottom: 1px solid var(--color-neutral-light);
    padding: 5px 0;
}

.pg-nav-item {
    display: block;
    padding: 10px;
    color: var(--color-neutral-pure);
    text-decoration: none;
    border-radius: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    transition: .3s;
}

.pg-nav-item:hover, .pg-nav-item:focus, .pg-nav-item:active, .pg-nav-item:focus:active {
    background-color: var(--color-secondary-lightest);
    color: var(--color-primary-darkest);
    text-decoration: none;
}

.pg-nav-item.active {
    background-color: var(--color-secondary-light);
    color: var(--color-primary-darkest);
    text-decoration: none;
}

.pg-mobile-header {
    background-color: var(--color-neutral-white);
    padding: 10px;
    min-height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    border-bottom: 1px solid var(--color-neutral-lightest);
}

.pg-sidebar-wrapper {
    position: fixed;
    height: 100%;
    z-index: 1020;
    top: 60px;
}

.pg-mobile-header {
    display: none !important;
}

.pg-sidebar-body {
    display: flex;
    height: 100%;
}

.pg-sidebar-menu {
    position: absolute;
    top: 0;
    left: 80px;
    height: calc(100% - 60px);
    width: 0;
    background-color: var(--color-main-pure);
    overflow: hidden;
    white-space: nowrap;
    padding: 2rem 0;
    transition: width 0.3s ease, padding 0.3s ease;
    z-index: 1;
}

.pg-sidebar-menu.active {
    width: 230px;
    padding: 20px;
    box-shadow: 4px 0 20px rgba(0,0,0,0.1);
}

/*
* Banner
* ------
*/
.pg-hero-section {
    background-color: var(--color-primary-darkest);
    background-image: radial-gradient(rgb(255 255 255 / 13%) 1.5px, transparent 1.5px);
    background-size: 30px 30px;
    color: var(--color-neutral-white);
    padding: 36px;
    height: 280px;
}

.pg-hero-section h1 {
    font-family: var(--font-porto-bold);
    margin-bottom: 15px;
    color: var(--color-neutral-white);
    font-size: 35px;
}

.pg-hero-section p {
    font-family: var(--font-opensans-regular);
    font-size: 18px;
    color: var(--color-neutral-white);
}

/*
* Breadcrumb
* ----------
*/
.breadcrumb {
    display: flex;
    padding: 0;
    margin: 0;
    border: 0;
    align-items: center;
    flex-direction: row;
}

.breadcrumb-item.active {
    font-family: var(--font-opensans-regular);
    color: var(--color-neutral-dark);
    margin-left: 5px;
    padding: 0;
    font-size: 14px;
    font-weight: 400;
}

.breadcrumb-item a, .breadcrumb > li a {
    text-decoration: none;
    color: var(--color-primary-darkest);
    margin-left: 0 !important;
    padding: 0;
}

.breadcrumb-item+.breadcrumb-item::before {
    font-family: 'AlfaPeople' !important;
    content: "\ee7d";
    color: var(--color-primary-darkest);
    font-size: 14px;
    padding: 0;
    margin-right: 5px;
}

.page-heading {
    position: relative;
    display: flex;
    height: 250px;
    background: var(--color-secondary-light);
    margin-bottom: 35px;
    padding: 0;
    flex-direction: row;
}

.page-heading .container-fluid {
    display: flex;
    flex-direction: column;
    padding-top: 32px;
    padding-bottom: 32px;
}

.page-heading h1 {
    color: var(--color-neutral-darkest);
    font-family: var(--font-porto-bold);
    font-size: 32px;
    margin: 0;
}

.page-heading h1 b {
    color: var(--color-secondary-pure);
    font-weight: 600;
    font-family: var(--font-bold);
}

.page-heading p {
    color: var(--color-neutral-dark);
    font-family: var(--font-opensans-regular);
    font-size: 16px;
    margin: 0;
}

.page-header {
    margin: 0;
    padding: 0;
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    flex: 1;
}

.page-header h2 {
    color: var(--color-neutral-white);
    font-family: var(--font-bold);
    font-size: 32px;
    margin: 0;
}

.pg-img-breadcrumb {
    width: 100%;
    background: #A9E2FF;
    -webkit-mask-image: url(#pg-mask-breadcrumb);
    mask-image: url(#pg-mask-breadcrumb);
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.pg-img-breadcrumb svg {
    position: absolute;
    width: 0;
    height: 0;
}

.pg-img-breadcrumb img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    aspect-ratio: 16/9;
    object-position: center;
}

/*
* Button Primary
* ---------------
*/
.btn {
    font-family: var(--font-opensans-bold);
    font-size: 14px;
    border-radius: 4px;
    transition-timing-function: cubic-bezier(.37,0,.63,1);
    transition-duration: 0.3s;
    text-decoration: none;
    /* float: left; */
    line-height: normal;
    display: inline-flex;
    height: 40px;
    padding: 5px 16px;
    justify-content: center;
    align-items: center;
    gap: 5px;
    margin: 0;
}

.btn-primary {
    color: var(--color-neutral-white);
    background-color: var(--color-primary-darkest);
    border: 1px solid var(--color-primary-darkest);
}

.btn-primary:hover, .btn-primary:active:hover {
    background-color: var(--color-secondary-pure);
    box-shadow: none;
    border-color: var(--color-primary-dark);
    text-decoration: none;
}

.btn-primary:focus {
    color: var(--color-neutral-white);
    background-color: var(--color-primary-darkest);
    border-color: var(--color-primary-darkest);
    border-width: 1px;
    border-style: solid;
    outline: none;
    box-shadow: none;
    text-decoration: none;
    outline-offset: unset;
}

.btn-primary:active, .btn:first-child:active {
    color: var(--color-neutral-white);
    background-color: var(--color-secondary-darkest);
    border-color: var(--color-secondary-darkest);
    text-decoration: none;
    box-shadow: none;
}

.btn-primary:active:focus {
    color: var(--color-neutral-white);
    background-color: var(--color-primary-dark);
    outline: none;
    border: 1px solid var(--color-primary-dark);
    transform: none;
    text-decoration: none;
}

.btn-primary:disabled, .btn-primary[disabled] {
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-lightest);
    text-decoration: none;
    border: 1px solid var(--color-neutral-light);
    opacity: unset;
}

.btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled]:active {
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-lightest);
    text-decoration: none;
    border: 1px solid var(--color-neutral-light);
    opacity: unset;
}

html[dir=ltr] .grid-actions a.btn.action {
    margin-left: 0;
}

/*
* Button Secondary
* ----------------
*/
.btn-secondary {
    color: var(--color-neutral-white);
    background-color: var(--color-secondary-pure);
    border: 1px solid var(--color-secondary-pure);
}

.btn-secondary:hover {
    color: var(--color-neutral-white);
    background-color: var(--color-secondary-dark);
    box-shadow: none;
    border-color: var(--color-secondary-dark);
    text-decoration: none;
}

.btn-secondary:focus {
    color: var(--color-neutral-white);
    background-color: var(--color-secondary-dark);
    box-shadow: none;
    border-color: var(--color-secondary-dark);
    outline: none;
    text-decoration: none;
}

.btn-secondary:active {
    color: var(--color-neutral-white);
    background-color: var(--color-secondary-light);
    border: 1px solid var(--color-secondary-light);
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

.btn-secondary:active:focus {
    color: var(--color-neutral-white);
    background-color: var(--color-secondary-dark);
    border: 1px solid var(--color-secondary-darkest);
    outline: none;
    transform: none;
    box-shadow: none;
    text-decoration: none;
}

.btn-secondary:disabled {
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-lightest);
    text-decoration: none;
    border-color: var(--color-neutral-light);
    opacity: unset;
}

.btn-secondary[disabled]:hover, .btn-secondary[disabled]:focus, .btn-secondary[disabled]:active {
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-lightest);
    text-decoration: none;
    border-color: var(--color-neutral-light);
    opacity: unset;
}

/*
* Button Default - Ghost
* -----------------------
*/
.btn-default, .btn-info {
    color: var(--color-primary-darkest);
    background-color: transparent;
    border: 1px solid var(--color-primary-darkest);
    gap: 5px;
}

.btn-default:hover, .btn-default:active:hover, .btn-info:hover, .btn-info:active:hover {
    color: var(--color-secondary-darkest);
    background-color: var(--color-secondary-lightest);
    border-color: var(--color-secondary-darkest);
    text-decoration: none;
}

.btn-default:focus, .btn-info:focus {
    color: var(--color-primary-darkest);
    background-color: var( --color-neutral-white);
    border-color: var(--color-primary-darkest);
    border-width: 1px;
    border-style: solid;
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

.btn-default:active, .btn-info:active, :not(.btn-check)+.btn:active {
    color: var(--color-primary-darkest);
    background-color: var(--color-secondary-light);
    border-color: var(--color-primary-darkest);
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
    box-shadow: none;
    outline: none;
}

.btn-default:active:focus, .btn-info:active:focus {
    color: var(--color-primary-light);
    background-color: transparent;
    border-color: var(--color-primary-light);
    border-width: 1px;
    transform: none;
    text-decoration: none;
    box-shadow: none;
    outline: none;
}

.btn-default:disabled, .btn-info:disabled {
    box-shadow: none;
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    opacity: var(--opacity-level-weak);
    text-decoration: none;
}

.btn-default[disabled], .btn-info[disabled] {
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-lightest);
    text-decoration: none;
    border-color: var(--color-neutral-light);
    opacity: unset;
}

.btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled]:active, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled]:active {
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-lightest);
    text-decoration: none;
    border-color: var(--color-neutral-light);
    opacity: unset;
}

/*
* Button Default - Ghost
* -----------------------
*/
.btn-outline {
    color: var(--color-primary-darkest);
    background-color: transparent;
    border: 1px solid transparent;
    gap: 5px;
}

.btn-outline:hover, .btn-outline:active:hover {
    color: var(--color-primary-darkest);
    background-color: var(--color-secondary-lightest);
    border-color: var(--color-secondary-lightest);
    text-decoration: none;
}

.btn-outline:focus {
    color: var(--color-primary-darkest);
    background-color: transparent;
    border-color: var( --color-primary-darkest);
    border-width: 1px;
    border-style: solid;
    outline: none;
    box-shadow: none;
    text-decoration: none;
}

.btn.btn-outline:active {
    color: var(--color-primary-darkest);
    background-color: var(--color-secondary-light);
    border-color: var(--color-secondary-light);
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
    box-shadow: none;
    outline: none;
}

.btn-outline:active:focus {
    color: var(--color-primary-darkest);
    background-color: var(--color-secondary-light);
    border-color: var(--color-secondary-light);
    border-width: 1px;
    transform: none;
    text-decoration: none;
    box-shadow: none;
    outline: none;
}

.btn-outline:disabled {
    box-shadow: none;
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    opacity: var(--opacity-level-weak);
    text-decoration: none;
}

.btn-outline[disabled] {
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-lightest);
    text-decoration: none;
    border-color: var(--color-neutral-light);
    opacity: unset;
}

.btn-outline[disabled]:hover, .btn-outline[disabled]:focus, .btn-outline[disabled]:active {
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-lightest);
    text-decoration: none;
    border-color: var(--color-neutral-light);
    opacity: unset;
}

/*
* Link
* ----
*/
a {
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    text-align: left;
    color: var(--color-primary-darkest);
    text-decoration: none;
}

a:hover, a.text-primary:hover, a.text-primary:focus {
    color: var(--color-primary-pure);
    text-decoration: none;
}

a:focus {
    color: var(--color-primary-pure);
    outline-color: var(--color-primary-pure);
    outline-offset: 1px;
    text-decoration: none;
}

a:active {
    color: var(--color-secondary-dark);
    text-decoration: none;
}

a:active:focus {
    color: var(--color-secondary-dark);
    text-decoration: none;
}

a[disabled], a[disabled]:hover, a[disabled]:focus, a[disabled]:active, .table> tbody>tr>td a[disabled], .table> tbody>tr>td a[disabled]:hover, .table> tbody>tr>td a.disabled, .table> tbody>tr>td a.disabled:hover {
    color: var(--color-neutral-pure);
    border-color: transparent;
    cursor: not-allowed;
    text-decoration: none !important;
}

/*
* Label
* ------
*/
label, .entitylist-filter-option-group .h4 {
    font-size: 14px;
    font-family: var(--font-opensans-regular);
    color: var(--color-neutral-pure);
    margin-bottom: 2px;
    margin-top: 0;
    font-weight: normal;
    float: none !important;
    padding-top: 0;
}

label.control-label.required:before {
    content: '';
}

label.control-label.required:after, label.required:after, .crmEntityFormView .cell div.table-info.required label:after {
    content: ' *';
    color: var(--color-danger-pure);
    white-space: nowrap;
}

label.col-form-label.required:before, label[readonly="readonly"]:after {
    content: '' !important;
}

/*
* Field
* ------
*/
.form-control, input.form-control {
    text-align: left;
    font-size: 14px;
    font-family: var(--font-opensans-regular);
    color: var(--color-neutral-pure);
    padding: 8px 12px;
    background-color: var(--color-neutral-white);
    border-radius: 4px;
    border: 1px solid var(--color-neutral-light);
    height: 40px;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(.37,0,.63,1);
    box-shadow: none;
}

.form-control:hover {
    border-color: var(--color-primary-pure);
    color: var(--color-neutral-dark);
}

.form-control:focus {
    color: var(--color-neutral-dark);
    background-color: var(--color-neutral-white);
    border-style: solid !important;
    border-color: var(--color-secondary-pure);
    border-width: 1px;
    outline: none;
    box-shadow: var(--box-shadow-field);
}

.form-control:active {
    color: var(--color-neutral-dark);
    border-color: var(--color-primary-light);
    border-width: 1px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .md-main-section .crmEntityFormView .form-control.readonly, .md-main-section .crmEntityFormView .form-control[readonly][disabled], .crmEntityFormView .form-control[readonly][disabled], .crmEntityFormView .form-control.readonly {
    background: var(--color-neutral-lightest);
    border: 1px solid var(--color-neutral-light);
    color: var(--color-neutral-pure);
    outline: none !important;
    padding: 8px 12px;
}

.input-group {
    display: flex !important;
    flex-wrap: nowrap;
    color: var(--color-neutral-pure);
    border: 1px solid var(--color-neutral-light);
    background-color: var(--color-neutral-white);
    border-radius: 5px;
    box-shadow: none;
    transition-timing-function: ease-out;
    transition-duration: 0.2s;
}

.input-group-btn {
    width: 40px
}

.input-group .money {
    padding-left: 0 !important;
}

.input-group-btn .fa {
    color: var(--color-neutral-pure);
    top: 2px;
}

.input-group input {
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
    margin: 0;
    box-shadow: none;
    border-radius: 5px 0 0 5px;
}

.input-group input:hover, .input-group input:active {
    border-color: transparent;
}

.input-group .form-control:focus {
    border-width: 1px;
    border-style: none;
    box-shadow: none;
    border-color: transparent !important;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
    border: 0;
    z-index: 2;
    height: 40px;
    padding: 0 12px;
    margin: 0;
    float: none;
    display: inline-block;
    background: transparent;
}

.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group {
    height: 40px;
    padding: 0 var(--spacing-stack-tiny);
    border: var(--border-width-none);
}

.input-group button:hover, .input-group button:hover .fa, .input-group button:focus, .input-group button:active, .input-group button:active:focus {
    border-color: transparent;
    background-color: transparent;
    box-shadow: none;
    color: var(--color-primary-darkest);
}

.input-group-addon {
    background-color: transparent;
    border-color: transparent;
    outline: none;
    color: var(--color-neutral-pure);
}

.input-group-addon:hover, .input-group-addon:focus, .input-group-addon.active {
    background-color: transparent;
    border-color: transparent;
    outline: none;
    color: var(--color-secondary-pure);
    padding: 12px 16px;
    outline-offset: unset;
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin: 0;
    outline: none;
}

html[dir=ltr] .iconBorder {
    padding: 0;
    line-height: normal;
}

.input-group:hover {
    border-color: var(--color-primary-pure);
    color: var(--color-neutral-dark);
}

.input-group:active {
    border-color: var(--color-primary-pure);
}

.input-group:focus-within {
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-white);
    border: 1px solid var(--color-secondary-pure);
    box-shadow: var(--box-shadow-field);
}

input:disabled + .input-group-addon {
    background-color: var(--color-neutral-lightest);
}

.input-group:has(input:disabled) {
    border-color: var(--color-neutral-light);
    box-shadow: none;
}

.input-group:has(input:disabled) .input-group-addon {
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-lightest);
    border: transparent;
    cursor: auto;
}

.btn.btn-default.clearlookupfield, .btn.btn-default.launchentitylookup {
    line-height: normal;
    border-color: transparent;
    color: var(--color-neutral-pure);
}

.btn.btn-default.clearlookupfield:hover, .btn.btn-default.launchentitylookup:hover {
    color: var(--color-secondary-pure);
}

.clearlookupfield {
    display: none;
}

.entitylist-search {
    display: flex !important;
}

.customControl .msos-container {
    font-family: var(--font-regular);
    font-size: 13px;
}

.customControl .msos-input-container {
    font-family: var(--font-regular);
    font-size: 13px;
    color: var(--color-neutral-pure);
    padding: 0 0 0 12px;
}

.customControl .msos-container:not(.msos-none-selected):not(.msos-disabled) .msos-selecteditems-container {
    font-family: var(--font-regular);
    font-size: 13px;
    min-height: 40px;
    align-items: center;
}

.customControl .msos-container:not(.msos-disabled) {
    border: 1px solid var(--color-neutral-light);
    border-radius: 5px;
    box-shadow: none;
    min-height: 40px !important;
}

.customControl .msos-current-selection-normal {
    padding: 0 0 0 12px;
    gap: 5px;
}

html[dir=ltr] .customControl .msos-selected-display-item {
    margin: 0 !important;
    color: var(--color-neutral-white);
    border-radius: 5px;
    background-color: var(--color-primary-pure);
}

.customControl .msos-quick-delete {
    padding: 5px;
}

.customControl .msos-quick-delete:hover {
    border-radius: 0 5px 5px 0;
    background-color: var(--color-primary-dark);
    color: var(--color-neutral-white);
}

.customControl .msos-container:not(.msos-disabled).msos-active {
    border-color: var(--color-secondary-pure) !important;
}

.customControl .msos-container:not(.msos-disabled).msos-focused {
    box-shadow: var(--box-shadow-box);
}

.customControl .msos-selection-container {
    border: 1px solid var(--color-neutral-light);
    padding: 0;
}

.customControl .msos-option {
    align-items: center;
}

.customControl .msos-label .msos-label-text {
    padding: 8px 12px 8px 30px;
}

.customControl .msos-option-selected {
    background-color: var(--color-info-lightest);
}

.customControl .msos-option-selected:hover, .customControl .msos-action-buttons:hover, .customControl .msos-option:hover {
    background-color: var(--color-neutral-lightest);
    color: var(--color-neutral-pure);
}

.msos-label .msos-checkbox:checked+.msos-label-text:before {
    margin-top: -3px;
}

.msos-disabled .msos-viewmode-container {
    background: var(--color-neutral-lightest);
    border: 1px solid var(--color-neutral-light);
    color: var(--color-neutral-pure);
    border-radius: 5px;
    min-height: 40px;
    padding: 8px 12px;
}

.msos-disabled .msos-viewmode-text {
    font-family: var(--font-regular);
    font-weight: 400;
    line-height: normal;
}

.status-cell .status {
    display: flex;
    width: 100%;
    background: var(--color-neutral-lightest);
    border: 1px solid var(--color-neutral-light);
    color: var(--color-neutral-pure);
    padding: 8px 12px;
    border-radius: 5px;
    font-size: 13px;
    height: 40px;
    align-items: center;
}

.bootstrap-datetimepicker-widget table td.disabled, .bootstrap-datetimepicker-widget table td.disabled:hover, .bootstrap-datetimepicker-widget table td.disabled button {
    color: var(--color-neutral-light);
    background: transparent;
    cursor: not-allowed;
}

.text-primary[readonly] {
    display: flex;
    background: var(--color-neutral-lightest);
    border: 1px solid var(--color-neutral-light);
    color: var(--color-neutral-pure);
    outline: none !important;
    padding: 8px 12px;
    height: 40px;
    border-radius: 5px;
    align-items: center;
}

input::placeholder {
    color: var(--color-neutral-pure) !important;
}

/*
* Checkbox
* --------
*/
.checkbox label {
    display: flex;
    align-items: center;
    gap: 10px;
}

input[type="checkbox"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
    position: relative;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

input[type="checkbox"]:focus, .checkbox input[type="checkbox"]:focus, .checkbox-inline input[type="checkbox"]:focus {
    outline: thin dotted;
    outline-offset: 4px;
    outline-color: var(--color-primary-darkest);
}

input[type="checkbox"]:focus:after, .checkbox input[type="checkbox"]:focus:after, .checkbox-inline input[type="checkbox"]:focus:after {
    border-color: var(--color-neutral-pure);
}

input[type="checkbox"]:after, .checkbox input[type="checkbox"]:after, .checkbox-inline input[type="checkbox"]:after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    border-width: 2px;
    border-style: solid;
    border-color: var(--color-neutral-pure);
    border-radius: 2px;
    -webkit-transition: 240ms;
    transition: 240ms;
}

input[type="checkbox"]:hover:after, .checkbox input[type="checkbox"]:hover:after, .checkbox-inline input[type="checkbox"]:hover:after {
    border-width: 2px;
    border-style: solid;
    border-color: var(--color-secondary-pure);
}

input[type="checkbox"]:hover:checked:after, .checkbox input[type="checkbox"]:hover:checked:after, .checkbox-inline input[type="checkbox"]:hover:checked:after {
    background: var(--color-secondary-pure);
    border-color: var(--color-secondary-pure);
}

input[type="checkbox"]:checked:before, .checkbox input[type="checkbox"]:checked:before, .checkbox-inline input[type="checkbox"]:checked:before {
    font-family: 'AlfaPeople' !important;
    content: "\e92b";
    position: absolute;
    top: 1px;
    left: 1px;
    color: var(--color-neutral-white);
}

input[type="checkbox"]:checked:after, .checkbox input[type="checkbox"]:checked:after, .checkbox-inline input[type="checkbox"]:checked:after {
    background-color: var(--color-primary-darkest);
    border-color: var(--color-primary-darkest);
}

input[type="checkbox"]:disabled:after, .checkbox input[type="checkbox"]:disabled:after, .checkbox-inline input[type="checkbox"]:disabled:after {
    border-color: var(--color-neutral-light);
}

input[type="checkbox"]:disabled:checked:after, .checkbox input[type="checkbox"]:disabled:checked:after, .checkbox-inline input[type="checkbox"]:disabled:checked:after {
    background-color: var(--color-neutral-light);
    border-color: transparent
}

.validation-summary-errors h2 {
    font-size: 14px;
    color: var(--color-danger-darkest);
    font-family: var(--font-bold);
}

.validation-summary-errors ul {
    margin: 0;
}

.validation-summary-errors ul li, .validation-summary-errors ul li a {
    font-size: 13px;
    color: var(--color-danger-dark);
    margin-bottom: 0;
}

textarea.form-control {
    height: auto;
    resize: vertical;
}

/*
* Loggout
* ------
*/
.pg-background-loggout {
    display: block;
    height: 100dvh;
}

.pg-background-loggout .navbar-brand img {
    height: 36px;
}

.pg-form-loggout {
    padding: 65px;
}

.pg-form-loggout #content {
    width: 100%;
}

.pg-not-row [class*="col-lg-"] {
    padding: 0;
}

.nav.nav-tabs.nav-account, .login-heading-section, .forgot-password-heading, .pg-form-loggout legend {
    display: none;
}

.pg-img-loggout {
    padding: 32px;
}

.pg-main-loggout {
    margin-bottom: 32px;
}

.pg-header-loggout h1 {
    font-family: var(--font-porto-bold);
    color: var(--color-neutral-darkest);
    font-size: 32px;
    margin: 0;
}

.pg-header-loggout h1 span {
    display: block;
    font-family: var(--font-opensans-regular);
    color: var(--color-primary-darkest);
    font-size: 14px;
}

.pg-main-loggout p {
    font-family: var(--font-opensans-regular);
    color: var(--color-neutral-pure);
    font-size: 14px;
    margin: 10px 0 0 0;
}

.pg-btn-loggout {
    display: flex;
    flex-direction: column-reverse;
    gap: 16px;
    align-items: baseline;
}

.pg-link-loggout a {
    border: 0;
    padding: 0;
    height: auto;
    color: var(--color-primary-darkest);
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    font-weight: 400;
}

.pg-link-loggout a:hover, .pg-link-loggout a:focus, .pg-link-loggout a:active {
    color: var(--color-secondary-pure);
    background-color: transparent;
    text-decoration: underline;
    border: 0;
}

.pg-link-loggout a:active, .pg-link-loggout :not(a.btn-check)+a.btn:active {
    color: var(--color-secondary-dark) !important;
    background-color: transparent !important;
    text-decoration: underline;
    border: 0;
}

.pg-link-loggout {
    display: inline-flex;
    text-align: right;
    justify-content: flex-end;
    width: 100%;
}

.portal-form .form-text {
    display: none;
}

.pg-btnline-loggout {
    display: flex;
    gap: 24px;
}

.RadCaptcha.RadCaptcha_Default>div {
    display: flex;
    flex-direction: column;
}

.RadCaptcha.RadCaptcha_Default>div>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 10px;
}

.RadCaptcha.RadCaptcha_Default>div input {
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    border: 1px solid var(--color-neutral-light);
    border-radius: 5px;
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-white);
    padding: 8px 12px;
    height: 40px;
    width: 100%;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(.37, 0, .63, 1);
}

.RadCaptcha.RadCaptcha_Default>div input:hover {
    border-color: var(--color-secondary-pure);
    color: var(--color-neutral-dark);
}

.RadCaptcha.RadCaptcha_Default>div input:focus {
    border-color: var(--color-secondary-pure);
    box-shadow: var(--box-shadow-field);
    color: var(--color-neutral-dark);
    outline: none;
}

.RadCaptcha.RadCaptcha_Default>div label {
    color: var(--color-neutral-pure);
    font-family: var(--font-regular);
    font-size: 12px;
    font-weight: 400;
    line-height: 110%;
    letter-spacing: -0.24px;
}

#ContentContainer_MainContent_MainContent_CaptchaRowPlaceHolder .col-form-label.fw-bold {
    display: none;
}

.pg-body-loggout .container-fluid {
    --bs-gutter-x: 1.5rem;
}

strong {
    word-break: break-word;
}

/*
* Entity list
* ------------
*/
.pg-main-list {
    background: var(--color-neutral-white);
    border-radius: 10px;
    box-shadow: var(--box-shadow);
    margin-bottom: 30px;
}

.grid-actions {
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    padding: 15px;
    margin-bottom: 0;
    border-bottom: 1px solid var(--color-neutral-lightest);
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.grid-actions:before, .grid-actions:after {
    display: none;
}

.pg-filter-right .grid-actions {
    justify-content: right;
}

.modal-body .grid-actions {
    justify-content: flex-end;
}

.entity-grid.subgrid .grid-actions {
    padding: 0;
    border: 0;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.entity-grid .view-grid {
    padding: 15px;
}

.subgrid .entity-grid .view-grid {
    padding: 0;
}

.pg-main-list .pull-right.toolbar-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    gap: 24px;
}

.pg-main-list .input-group.pull-left.view-search.entitylist-search:first-child:last-child {
    margin-right: 0;
}

.pg-main-list .input-group.pull-left.view-search.entitylist-search {
    margin-right: 0;
}

.pg-main-list .crmEntityFormView, .entity-grid.entitylist {
    border: 0;
    border-radius: 10px;
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-white);
    box-shadow: var(--box-shadow-box);
}

.pg-main-list h2 {
    font-family: var(--font-bold);
    font-size: 16px;
    color: var(--color-neutral-darkest);
    margin: 0;
    margin-right: 20px;
}

.entitylist {
    background: transparent;
    border: 0;
}

.entitylist-filter.card {
    border: 0;
    box-shadow: none;
    margin-bottom: 30px;
    background: transparent;
}

.entitylist-filter .card-body {
    border-radius: 10px;
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-white);
    box-shadow: var(--box-shadow-box);
    padding: 0;
}

.entitylist-filter .card-body ul.list-inline {
    gap: 24px;
    display: flex;
    list-style: none;
    padding: 0;
    width: 100%;
    margin-bottom: 0;
    padding: 15px;
}

.entitylist-filter.card .float-end {
    padding: 0 15px 15px;
}

.entitylist-filter .card-body ul.list-inline li {
    flex: 1;
    margin: 0;
}

/*
* Form - Native
* -------------
*/
.crmEntityFormView, .modal-content, .popover-content {
    background: var(--color-neutral-white);
    border: 0;
    color: var(--color-neutral-pure);
}

.crmEntityFormView label {
    background: transparent;
    color: var(--color-neutral-pure);
}

.crmEntityFormView .tab, .crmEntityFormView fieldset {
    margin: 0;
}

/*
* Form - Custom
* -------------
*/
.pg-main-form {
    background: var(--color-neutral-white);
    box-shadow: var(--box-shadow-box);
    border-radius: 10px;
}

.pg-header-form {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-bottom: 1px solid var(--color-neutral-lightest);
}

.pg-header-form h2 {
    display: flex;
    margin: 0;
    color: var(--color-neutral-pure);
    font-family: var(--font-opensans-regular);
    font-size: 11px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    flex-direction: column;
    gap: 2px;
}

.pg-body-form {
    padding: 8px 3px;
}

/*
* Historico de cargas
* -------------------
*/
.pg-list-historico-cargas .entitylist-filter .card-body ul.list-inline li:first-child {
    flex: 2;
}

/*
* Filter custom
* -------------
*/
.pg-filter-title {
    margin: 0;
    padding: 15px;
    font-size: 16px;
    font-family: var(--font-porto-semibold);
    border-bottom: 1px solid var(--color-neutral-lightest);
    color: var(--color-neutral-darkest);
}

.pg-list-filter-custom .grid-actions {
    justify-content: flex-end;
    align-items: flex-end;
}

.pg-list-filter-custom .entitylist-filter.card .float-end {
    display: none;
}

.pg-list-filter-custom #entitylist-filters li:last-child>span {
    display: flex;
    gap: 24px;
    align-items: flex-end;
    width: 100%;
}

.pg-list-filter-custom #entitylist-filters button {
    width: 100%;
}

.pg-list-filter-custom #entitylist-filters>li:last-child {
    display: flex;
}

.pg-list-filter-custom #entitylist-filters li:last-child>span {
    display: flex;
    gap: 24px;
    align-items: flex-end;
    width: 100%;
}

#pg-createon-value {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*
* Tables
* -------
*/
.table {
    font-family: var(--font-regular);
    background-color: var(--color-neutral-white);
    padding: 14px 24px;
    margin-bottom: 0;
}

.table> thead>tr>th a {
    font-family: var(--font-porto-semibold);
    font-size: 14px;
    color: var(--color-primary-darkest);
    text-decoration: none !important;
    outline: none !important;
    font-weight: normal;
}

.table> thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th {
    border-bottom-color: var(--color-neutral-lightest);
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    color: var(--color-primary-darkest);
    border-right-color: transparent;
    border-left-color: transparent;
    vertical-align: middle;
    padding: 12px 4px;
    padding-top: 0;
    border-top: 0;
}

.table> thead>tr>td, .table>tbody>tr>td,.table>tfoot>tr>td, .table-striped > tbody > tr:nth-of-type(odd) > * {
    border-bottom-color: var(--color-neutral-lightest);
    background-color: transparent !important;
    border-style: solid;
    border-width: 1px;
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    color: var(--color-neutral-pure);
    border-right-color: transparent;
    border-left-color: transparent;
    vertical-align: middle;
    padding: 16px 4px !important;
    border-top: 1px solid transparent;
    box-shadow: none;
}

.table> tbody>tr {
    transition-timing-function: cubic-bezier(.37,0,.63,1);
    transition-duration: 0.3s;
}

.table> tbody>tr.md-tr-center {
    text-align: center;
}

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

.table> tbody>tr:hover {
    background-color: var(--color-secondary-lightest);
}

.table> tbody>tr.selected.info {
    background: var(--color-neutral-lightest);
}

.table> tbody>tr:hover td>a {
    color: var(--color-secondary-pure);
    text-decoration: underline;
}

.table> tbody>tr>td a {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: var(--color-primary-darkest);
    text-decoration: none;
    white-space: normal;
    cursor: pointer;
}

.table> tbody>tr>td a.link-td {
    text-decoration: none;
}

.table> tbody>tr>td a.link-td i {
    margin-right: 3px;
}

.table > thead > tr > th:first-child {
    padding-left: 4px;
    padding-top: 0;
}

.table > thead > tr > th:last-child {
    padding-right: 4px;
}

.table> tbody>tr>td:first-child {
    padding-left: 4px !important;
}

.crmEntityFormView .cell {
    padding: 7px 12px;
}

.entity-grid .message {
    text-align: center;
    padding-bottom: 20px;
}

.view-empty.message .alert {
    border: 0;
    background: transparent;
    padding: 0;
}

.table> tbody>tr>td a.md-wts {
    text-decoration: none;
    color: var(--color-neutral-pure);
}

.table> tbody>tr>td a.md-wts:hover {
    color: var(--color-primary-pure);
}

.table> tbody>tr>td a.md-wts i {
    color: var(--color-success-dark);
    margin-right: 5px;
}

.details-link[nohref=""], .details-link[nohref=""]:hover {
    text-decoration: none !important;
    color: var(--color-neutral-pure) !important;
}

tbody tr:has(input[type="checkbox"]:checked) {
    background-color: var(--color-secondary-lightest);
}

/*
* Paginacao
* ---------
*/
.jquery-bootstrap-pagination {
    text-align: right;
}

.view-pagination .pagination {
    display: inline-flex;
    padding: 20px;
    margin: 0;
    text-align: left;
    gap: 8px;
}

.ihs-main-box .jquery-bootstrap-pagination {
    margin-right: 20px;
}

.pagination > li > a, .pagination > li > span, .paginate_button {
    background-color: transparent;
    border: 0px;
    margin-left: 10px;
    width: auto;
    height: 24px;
    text-align: center;
    line-height: 18px;
    padding: 3px 10px;
    color: var(--color-neutral-pure);
    text-decoration: none !important;
    display: inline-block;
    font-family: var(--font-opensans-regular);
    font-size: 16px;
    border-radius: 12px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .paginate_button.current, .paginate_button:hover {
    background-color: var(--color-primary-darkest) !important;
    color: var(--color-neutral-white);
    font-size: 16px;
    font-family: var(--font-opensans-regular);
    border: 0;
}

.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus, .paginate_button, .paginate_button:focus {
    border-color: transparent;
    border-radius: 12px;
}

.pagination>li>a:hover, .pagination>li>a:focus, .pagination>li>span:hover, .pagination>li>span:focus, .paginate_button:hover, .pagination>li:first-child>a:hover {
    color: var(--color-neutral-white);
    border-radius: 12px;
    background: var(--color-primary-pure);
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus, .paginate_button.disabled {
    color: var(--color-neutral-pure) !important;
    background: var(--color-neutral-lightest) !important;
    cursor: not-allowed;
    border-radius: 8px !important;
}

.pagination > li:last-child > a:hover, .pagination > li:last-child > span:hover, .paginate_button.next:hover {
    background: var(--color-primary-pure);
}

.pagination>li:last-child>a, .pagination>li:last-child>span, .paginate_button.next {
    color: var(--color-neutral-white);
    background: var(--color-primary-darkest);
    border-radius: 8px !important;
    margin-left: 10px;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
    color: var(--color-neutral-white);
    background: var(--color-primary-darkest);
    border-radius: 8px !important;
    margin-right: 10px;
}

.paginate_button.previous {
    color: var(--color-primary-darkest);
    background: var(--color-primary-pure);
    border-radius: 8px;
    margin-right: 0;
}

.pagination i, .paginate_button i {
    font-size: 12px;
    vertical-align: middle;
    font-weight: 900;
    line-height: 0;
}

.jquery-bootstrap-pagination .entity-pager-prev-link, .jquery-bootstrap-pagination .entity-pager-next-link {
    font-size: 0;
}

.jquery-bootstrap-pagination .entity-pager-prev-link:before {
    font-family: 'AlfaPeople';
    content: '\ee7a';
    font-size: 16px;
}

.jquery-bootstrap-pagination .entity-pager-next-link:before {
    font-family: 'AlfaPeople';
    content: '\ee7c';
    font-size: 16px;
}

/*
* Table - Custom
* --------------
*/
.pg-tb-custom {
    background-color: var(--color-neutral-white);
    border-radius: 10px;
    box-shadow: var(--box-shadow-box);
}

.pg-tb-custom .pg-header-tb {
    display: flex;
    padding: 15px;
    border-bottom: 1px solid var(--color-neutral-lightest);
    gap: 5px;
    flex-direction: column;
}

.pg-tb-custom .entitylist {
    background-color: transparent;
    box-shadow: none;
}

.pg-tb-custom .pg-header-tb h2, .pg-form-header h2 {
    font-family: var(--font-bold);
    color: var(--color-primary-pure);
    font-size: 16px;
    margin: 0;
}

.pg-tb-custom .pg-header-tb p {
    color: var(--color-neutral-pure);
    font-size: 13px;
    margin: 0;
    font-family: var(--font-light);
}

/*
* Dropdown - Table
* ----------------
*/
.view-select .dropdown a.dropdown-toggle {
    display: flex;
    font-size: 12px;
    font-family: var(--font-regular);
    color: var(--color-neutral-pure);
    background-color: var(--color-neutral-white);
    padding: 8px 12px !important;
    border: 1px solid var(--color-neutral-light);
    border-radius: 5px;
    min-width: 180px;
    height: 40px;
    text-decoration: none;
    margin: 0;
    outline: none;
    align-items: center;
    gap: 10px;
}

.view-select .dropdown a.dropdown-toggle:hover {
    background-color: var(--color-neutral-lightest);
    border-color: var(--color-primary-pure);
    color: var(--color-primary-pure);
}

.view-select .dropdown a.dropdown-toggle:focus {
    background-color: var(--color-neutral-lightest);
    border: 1px solid var(--color-secondary-pure) !important;
    color: var(--color-secondary-pure);
}

.view-select .dropdown.open a.dropdown-toggle {
    background-color: var(--color-neutral-light);
    color: var(--color-primary-pure);
    border-color: var(--color-primary-pure) !important;
}

.view-select .dropdown a.dropdown-toggle span.fa {
    margin-right: 0;
}

.view-select .dropdown a.dropdown-toggle span.caret {
    margin-top: 5px;
    float: right;
}

.view-select .dropdown a.dropdown-toggle[disabled], .view-select .dropdown a.dropdown-toggle[disabled]:hover, .view-select .dropdown a.dropdown-toggle[disabled]:focus, .view-select .dropdown a.dropdown-toggle[disabled]:active {
    color: var(--color-neutral-darkest);
    background-color: var(--color-neutral-light);
    opacity: var(---pacity-level-weak);
}

.selected-view.dropdown-toggle .caret {
    border: 0;
    margin: 15px 11px;
}

.view-select .dropdown a.dropdown-toggle .title {
    width: 100%;
    font-size: 13px;
}

.dropdown-menu {
    padding: 0;
    overflow: hidden;
}

/*
* Filter - Table
* --------------
*/
.entitylist-filter-option .input-group-text {
    display: none;
}

.entitylist-filter-option .input-group {
    border: 0;
    width: auto;
}

.entitylist-filter-option .form-control {
    margin: 0;
    border-radius: 5px !important;
    padding: 8px 30px 8px 12px;
}

.entitylist-filter-option .input-group .form-control:focus {
    border-color: var(--color-primary-pure) !important;
}

.entitylist-filter-option-group-box-overflow {
    max-height: none;
    overflow-y: unset;
}

.entitylist-filter-option-text .form-control {
    border: 1px solid var(--color-neutral-light);
}

.entitylist-filter-option-text .form-control:hover {
    border-color: var(--color-primary-pure);
}

/*
* Status - Table
* --------------
*/
.pg-list-status td[data-attribute="statuscode"]:before {
    content: ' ';
    display: inline-block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    margin-right: 5px;
    background-color: var(--color-secondary-pure);
}

.pg-list-status td[data-value*="893690001"]:before, .pg-list-status td[data-value*="893690002"]:before, .pg-list-status td[data-value*="893690005"]:before, .pg-list-status td[data-value*="893690006"]:before {
    background-color: var(--color-warning-pure);
}

.pg-list-status td[data-value*="893690004"]:before {
    background-color: var(--color-success-pure);
}

.pg-list-status td[data-value*="2"]:before, .pg-list-status td[data-value*="893690003"]:before {
    background-color: var(--color-danger-pure);
}

/*
* Custom - Form
* -------------
*/
.pg-form-custom {
    background-color: var(--color-neutral-white);
    border-radius: 10px;
    box-shadow: var(--box-shadow-box);
    margin-bottom: 30px;
}

.pg-form-header {
    display: flex;
    padding: 15px;
    border-bottom: 1px solid var(--color-neutral-lightest);
    justify-content: space-between;
    align-items: center;
}

.pg-form-header div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.pg-status-form span {
    text-align: right;
}

.pg-form-header div span {
    color: var(--color-neutral-pure);
    font-family: var(--font-regular);
    font-size: 11px;
    text-transform: uppercase;
}

.pg-id-form b {
    color: var(--color-primary-pure);
    font-family: var(--font-bold);
    font-size: 14px;
    line-height: normal;
}

.pg-status {
    display: flex;
    background-color: var(--color-neutral-lightest);
    padding: 4px 8px;
    border-radius: 50px;
    font-family: var(--font-regular);
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
    gap: 4px;
    align-items: center;
}

.pg-status.info {
    color: var(--color-info-dark);
    background-color: var(--color-info-lightest);
}

.pg-status.info:before {
    font-family: 'AlfaPeople';
    content: '\eac9';
}

.pg-status.success {
    color: var(--color-success-dark);
    background-color: var(--color-success-lightest);
}

.pg-status.success:before {
    font-family: 'AlfaPeople';
    content: '\e92b';
}

.pg-status.warning {
    color: var(--color-warning-dark);
    background-color: var(--color-warning-lightest);
}

.pg-status.warning:before {
    font-family: 'AlfaPeople';
    content: '\ec58';
}

.pg-status.danger {
    color: var(--color-danger-dark);
    background-color: var(--color-danger-lightest);
}

.pg-status.danger:before {
    font-family: 'AlfaPeople';
    content: '\eddd';
}

/*
* Icons
* -----
*/
.fa-magnifying-glass:before, .fa-search:before {
    font-family: 'AlfaPeople';
    content: '\ed4d';
    font-size: 14px;
    font-weight: normal;
}

.fa-calendar:before {
    font-family: 'AlfaPeople';
    content: '\ea97';
    font-size: 14px;
    font-weight: normal;
}

.fa-lock:before {
    font-family: 'AlfaPeople';
    content: '\ece6';
    font-weight: normal;
}

.fa-pencil-alt:before, .fa-pencil:before {
    font-family: 'AlfaPeople';
    content: '\ecf7';
    font-weight: normal;
}

.fa-edit:before, .fa-pen-to-square:before {
    font-family: 'AlfaPeople';
    content: '\eb7e';
    font-weight: normal;
}

.fa-trash:before {
    font-family: 'AlfaPeople';
    content: '\edea';
    font-weight: normal;
}

.fa-spinner:before {
    font-family: 'AlfaPeople';
    content: '\e98e';
    font-weight: normal;
    text-decoration: none;
}

/*
* Modal
* -----
*/
.modal-header {
    padding: 15px;
}

.modal-title {
    color: var(--color-info-pure);
    font-family: var(--font-opensans-medium);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.modal-title>span {
    color: var(--color-neutral-pure);
    font-family: var(--font-opensans-regular);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
}

.modal-content {
    background: var(--color-neutral-white);
}

.modal-body {
    padding: 15px;
}

.modal-body p {
    color: var(--color-neutral-pure);
    font-family: var(--font-regular);
    font-size: 14px;
    line-height: normal;
}

.modal-footer {
    gap: 24px;
    padding: 15px;
}

.modal-footer button {
    margin: 0
}

.pg-iframe {
    width: 100%;
    height: 300px;
}

/*
* Toast
* -----
*/
.pg-main-toast {
    position: fixed;
    top: 80px;
    right: 0;
    padding: 1rem;
    z-index: 1;
}

.toast {
    margin-bottom: 10px;
}

.toast-body {
    display: flex;
    padding: 15px;
    gap: 16px;
    align-items: flex-start;
}

.toast-info {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 8px;
}

.toast-info h3 {
    font-family: var(--font-opensans-regular);
    font-size: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 5px;
    margin: 0;
    line-height: normal;
    align-items: flex-start;
}

.toast-info p {
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    margin: 0;
}

.toast.info, .toast.info .toast-info h3 {
    border-width: 2px;
    border-color: var(--color-info-light);
    background-color: var(--color-info-lightest);
    color: var(--color-info-dark);
    border-radius: 5px;
    padding-bottom: 0;
}

.toast.info .toast-body:before {
    font-family: 'AlfaPeople';
    content: '\ec58';
    font-size: 20px;
    line-height: normal;
}

.toast.success, .toast.success .toast-info h3 {
    border-width: 2px;
    border-color: var(--color-success-light);
    background-color: var(--color-success-lightest);
    color: var(--color-success-dark);
    border-radius: 5px;
}

.toast.success .toast-body:before {
    font-family: 'AlfaPeople';
    content: '\eab9';
    font-size: 20px;
    line-height: normal;
}

.toast.warning, .toast.warning .toast-info h3 {
    border-width: 2px;
    border-color: var(--color-warning-light);
    background-color: var(--color-warning-lightest);
    color: var(--color-warning-dark);
    border-radius: 5px;
}

.toast.warning .toast-body:before {
    font-family: 'AlfaPeople';
    content: '\e904';
    font-size: 20px;
    line-height: normal;
}

.toast.danger, .toast.danger .toast-info h3 {
    border-width: 2px;
    border-color: var(--color-danger-light);
    background-color: var(--color-danger-lightest);
    color: var(--color-danger-dark);
    border-radius: 5px;
}

.toast.danger .toast-body:before {
    font-family: 'AlfaPeople';
    content: '\ea12';
    font-size: 20px;
}

.pg-btn-close {
    border: 0;
    background: none;
    padding: 0;
    transition: .3s;
}

.pg-btn-close:hover {
    opacity: 0.5;
}

.pg-btn-close:before {
    font-family: 'AlfaPeople';
    content: '\ecd3';
    font-size: 20px;
    line-height: normal;
    color: var(--color-neutral-pure);
}

/*
* Alert
* -----
*/
.pg-form-custom #MessagePanel {
    padding: 15px;
    z-index: 1;
}

div.message.success {
    background-color: var(--color-success-lightest);
    border: 2px solid var(--color-success-light);
    color: var(--color-success-dark);
}

.message.success span {
    color: var(--color-success-dark) !important;
    font-family: var(--font-light);
    font-size: 14px;
    outline: none;
}

input#btnCloseMessage {
    font-family: var(--font-regular);
    background: none;
    padding: 0;
    color: var(--color-neutral-pure);
    font-weight: 100;
    font-size: 20px;
}

.validation-summary.alert-error {
    margin: 15px;
    padding: 15px;
}

.alert-danger {
    background-color: var(--color-danger-lightest);
    border: 2px solid var(--color-danger-light);
    color: var(--color-danger-dark);
}

.validation-summary.alert-error h2 {
    color: var(--color-danger-dark);
    font-family: var(--font-regular);
    font-size: 18px;
    line-height: normal;
    margin-bottom: 10px;
}

.validation-summary a {
    color: var(--color-danger-pure) !important;
    text-decoration: none;
}

.crmEntityFormView .validation-summary ul {
    list-style: inside;
    padding-left: 2rem;
}

.pg-main-alert .alert {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
}

.alert h3 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    color: var(--color-info-dark);
    font-family: var(--font-opensans-regular);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}

.alert h3 span {
    color: var(--color-info-dark);
    font-family: var(--font-opensans-light);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
}

.alert-info {
    background-color: var(--color-info-lightest);
    border: 2px solid var(--color-info-light);
    color: var(--color-info-dark);
}

.pg-main-alert {
    margin-bottom: 30px;
}

/*
* Loading
* -------
*/
.pg-loader {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 28%);
    z-index: 9999;
}

.pg-loader>div {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 60px;
    height: 60px;
    border: 10px solid var(--color-neutral-white);
    border-radius: 50%;
    border-top: 10px solid var(--color-secondary-pure);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

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

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

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

/*
* Perfil
* ------
*/
.profile-page-heading {
    display: none;
}

legend {
    border: 0;
    margin: 0;
}

[data-name="guia_profile"] {
    background-color: var(--color-neutral-white);
    box-shadow: var(--box-shadow-box);
    border-radius: 10px;
    margin-bottom: 30px;
}

[data-name="guia_profile"] h3 {
    font-family: var(--font-bold);
    color: var(--color-primary-pure);
    font-size: 16px;
    margin: 0;
    padding: 15px;
    border-bottom: 1px solid var(--color-neutral-lightest);
    font-weight: normal;
}

[data-name="guia_profile"] .section-title {
    margin: 0;
}

.profile-info {
    border: 0;
    margin: 0 !important;
}

.pg-main-profile .card {
    border: 0;
    margin: 0 !important;
    border-radius: 10px 10px 0 0;
}

.pg-main-profile .card-body {
    border: 0;
    background-color: var(--color-neutral-white);
    border-radius: 10px 10px 0 0;
    margin-bottom: 0 !important;
}

.pg-main-profile .card-body img {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    object-fit: cover;
}

a.profilePictureContainer.editProfilePicture {
    position: relative;
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    background-color: var(--color-primary-pure);
}

.havingNoProfilePicture {
    font-size: 22px;
    padding: 0;
}

.profile-info .edit {
    top: 20px;
    left: 0 !important;
    right: 0;
    margin: 0 auto;
}

.profile-info .fullName {
    padding: 0 !important;
    font-size: 18px;
}

.profile-info .card-body {
    padding: 15px;
}

.profile-info .card-body .row {
    align-items: center;
    gap: 15px;
    margin: 0;
}

.pg-main-profile .list-group-item {
    border: 0;
    border-top: 1px solid var(--color-neutral-lightest);
    color: var(--color-neutral-pure);
    background: var(--color-neutral-white);
    transition: .3s;
}

.pg-main-profile .list-group-item.active {
    color: var(--color-primary-pure);
    background-color: var(--color-secondary-lightest);
}

.pg-main-profile a.list-group-item.active:focus, .pg-main-profile a.list-group-item.active:hover {
    background-color: var(--color-secondary-light);
    color: var(--color-secondary-pure);
}

.pg-main-profile a.list-group-item:focus, .pg-main-profile a.list-group-item:hover, .pg-main-profile button.list-group-item:focus, .pg-main-profile button.list-group-item:hover {
    background-color: var(--color-secondary-light);
    color: var(--color-secondary-pure);
}

.pg-main-profile .list-group {
    background-color: var(--color-neutral-white);
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.pg-main-profile .actions {
    display: flex;
    background-color: var(--color-neutral-white);
    box-shadow: var(--box-shadow-box);
    border-radius: 10px;
    padding: 15px;
    justify-content: flex-end;
}

.nav-profile {
    border: 0;
    border-radius: 10px;
    overflow: hidden;
}

.nav-profile .card-title {
    display: flex;
    margin: 0;
    color: var(--color-primary-pure);
    font-family: var(--font-regular);
    font-size: 14px;
    gap: 5px;
    align-items: center;
}

.nav-profile a.list-group-item:focus, .nav-profile a.list-group-item:hover, .nav-profile button.list-group-item:focus, .nav-profile button.list-group-item:hover {
    background-color: transparent;
    color: var(--color-secondary-pure);
}

.nav-profile .card-header {
    background-color: var(--color-neutral-white);
    border: 0;
}

.buttons-for-profile .save-close {
    display: flex;
    flex-direction: row;
    gap: 24px;
    padding: 0;
}

.buttons-for-profile {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

.upload-remove .upload-image {
    padding: 0;
}

.upload-remove {
    display: flex;
    flex-direction: column;
}

.upload-remove button {
    padding: 12px;
}

.image-container {
    padding: 0 !important;
    width: auto;
}

.no-profile-picture {
    background-color: var(--color-primary-pure);
    width: 130px;
    height: 130px;
    font-size: 40px;
}

.modal-maincontent-container {
    gap: 15px;
}

.profile-pic-onmodal {
    width: 130px !important;
    height: 130px !important;
    object-fit: cover;
}

.loading-image {
    top: 18px;
    left: 0 !important;
    right: 0;
}

.havingProfilePicture, .profilePictureContainer {
    width: 60px;
    height: 60px;
    object-fit: cover;
}

html[dir=ltr] .icon-for-profile-modal {
    padding: 0;
}

.pg-profile-sider {
    position: relative;
    display: flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    background-color: var(--color-primary-pure);
    border-radius: 50%;
    text-decoration: none;
    color: var(--color-neutral-white);
}

.pg-profile-sider:hover, .pg-profile-sider:focus {
    color: var(--color-neutral-white);
    text-decoration: none;
}

.pg-info-profile {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 18px;
}

.pg-form-profile form {
    background-color: var(--color-neutral-white);
    border-radius: 10px;
    padding: 15px;
    box-shadow: var(--box-shadow-box);
}

.pg-profile-footer {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

html[dir=ltr] .crmEntityFormView .cell div.table-info div.validators {
    display: none;
}

.pg-main-profile .crmEntityFormView {
    margin-bottom: 30px;
    border-radius: 10px;
    box-shadow: var(--box-shadow-box);
}

.pg-main-profile .crmEntityFormView .section-title {
    margin-bottom: 0;
}

.pg-main-profile .crmEntityFormView .section-title h3 {
    margin: 0;
    color: var(--color-neutral-darkest);
    font-family: var(--font-porto-bold);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    border-bottom: 1px solid var(--color-neutral-lightest);
    padding: 15px;
}

.pg-main-profile .pg-padding {
    padding: 8px 3px;
}

.pg-main-profile .page-heading {
    background-color: var(--color-primary-darkest);
    background-image: radial-gradient(rgb(255 255 255 / 13%) 1.5px, transparent 1.5px);
    background-size: 30px 30px;
    color: var(--color-neutral-white);
}

.pg-main-profile .breadcrumb-item a, .pg-main-profile .breadcrumb > li a, .pg-main-profile .breadcrumb-item.active, .pg-main-profile .breadcrumb-item+.breadcrumb-item::before, .pg-main-profile .page-heading h1 {
    color: var(--color-neutral-white)
}

/*
* Home
* ----
*/
.pg-content-container {
    margin-top: -4rem;
    padding: 0 36px;
    position: relative;
    z-index: 10;
}

.pg-info-card {
    background-color: var(--color-neutral-white);
    border-radius: 10px;
    padding: 3rem 2rem;
    box-shadow: var(--box-shadow-box);
    text-align: center;
    margin-bottom: 30px;
}

.pg-info-card h2 {
    font-family: var(--font-porto-bold);
    color: var(--color-neutral-darkest);
    font-size: 40px;
    margin: 0;
    margin-bottom: 30px;
}

.pg-info-card .pg-subtitle {
    font-family: var(--font-opensans-regular);
    color: var(--color-neutral-pure);
    margin: 0 auto 30px auto;
    font-size: 18px;
    max-width: 1020px;
}

.pg-feature-icon-wrapper {
    width: 52px;
    height: 52px;
    background-color: var(--color-secondary-lightest);
    color: var(--color-primary-darkest);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
    margin: 0 auto;
}

.pg-feature-title {
    font-family: var(--font-porto-bold);
    font-size: 16px;
    margin-bottom: 15px;
    color: var(--color-neutral-darkest);
}

.pg-feature-text {
    max-width: 230px;
    color: var(--color-neutral-pure);
    font-size: 14px;
    margin: 0 auto;
}

.pg-main-card {
    background: var(--color-neutral-white);
    border-radius: 10px;
    box-shadow: var(--box-shadow-box);
    margin-bottom: 30px;
}

.pag-header-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    border-bottom: 1px solid var(--color-neutral-lightest);
}

.pag-header-card h3 {
    display: flex;
    margin: 0;
    flex-direction: column;
    gap: 2px;
    color: var(--color-neutral-darkest);
    font-family: var(--font-porto-bold);
    font-size: 16px;
    line-height: normal;
}

.pag-header-card h3 span {
    color: var(--color-neutral-pure);
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    line-height: normal;
    font-weight: 400;
}

.pg-body-card {
    display: flex;
    padding: 15px;
    flex-direction: column;
    gap: 15px;
}

.pg-content-card {
    display: flex;
    border-radius: 10px;
    border: 1px solid var(--color-info-light);
    background: var(--color-secondary-lightest);
    padding: 10px 15px;
    align-items: center;
    justify-content: space-between;
    transition: transform .2s;
}

.pg-content-card:hover, .pg-content-card:focus, .pg-content-card:active {
    color: var(--color-primary-pure);
    text-decoration: none;
    transform: scale(1.01);
}

.pg-left-card {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.pg-left-card h4 {
    color: var(--color-neutral-darkest);
    font-family: var(--font-opensans-regular);
    font-size: 16px;
    line-height: normal;
    font-weight: 400;
    margin: 0;
}

.pg-left-card span {
    color: var(--color-neutral-pure);
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    line-height: normal;
}

.pg-right-card {
    display: flex;
    gap: 24px;
    align-items: center;
}

.pg-right-card i {
    font-size: 24px;
    color: var(--color-primary-darkest);
    text-decoration: none;
}

/*
* Enviar nova carga
* -----------------
*/
.pg-main-step {
    background: var(--color-neutral-white);
    border-radius: 10px;
    padding: 15px;
    display: flex;
    align-items: center;
    box-shadow: var(--box-shadow-box);
    margin-bottom: 30px;
    gap: 10px;
}

.pg-circular-progress {
    position: relative;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-neutral-lightest);
    transition: background 0.4s ease-in-out;
}

.pg-circular-progress::before {
    content: "";
    position: absolute;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    background-color: var(--color-neutral-white);
    z-index: 1;
}

.pg-progress-value {
    position: relative;
    font-family: var(--font-opensans-regular);
    z-index: 2;
    font-size: 12px;
    color: var(--color-neutral-pure);
}

.pg-title-step {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pg-title-step h2 {
    color: var(--color-primary-darkest);
    font-family: var(--font-opensans-bold);
    font-size: 16px;
    font-style: normal;
    margin: 0;
}

.pg-title-step p {
    color: var(--color-neutral-pure, #71768E);
    font-family: var(--font-opensans-regular);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    margin: 0;
}

.pg-main-box {
    background: var(--color-neutral-white);
    border-radius: 10px;
    box-shadow: var(--box-shadow-box);
}

.pg-header-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--color-neutral-lightest);
    padding: 15px;
}

.pg-header-box h2 {
    display: flex;
    color: var(--color-neutral-darkest);
    font-family: var(--font-porto-bold);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    margin: 0;
    flex-direction: column;
    gap: 5px;
}

.pg-header-box h2>span {
    color: var(--color-neutral-pure);
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.pg-name-file {
    display: flex;
    padding: 2px 10px;
    align-items: center;
    gap: 5px;
    border-radius: 50px;
    border: 1px solid var(--color-neutral-light);
    background: var(--color-neutral-lightest);
}

.pg-form-box {
    padding: 15px;
}

.pg-upload-area {
    border-radius: 10px;
    border: 1px dashed var(--color-neutral-pure);
    padding: 48px;
    text-align: center;
    background: var(--color-neutral-white);
    transition: all 0.3s ease;
    cursor: pointer;
}

.pg-upload-area.file-drag-over {
    border-color: var(--color-primary-darkest);
    background-color: var(--color-secondary-lightest);
    transform: scale(1.01);
}

.pg-upload-area.file-active {
    border-style: solid;
    border-color: var(--color-success-pure);
    background-color: var(--color-success-lightest);
}

.pg-upload-area>div {
    gap: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pg-upload-area i {
    font-size: 40px;
}

.pg-upload-area h5 {
    color: var(--color-neutral-darkest);
    font-family: var(--font-porto-medium);
    font-size: 18px;
    font-style: normal;
    line-height: 14px;
    font-weight: 500;
    margin: 0;
}

.pg-upload-area span {
    display: block;
    color: var(--color-neutral-pure);
    font-family: var(--font-opensans-medium);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
}

.pg-upload-area p {
    color: var(--color-neutral-pure);
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    font-style: normal;
    line-height: 14px;
    margin: 0;
    text-align: left;
}

.pg-footer-box {
    display: flex;
    justify-content: flex-end;
    padding: 15px;
    flex-direction: row;
    gap: 24px;
    border-top: 1px solid var(--color-neutral-lightest);
}

.pg-body-file {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid var(--color-success-pure);
    padding: 10px;
    border-radius: 10px;
}

.pg-body-file i {
    color: var(--color-success-pure);
}

.pg-body-file button i {
    color: var(--color-danger-pure);
    font-size: 20px;
}

.pg-title-file {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.pg-title-file p {
    color: var(--color-neutral-darkest);
}

.pg-title-file span {
    color: var(--color-neutral-pure);
    text-align: left;
    font-size: 12px;
}

.pg-card {
    display: flex;
    padding: 15px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 12px;
    background: var(--color-neutral-white);
    border-radius: 10px;
    box-shadow: var(--box-shadow-box);
    margin-bottom: 30px;
}

.pg-card span {
    font-family: var(--font-opensans-regular);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.pg-card h2 {
    font-family: var(--font-porto-medium);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

.pg-card.success span, .pg-card.success h2 {
    color: var(--color-success-pure);
}

.pg-card.danger span, .pg-card.danger h2 {
    color: var(--color-danger-pure);
}

.pg-content-box {
    padding: 15px;
}

.pg-total-success-card {
    display: flex;
    padding: 15px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    align-self: stretch;
    border-radius: 10px;
    border: 1px solid var(--color-success-light);
    background: var(--color-success-lightest);
    height: 100%;
}

.pg-total-success-card p {
    color: var(--color-success-pure);
    text-align: center;
    font-family: var(--font-porto-semibold);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    margin: 0;
}

.pg-total-success-card h3 {
    color: var(--color-success-pure);
    text-align: center;
    font-family: var(--font-opensans-bold);
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin: 0;
}

.pg-total-success-card small {
    color: var(--color-neutral-pure, #71768E);
    text-align: center;
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.pg-total-danger-card {
    display: flex;
    padding: 15px;
    flex-direction: column;
    gap: 15px;
    border-radius: 10px;
    border: 1px solid var(--color-danger-light);
    background: var(--color-danger-lightest);
    height: 100%;
    justify-content: flex-start;
}

.pg-header-danger-card {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-danger-pure);
    font-family: var(--font-porto-semibold);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
}

.pg-main-erros {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid var(--color-danger-light);
    padding: 15px 0;
}

.pg-main-erros>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-neutral-pure);
    text-align: center;
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
}

.pg-main-erros>div>span {
    color: var(--color-neutral-pure);
    text-align: center;
    font-family: var(--font-opensans-medium);
    font-size: 24px;
    font-style: normal;
    line-height: normal;
}

.pg-main-total-erros {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 0 0;
    color: var(--color-danger-pure);
    text-align: center;
    font-family: var(--font-porto-semibold);
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    gap: 5px;
}

.pg-main-total-erros>span {
    font-family: var(--font-porto-bold);
    font-size: 45px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.btn-custom {
    display: flex;
    height: 30px;
    padding: 12px 16px;
    align-items: center;
    gap: 5px;
    border-radius: 50px;
    border: 1px solid var(--color-danger-pure);
    background: var(--color-danger-pure);
    color: var(--color-neutral-white);
}

.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom:focus:active {
    background: var(--color-danger-light);
    border-color: var(--color-danger-light);
    color: var(--color-danger-pure);
}

.pg-custom-table {
    position: relative;
    padding: 15px;
}

.pg-custom-table .table-responsive {
    position: relative;
    overflow: auto;
    max-height: 600px;
}

.pg-custom-table .table {
    width: max-content;
    min-width: 100%;
    margin-bottom: 0;
    border-collapse: separate;
    border-spacing: 0;
    padding: 0;
}

.pg-custom-table .table th, .pg-custom-table .table>tbody>tr>td {
    white-space: nowrap;
    padding: 5px 8px !important;
}

.pg-custom-table .table thead th {
    position: sticky;
    top: 0;
    z-index: 10;
    background: var(--color-neutral-white);
}

.pg-custom-table .table>thead>tr>th.col-fix-left, .pg-custom-table .table>tbody>tr>td.col-fix-left {
    position: sticky !important;
    left: 0;
    z-index: 10;
    background-color: var(--color-neutral-white) !important;
    border-right: 1px solid var(--color-neutral-light);
    padding: 8px;
}

.pg-custom-table .table>thead>tr>th.col-fix-right, .pg-custom-table .table>tbody>tr>td.col-fix-right {
    position: sticky !important;
    right: 0;
    z-index: 10;
    background-color: #F8FAFC !important;
    border-left: 1px solid var(--color-neutral-light);
    min-width: 250px;
    max-width: 350px;
    white-space: normal;
}

.pg-custom-table thead th.col-fix-left {
    z-index: 30 !important;
    background-color: var(--color-neutral-white);
}

.pg-custom-table thead th.col-fix-right {
    z-index: 30 !important;
    background-color: var(--color-neutral-white);
}

.pg-custom-table .input-edit {
    background: transparent;
    border: 0;
    border-bottom: 1px solid transparent;
    color: var(--color-neutral-pure);
    width: 100%;
    min-width: 160px;
    padding: 5px 0;
    border-radius: 0;
    transition: all 0.2s;
}

.pg-custom-table .input-edit:focus {
    background: var(--color-neutral-white);
    border-color: var(--color-secondary-pure);
    outline: none;
    box-shadow: none;
}

.pg-custom-table .is-invalid-cell {
    border-color: var(--color-danger-pure);
    background: var(--color-danger-lightest);
    color: var(--color-danger-pure);
}

.pg-custom-table .is-invalid-cell:focus {
    border-color: var(--color-danger-pure);
}

.pg-custom-table .col-fix-right ul {
    margin: 0;
    padding-left: 18px;
    font-size: 12px;
    color: var(--color-danger-pure);
}

.pg-custom-modal .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.pg-custom-modal .modal-body i {
    font-size: 50px;
    color: var(--color-primary-darkest);
}

.pg-custom-modal .modal-body h5 {
    font-family: var(--font-porto-medium);
    font-size: 22px;
    margin: 0;
    color: var(--color-neutral-darkest);
}

.pg-custom-modal .modal-body p {
    font-family: var(--font-opensans-regular);
    font-size: 14px;
    margin: 0;
    color: var(--color-neutral-pure);
    text-align: center;
}

.pg-custom-modal .modal-body p>span {
    display: inline-block;
    background: var(--color-secondary-pure);
    color: var(--color-neutral-white);
    border-radius: 30px;
    min-width: 20px;
    padding: 0 10px;
    text-align: center;
}

.pg-custom-modal .modal-content {
    background-color: var(--color-neutral-white);
    border-color: var(--color-neutral-white);
}

.pg-info-send {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.pg-info-send + p {
    text-align: center;
}

.pg-info-send p {
    margin: 0;
    width: 100%;
    text-align: center;
    border-radius: 20px;
}

.pg-info-send p.success {
    background: var(--color-success-lightest);
    color: var(--color-success-pure);
}

.pg-info-send p.danger {
    background: var(--color-danger-lightest);
    color: var(--color-danger-pure);
}

.pg-msg-table {
    text-align: center;
}

/*
* Minhas propostas
* ----------------
*/
.pg-main-filter {
    background: var(--color-neutral-white);
    box-shadow: var(--box-shadow-box);
    border-radius: 10px;
    margin-bottom: 30px;
}

.pg-header-filter h2 {
    color: var(--color-neutral-darkest);
    font-family: var(--font-porto-semibold);
    font-size: 16px;
    font-style: normal;
    line-height: normal;
    margin: 0;
}

.pg-header-filter {
    padding: 15px;
    border-bottom: 1px solid var(--color-neutral-lightest);
}

.pg-body-filter {
    display: flex;
    padding: 15px;
    align-items: flex-end;
    gap: 24px;
}

.pg-main-field {
    width: 100%;
}

.pg-btn-field {
    display: flex;
    gap: 24px;
}

.input-group-text {
    border: none;
    background: transparent;
    color: var(--color-neutral-pure);
    height: 40px;
}

.pg-main-table {
    padding: 15px;
}

.pg-main-download, .pg-main-view {
    display: flex;
    gap: 5px;
    align-items: center;
}

.table> tbody>tr:hover td>a.pg-main-download, .table> tbody>tr:hover td>a.pg-main-view {
    text-decoration: none;
}

.pg-main-download i.alf-u-check-circle {
    color: var(--color-success-pure);
}

.pg-daterangepicker input:disabled {
    background: transparent;
    border-color: transparent;
}

.pg-daterangepicker {
    cursor: pointer;
}

.pg-daterangepicker.input-group:has(input:disabled):hover {
    border-color: var(--color-primary-pure);
}

/*
* Acessos
* -------
*/
.pg-access {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    height: 100dvh;
}

.pg-access img {
    height: 200px;
}

.pg-access h2 {
    margin: 0;
    color: var(--color-primary-pure);
    font-family: var(--font-porto-semibold);
}

.pg-access p {
    margin: 0;
}

/*
* Dashboard
* ---------
*/
.pg-header-dash {
    background: var(--color-neutral-white);
    padding: 10px 0;
    margin-bottom: 30px;
    margin-top: -35px;
    border-bottom: 1px solid var(--color-neutral-lightest);
}

.pg-title-dash {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.pg-header-dash h2 {
    width: 100%;
    font-family: var(--font-opensans-bold);
    font-size: 16px;
    color: var(--color-neutral-darkest);
    margin: 0;
}

.pg-header-dash h2 i {
    color: var(--color-info-pure);
}

.pg-body-dash {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.pg-card-dash {
    display: flex;
    background: var(--color-neutral-white);
    border-radius: 10px;
    padding: 24px;
    flex-direction: column;
    gap: 10px;
    border: 1px solid var(--color-neutral-lightest);
    box-shadow: var(--box-shadow-box);
}

.pg-card-dash b {
    font-size: 24px;
    color: var(--color-neutral-darkest);
}

.pg-card-header-dash {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pg-card-header-dash span {
    color: var(--color-neutral-pure);
    text-transform: uppercase;
    font-family: var(--font-porto-medium);
}

.pg-main-field-filter {
    display: flex;
    min-width: 300px;
    align-items: center;
    gap: 10px;
}

.pg-card-dash i {
    padding: 10px;
    border-radius: 5px;
}

.pg-card-dash.blue i {
    background: var(--color-secondary-light);
    color: var(--color-secondary-dark);
}

.pg-card-dash.red i {
    background: var(--color-danger-lightest);
    color: var(--color-danger-pure);
}

.pg-card-dash.yellow i {
    background: var(--color-warning-lightest);
    color: var(--color-warning-pure);
}

.pg-card-dash.green i {
    background: var(--color-success-lightest);
    color: var(--color-success-pure);
}

.pg-card-dash.purple i {
    background: #f6f2fd;
    color: #8b5cf6;
}

.pg-atualizado {
    display: flex;
    color: var(--color-success-pure);
    font-family: var(--font-porto-medium);
    font-size: 12px;
    align-items: center;
    gap: 5px;
}

.pg-atualizado:before {
    display: block;
    content: '';
    width: 8px;
    height: 8px;
    background: var(--color-success-pure);
    border-radius: 10px;
}

.pg-atualizado button {
    color: var(--color-success-pure);
    font-size: 15px;
    line-height: normal;
    transition: .3s;
}

.pg-atualizado button:hover {
    color: var(--color-success-light);
}

.pg-linha-vertical {
    display: list-item;
    width: 1px;
    background: var(--color-neutral-light);
}

.btn-only-icon {
    background: transparent;
    border: 0;
    padding: 0;
}

/*
* Footer
* ------
*/
footer {
    display: flex;
    background: var(--color-neutral-black);
    align-items: center;
    justify-content: space-between;
    padding: 10px 25px;
    margin: auto 0 0;
}

footer a img {
    height: 30px;
}

footer p {
    color: var(--color-neutral-white);
    text-align: center;
    font-family: var(--font-porto-medium);
    font-size: 12px;
    font-style: normal;
    line-height: normal;
    margin: 0;
}

.pg-social {
    display: flex;
    align-items: center;
    gap: 24px;
}

.pg-social a {
    font-family: var(--font-porto-medium);
    color: var(--color-neutral-white);
    text-decoration: none;
    font-size: 12px;
    transition: .3s;
}

.pg-social a:hover, .pg-social a:focus, .pg-social a:active {
    color: var(--color-neutral-pure);
    text-decoration: none;
}

.pg-social span {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pg-social span a {
    font-size: 20px;
}

.pg-space-footer {
    display: block;
    padding: 32px;
}

/***** Media query all *****/
@media (max-width: 1450px) {
}

/***** Tablet *****/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .pg-body-loggout .pg-not-row {
        display: flex;
        flex-direction: column-reverse;
    }

    .pg-body-loggout .pg-not-row [class*="col-lg-"] {
        width: 100%;
        background-position: top !important;
    }

    .pg-background-loggout {
        height: 200px;
    }

    .pg-form-loggout {
        padding: 24px;
    }

    .table-responsive th, .table-responsive td {
        white-space: nowrap;
    }

    .pg-profile-mobile {
        display: contents;
    }

    .card.nav-profile {
        margin-bottom: 20px !important;
    }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 1.5rem;
    }

    .entitylist-filter .card-body ul.list-inline, .pg-list-historico-cargas #entitylist-filters li:last-child>span {
        gap: 20px;
    }

    .pg-body-dash {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 991.98px) {
    .pg-mobile-header {
        display: flex !important;
    }

    .pg-mobile-header h5 {
        display: flex;
        font-family: var(--font-porto-medium);
        font-size: 14px;
        color: var(--color-primary-darkest);
        margin: 0;
        gap: 10px;
        align-items: center;
    }

    .pg-mobile-header h5 > i {
        font-size: 20px;
    }

    .pg-sidebar-wrapper {
        position: fixed;
        top: 0;
        left: 0;
        width: 310px;
        height: 100vh;
        background-color: var(--color-neutral-white);
        z-index: 1050;
        transform: translateX(-100%);
        transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        flex-direction: column;
        box-shadow: 4px 0 20px rgba(0,0,0,0.1);
    }

    .pg-sidebar-wrapper.pg-open {
        transform: translateX(0);
    }

    .pg-sidebar-menu {
        top: 60px
    }

    .pg-main-wrapper {
        margin: 60px 0 0 0;
    }

    .pg-img-breadcrumb {
        display: none;
    }

    .page-heading .container-fluid {
        flex: auto;
        gap: 20px;
        padding: 16px;
    }

    .page-heading h1 {
        font-size: 32px;
    }

    .page-heading p {
        font-size: 16px;
    }

    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 1.5rem;
    }

    .pg-body-filter {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        justify-items: end;
    }

    .pg-btn-field {
        grid-column-start: 2;
    }

    .entitylist-filter .card-body ul.list-inline {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }

    .pg-body-dash {
        grid-template-columns: repeat(2, 1fr);
    }
}

/***** smartphone *****/
@media (max-width: 767px) {
    .pg-body-loggout .pg-not-row {
        display: flex;
        flex-direction: column-reverse;
    }

    .pg-body-loggout .pg-not-row [class*="col-lg-"] {
        width: 100%;
    }

    .pg-background-loggout {
        height: 200px;
    }

    .pg-form-loggout {
        padding: 24px 16px;
    }

    .pg-img-loggout {
        display: none;
    }

    .view-pagination .pagination {
        padding: 15px;
        margin: 0;
    }

    .table-responsive {
        border: 0;
    }

    .table-responsive.md-border {
        padding: 0;
    }

    .table {
        padding: 0;
    }

    .table-responsive table, .table-responsive thead, .table-responsive tbody, .table-responsive th, .table-responsive td, .table-responsive tr {
        display: block;
    }

    .table-responsive thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-responsive tr {
        border: 1px solid var(--color-neutral-lightest);
        margin-bottom: 30px;
    }

    .table-responsive tr:last-child {
        border-bottom: 0
    }

    .table-responsive .table>tbody>tr>td {
        display: flex;
        position: relative;
        text-align: left;
        padding: 10px 10px!important;
        flex-direction: row;
        border: 0;
        white-space: normal;
        border-top: 1px solid var(--color-neutral-lightest);
        border-bottom: 1px solid var(--color-neutral-lightest);
    }

    .table-responsive td:before {
        content: attr(data-th)":";
        font-weight: 600;
        margin-right: 10px;
        width: auto;
        background-color: transparent;
    }

    .jquery-bootstrap-pagination {
        text-align: left;
    }

    .grid-actions {
        justify-content: space-between;
        align-items: stretch;
        gap: 10px;
        flex-direction: column;
    }

    .view-select, .view-select .dropdown, .view-select .dropdown-menu.show, .view-search.entitylist-search {
        width: 100%;
    }

    td[data-attribute="dan_job_status"]:after {
        content: ' ';
        display: inline-block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        margin: 5px;
        background-color: var(--color-neutral-light);
    }

    td[data-value*="100000003"]:after {
        background-color: var(--color-secondary-lightest);
    }

    td[data-value*="100000004"]:after {
        background-color: var(--color-info-pure);
    }

    td[data-value*="100000000"]:after {
        background-color: var(--color-success-pure);
    }

    td[data-value*="100000001"]:after, td[data-value*="100000002"]:after {
        background-color: var(--color-danger-pure);
    }

    .dropdown .pg-info-user {
        display: none;
    }

    .pg-navbar .pg-logo img {
        height: 20px;
    }

    .pg-content-container {
        margin-top: -34px;
        padding: 16px;
        position: relative;
        z-index: 10;
    }

    .pg-info-card {
        padding: 20px;
    }

    .pg-hero-section {
        padding: 32px 16px;
    }

    footer, .pg-social {
        flex-direction: column;
        gap: 15px;
    }

    footer a img {
        height: 20px;
    }

    .entitylist-filter .card-body ul.list-inline {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .pg-body-filter {
        display: flex;
        gap: 15px;
        flex-direction: column;
    }

    .pg-custom-table .table>thead>tr>th.col-fix-right, .pg-custom-table .table>tbody>tr>td.col-fix-right {
        max-width: 100%;
    }

    .pg-header-danger-card {
        flex-direction: column;
        gap: 10px;
    }

    .pg-header-box {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .pg-total-success-card {
        margin-bottom: 20px;
        height: auto;
    }

    .pg-body-dash {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 24px;
    }

    .pg-title-dash {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }

    .pg-main-field-filter {
        width: 100%
    }

    .pg-linha-vertical {
        display: none;
    }
}