/*Colors*/
:root {
    --black: #000000;
    --black-txt: #2f2f2f;
    --white: #ffffff;
    --eden-red: #F72717;
    --eden-red-cold-white: #F1F7FF;

    --pink: #FF5978;
    --pink-40: #FFBDC9;
    --pink-30: #FFCDD7;
    --pink-20: #FFDEE4;
    --pink-10: #FFEEF2;
    --pink-5: #FFF7F8;
    --pink-light: #FED0C8;

    --cobalt: #0D8AFF;
    --cobalt-40: #9ED0FF;
    --cobalt-30: #B6DCFF;
    --cobalt-20: #CFE8FF;;
    --cobalt-10: #E7F3FF;
    --cobalt-5: #F3F9FF;
    --cobalt-light: #B0EFFF;

    --violet: #711CFF;
    --violet-40: #C6A4FF;
    --violet-30: #D5BBFF;
    --violet-20: #E3D2FF;
    --violet-10: #F1E8FF;;
    --violet-5: #F8F4FF;
    --violet-light: #D0CCFF;

    --mint: #00A184;
    --mint-40: #99DACE;
    --mint-30: #B3E3DA;
    --mint-20: #CCECE6;
    --mint-10: #E6F6F3;
    --mint-5: #F2FAF9;
    --mint-light: #98F6DB;

    --olive: #739A00;
    --olive-40: #C7D799;
    --olive-30: #D5E1B3;
    --olive-20: #E3EBCC;
    --olive-10: #F1F5E6;
    --olive-5: #F8FAF2;
    --olive-light: #DCF691;

    --grey: #6D7787;
    --grey-40: #C5C9CF;
    --grey-30: #D3D6DB;
    --grey-20: #E2E4E7;
    --grey-10: #F0F1F3;
    --grey-8: #F1F1F1;
    --grey-6: #D4D4D4;
    --grey-5: #F8F8F9;
    --grey-1: #2F2F2F;
    --grey-light: #D5D8DD;

    --blue-mobility: #4053AF;
    --orange-br: #F2994A;

}

@font-face {
font-family: 'Edenred';
font-style: normal;
font-weight: normal;
font-display: auto;
src: url("../fonts/edenred.otf");
}

.dash-v2 {
    font-family: Ubuntu;
    overflow: hidden;
}
.dash-v2 .scheme-blue .db-body {
    background-color: #F3F9FF;
}
.dash-v2 .scheme-green .db-body {
    background-color: #F2FAF9;
}
.dash-v2 .scheme-red .db-body {
    background-color: #FFF7F8;
}
.dash-v2 .scheme-purple .db-body {
    background-color: #F8F4FF;
}
.dash-v2 .user-menu-top .MuiAvatar-root {
    border-radius: 12px;
}
.dash-v2 .user-menu-top > a {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="4" viewBox="0 0 11 4"><path d="M1 1.5L4.8 3C5.1 3.2 5.4 3.3 5.6 3.3 5.9 3.3 6.2 3.2 6.5 3L10.2 1.5C10.4 1.5 10.6 1.3 10.6 1 10.6 0.7 10.3 0.4 10 0.4 9.8 0.4 9.6 0.5 9.4 0.6L5.6 2.1 1.8 0.6C1.7 0.5 1.4 0.4 1.3 0.4 0.9 0.4 0.7 0.7 0.7 1 0.7 1.3 0.8 1.5 1 1.5Z" fill="%23333333"/></svg>');
}
.dash-v2 .user-menu-top > a > .user-details h2 {
    color: var(--black-txt);
}

.dash-v2 .main .dash-body {
    background-color: var(--grey-10);
}
.dash-v2 .main .dash-body .db-body {
    padding: 0;
}
.dash-v2 .stop-scrolling {
    overflow-y: hidden !important;
}

.dash-v2 div {
    scrollbar-width: thin;
}
.dash-v2 div::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
.dash-v2 div::-webkit-scrollbar-button {
    width: 8px;
    height: 5px;
}
.dash-v2 div::-webkit-scrollbar-track {
    background: #f8f8f8;
    border: thin solid #eee;
    box-shadow: 0px 0px 3px #f9f9f9 inset;
    border-radius: 2px;
}
.dash-v2 div::-webkit-scrollbar-thumb {
    background-color: #999;
    border: thin solid #eee;
    border-radius: 2px;
}
.dash-v2 .no-padding {
    padding: 0 !important;
}
.dash-v2 .hidden {
    display: none !important;
}
.dash-v2 .capitalyze {
    text-transform: capitalize;
}
.dash-v2 .link-button {
    padding: 7px 24px;
    background-color: transparent;
    border: 1px solid transparent;
    display: flex;
    vertical-align: middle;
}

/* Ant input */
.dash-v2 .ant-input {
    border: 1px solid var(--grey-6);
    padding: 5px 11px 4px 11px;
    border-radius: 4px;
}
.dash-v2 .ant-input-number {
    width: 100%;
}
.dash-v2 .ant-input-prefix svg {
    width: 16px;
    height: 16px;
}
/* End Ant input*/

/* Ant button */
.dash-v2 .ant-btn-primary-disabled, 
.dash-v2 .ant-btn-primary.disabled, 
.dash-v2 .ant-btn-primary[disabled], 
.dash-v2 .ant-btn-primary-disabled:hover, 
.dash-v2 .ant-btn-primary.disabled:hover, 
.dash-v2 .ant-btn-primary[disabled]:hover, 
.dash-v2 .ant-btn-primary-disabled:focus, 
.dash-v2 .ant-btn-primary.disabled:focus, 
.dash-v2 .ant-btn-primary[disabled]:focus, 
.dash-v2 .ant-btn-primary-disabled:active, 
.dash-v2 .ant-btn-primary.disabled:active, 
.dash-v2 .ant-btn-primary[disabled]:active, 
.dash-v2 .ant-btn-primary-disabled.active, 
.dash-v2 .ant-btn-primary.disabled.active, 
.dash-v2 .ant-btn-primary[disabled].active {
    background-color: rgba(0, 0, 0, 0.2);
    color: var(--white);
    border: 0px;
}
/* End Ant button */

/* Ant Collapse */
.dash-v2 .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header {
    padding: 18px;
    padding-right: 40px;
}
.dash-v2 .ant-collapse-header h4.ant-typography, 
.dash-v2 .ant-collapse-header .ant-typography h4 {
    margin-bottom: 0px;
}
.dash-v2 .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
    right: 24px;
    top: 24px;
}
.dash-v2 .ant-collapse-borderless > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
    padding: 18px;
}
/* End Ant collapse */


.dash-v2  .ant-form-vertical .ant-form-item-label, 
.dash-v2  .ant-col-24.ant-form-item-label, 
.dash-v2  .ant-col-xl-24.ant-form-item-label {
    padding: 0 0 4px;
}
.dash-v2 .has-error .ant-form-explain, .has-error .ant-form-split {
    text-align: left;
    color: var(--eden-red);
}
.dash-v2 .ant-form-vertical .ant-form-explain {
    margin: 0px;
    margin-top: 2px;
    font-size: 10px;
}
.dash-v2 .ant-form-explain, .ant-form-extra {
    min-height: 10px;
    line-height: 1;
}
.dash-v2 .ant-form-item {
    margin-bottom: 15px;
}
.dash-v2 .ant-form-vertical .ant-form-item {
    padding-bottom: 0px;
}
/*end goals*/

/*Start - Sort animated*/
.dash-v2 .sort-animated-list {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    color: var(--black-txt);
    background-color: var(--white);
    font-size: 12px;
    border-radius: 6px;
}
.dash-v2 .sort-animated-list ul {
    list-style: none;
}
.dash-v2 .sort-animated-list li {
    background-color: var(--white);
    border: 1px solid var(--grey-10);
    box-sizing: border-box;
    border-radius: 3px;
    text-align: left;
    padding: .3rem .6rem;
    margin: 3px 0px;
    width: 100%;
    transition: all 300ms ease;
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}
.dash-v2 .sort-animated-list li:hover {
    border: 1px solid var(--black-txt);
}
.dash-v2 .sort-animated-list li[disabled] {
    color: var(--grey);
}
.dash-v2 .sort-animated-list li.placeholder {
    background-color: var(--grey-10);
}
/*End - Sort animated*/




/* Start - MainSorter*/
.dash-v2 .main-sorter {
    color: var(--black-txt);
    font-family: Ubuntu;
    font-size: 12px;
    border: 1px solid var(--grey-10);
    border-radius: 10px;
    background-color: var(--white);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, .12);
    margin-top: 17px;
}
.dash-v2 .main-sorter .paper {
    padding: .6rem;
    min-width: 300px;
}
.dash-v2 .main-sorter .sort-animated-list {
    margin-top: .5rem;
}
.dash-v2 .main-sorter .ant-checkbox-wrapper {
    float: right;
    line-height: 1.2;
}
.dash-v2 .main-sorter .ant-checkbox-wrapper .icon {
    border-radius: 50%;
    border: 1px solid var(--grey-10);
    width: 1.1rem;
    height: 1.1rem;
}
.dash-v2 .main-sorter .ant-checkbox-wrapper .icon:hover {
    border: 1px solid var(--black-txt);
}
.dash-v2 .main-sorter .ant-checkbox-wrapper .icon .anticon {
    vertical-align: 0px;
    padding-left: 2px;
}
.dash-v2 .main-sorter .ant-checkbox-wrapper .icon svg {
    width: .7rem;
    height: .7rem;
    fill: var(--black-txt);
}
.dash-v2 .main-sorter .disabled .ant-checkbox-wrapper .icon svg {
    fill: var(--grey);
}
/* End - MainSorter*/


/*Start - Dashboards*/
.dash-v2 .dashboard-area {
    color: var(--black-txt);
    font-family: Ubuntu;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    padding: .5rem;
}
.dash-v2 .dashboard-area .ant-select {
    width: 250px;
}
.dash-v2 .ant-select {
    max-height: 31px;
}
.dash-v2 .ant-select-selection {
    border: 1px solid var(--grey-10);
    border-radius: 15px !important;
    color: var(--black-txt);
    padding: 0;
}
.dash-v2 .ant-select-selection:hover {
    border: 1px solid var(--black-txt);   
}
.dash-v2 .ant-select-arrow .ant-select-arrow-icon svg {
    color: var(--black-txt);
}
.dash-v2 .ant-select-dropdown-menu-item {
    font-size: 12px;
    color: var(--black-txt);
}
.dash-v2 .ant-select-dropdown-menu-item-disabled {
    color: var(--grey-8);
}
.dash-v2 .ant-select-dropdown-menu-item-selected {
    font-weight: 500;
    background-color: var(--grey-10);
}
.dash-v2 .ant-select-dropdown-menu-item:hover:not(.ant-select-dropdown-menu-item-disabled) {
    background-color: var(--grey-20);
}
.ant-dropdown-menu-item:hover, 
.ant-dropdown-menu-submenu-title:hover {
    background-color: var(--eden-red-cold-white);
}
.dash-v2 .ant-select-selection--single {
    height: auto !important;
}

.dash-v2 .ant-select-selection__rendered {
    color: #6D7787;
    font-family: 'Ubuntu';
    font-weight: 400;
    font-style: normal;
    font-size: 12px;

}
.dash-v2 .ant-select-selection--multiple > ul > li, 
.dash-v2 .ant-select-selection--multiple .ant-select-selection__rendered > ul > li {
    margin-top: 5px;
}
.dash-v2 .ant-select-selection__choice {
    margin-right: 2px !important;
}
.dash-v2 .ant-select-selection--multiple .ant-select-selection__choice {
    font-family: Ubuntu;
    font-size: 10px;
    background-color: var(--grey-light);
    padding: 0 20px 0 7px;
}
.dash-v2 .ant-select-selection--multiple .ant-select-selection__rendered {
    margin-left: 4px;
}
.dash-v2 .ant-select-selection--multiple .ant-select-selection__choice__content {
    border-right: 1px solid var(--grey-light);
    padding-right: 4px;
    color: var(--black-txt);
}
.dash-v2 .ant-select-selection__choice__remove {
    color: var(--black-txt);
}
.dash-v2 .ant-select-selection__choice__remove:hover {
    color: var(--black);
}
.dash-v2 .ant-select-selection__choice__remove svg {
    color: var(--white);
    background-color: var(--black);
    width: 16px;
    height: 16px;
    padding: 3px;
    margin-top: 2px;
    border-radius: 50%;
}
.basic-crud-form .ant-select-selection { 
    border: 1px solid var(--grey-6);
    border-radius: 4px !important;
}
.basic-crud-form .ant-select-arrow .ant-select-arrow-icon svg { 
    color: var(--grey-6);
}
.dash-v2 .ant-select-search__field {
    font-size: 10px !important;
    font-family: Ubuntu;
    left: 0px;
    top: -2px;
    width: 100% !important;
    padding: 0px !important;
}
.dash-v2 .ant-select-search {
    min-width: 50px;
}


.dash-v2 .dashboard-area .widget-container {
    margin: 0px;
    width: 100%;
    padding: .5rem;
}
.dash-v2 .dashboard-area .widget-container .widget {
    background-color: var(--white);
    border: 1px solid var(--grey-10);
    box-sizing: border-box;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    margin-bottom: 1.1rem;
    padding: 0px;
    position: relative;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area {
    border-bottom: 1px solid var(--grey-10);
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .title h1 {
    font-family: Edenred; /*Poner aca Edenred*/
    color: black;
    font-size: 18px;
    font-weight: 600;
    margin: 0px;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .ant-select {
    width: 100% !important;
}
@media (min-width: 1000px) {
    .dash-v2 .dashboard-area .widget-container .widget .title-area .options {
        grid-template-columns: auto auto;
    }
    .dash-v2 .dashboard-area .widget-container .widget .title-area .options .groups .ant-select {
        width: 100% !important;
    }
}
@media (min-width: 1200px) {
    .dash-v2 .dashboard-area .widget-container .widget .title-area .options {
        grid-template-columns: 1fr auto auto auto auto;
    }
    .dash-v2 .dashboard-area .widget-container .widget .title-area .options .groups .ant-select {
        width: 200px !important;
    }
    .dash-v2 .dashboard-area .widget-container .widget .title-area .options .children .ant-select {
        width: 250px !important;
    }
    .dash-v2 .dashboard-area .widget-container .widget .title-area {
        grid-template-columns: 1fr auto auto;
    }
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .compare {
    padding-top: 4px;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .compare span {
    margin-left: 5px;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .ant-switch {
    height: 16px;
    min-width: 50px;
    background-color: var(--grey-10);
    border: 1px solid var(--grey-20);
}
.dash-v2 .ant-switch-checked {
    background-color: var(--grey-10);
    border: 1px solid var(--grey-20);
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .ant-switch-loading-icon, 
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .ant-switch::after {
    width: 26px;
    height: 26px;
    left: -1px;
    top: -6px;
    background-color: var(--grey-5);
}
.dash-v2 .ant-switch-checked::after {
    background-color: var(--black);
    left: calc(100% + 2px) !important;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .calendars {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    width: 230px;
    transition: width 1s ease;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .calendars.multiple {
    grid-template-columns: repeat(2, 1fr);
    width: 400px;
}
.dash-v2 .ant-calendar-picker {
    width: 230px;
}
.basic-crud-form .ant-calendar-picker { 
    width: 100%;
}
.dash-v2 .ant-calendar-picker .ant-input {
    border: 1px solid var(--grey-10);
    border-radius: 15px;
    color: var(--black-txt);
}
.basic-crud-form .ant-calendar-picker .ant-input { 
    border: 1px solid var(--grey-6);
    border-radius: 4px;
    color: var(--black-txt);
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .calendars.multiple .calendar-a,
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .calendars.multiple .calendar-b {
    position: relative;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .calendars.multiple .calendar-a .ant-input {
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .calendars.multiple .calendar-b .ant-input {
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-left: 0px;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .calendars.multiple .calendar-a .a,
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .calendars.multiple .calendar-b .b {
    font-weight: 600;
    font-size: 12px;
    position: absolute;
    z-index: 10;
    top: 7px;
    left: 7px;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .calendars.multiple .ant-calendar-picker {
    width: 200px;
}
.dash-v2 .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
    border-color: var(--black-txt);
}
.basic-crud-form .ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) { 
    border-color: var(--gray-6);
}
.dash-v2 .ant-calendar-picker .ant-calendar-picker-icon {
    color: var(--black-txt);
    left: 12px;
    font-size: 18px;
    top: 44%;
}
.dash-v2 .ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
    border-color: var(--black-txt);
    box-shadow: 0 0 0 2px var(--grey-5);
    -webkit-box-shadow: 0 0 0 2px var(--grey-5);
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .calendars.multiple .ant-calendar-picker-icon {
    display: none;
}
.dash-v2 .ant-calendar-range-picker-input {
    text-align: left;
}
.dash-v2 .ant-calendar-range-picker-separator {
    min-width: 16px;
}
.dash-v2 .ant-calendar-range-picker-input:first-child {
    text-align: right;
}
.dash-v2 .ant-calendar-range .ant-calendar-in-range-cell::before{
    background-color: var(--grey-8);
}
.dash-v2 .ant-calendar-range .ant-calendar-date {
    font-family: 'Montserrat';
}
.dash-v2 .ant-calendar-header {
    font-family: 'Montserrat';
}
.dash-v2 .ant-calendar-today .ant-calendar-date {
    color: var(--black-txt);
    border-color: transparent;
    background-color: transparent;
    border-radius: 50%;
}
.dash-v2 .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date, 
.dash-v2 .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover,
.dash-v2 .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date, 
.dash-v2 .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover,
.dash-v2 .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date, 
.dash-v2 .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date,
.dash-v2 .ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover, 
.dash-v2 .ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
    color: var(--white);
    background: var(--black);
    border: 1px solid transparent;
    border-radius: 50%;
}
.dash-v2 .ant-calendar-date:hover,
.dash-v2 .ant-calendar-date:active {
    background-color: var(--grey-10);
    border: 1px solid transparent;
    border-radius: 50%;
}
.dash-v2 .ant-calendar-range .ant-calendar-body, 
.dash-v2 .ant-calendar-range .ant-calendar-month-panel-body, 
.dash-v2 .ant-calendar-range .ant-calendar-year-panel-body, 
.dash-v2 .ant-calendar-range .ant-calendar-decade-panel-body {
    border-top: 0px;
}
.dash-v2 .ant-calendar-footer .ant-tag {
    color: var(--black-txt);
    background: var(--white);
    border-color: var(--black-txt);
    border-radius: 30px;
    margin: 8px;
}
.dash-v2 .ant-calendar-column-header .ant-calendar-column-header-inner {
    font-family: Montserrat;
    font-weight: 600;
    font-style: normal;
    font-size: 10px;
    line-height: 12px;
    color: var(--grey-1);
    text-transform: uppercase;
}
.dash-v2 i.anticon.anticon-calendar.ant-calendar-picker-icon {
    color: var(--grey-30) !important;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .options .ant-calendar-picker {
    float: right;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .export {
    padding-left: 10px;
    line-height: 1;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .export .anticon {
    color: var(--black-txt);
    border: 1px solid var(--grey-10);
    border-radius: 6px;
    padding: 8px;
}
.dash-v2 .dashboard-area .widget-container .widget .title-area .export .anticon:hover {
    cursor: pointer;
    color: var(--white);
    background-color: var(--blue-mobility);
}


.dash-v2 .dashboard-area .widget-container .widget .content-area {
    padding: 1rem;
}

.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple {
    width: 100%;
    border: 1px solid var(--grey-10);
    padding: .5rem;
    border-radius: 10px;
    display: inline-grid;
    min-height: 110px;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .title {
    font-weight: 600;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .title a {
    color: var(--black-txt);
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .title a:hover {
    color: var(--black);
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .value {
    font-size: 20px;
    font-weight: 600;
    margin-top: 1rem;
    max-height: 32px;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple.multiple .values .value:after {
    content: "/";
    padding: 0px .2rem;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple.multiple .values .value:last-child:after {
    content: "";
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .variation {
    position: relative;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .variation > span {
    font-weight: 600;
    background-color: var(--grey-10);
    border-radius: 4px;
    padding: 5px 10px;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .variation > span .arrow {
    font-size: 1rem;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .variation > span .arrow.down {
    transform: rotate(90deg);
    padding-left: 5px;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .variation > span .arrow.up {
    transform: rotate(270deg);
    padding-right: 5px;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .plus {
    border: 1px solid var(--grey-10);
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    padding: 4px;
    cursor: pointer;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .plus svg {
    width: 1.2rem !important;
    height: 1.2rem !important;
    fill: var(--black-txt) !important;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .plus:hover {
    border: 1px solid var(--black-txt);
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .plus:hover svg {
    fill: var(--black-txt) !important;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .floating {
    border: 0;
    position: absolute;
    top: 0px;
    right: 0px;
    height: 26px;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .floating > svg {
    border: 1px solid var(--grey-10);
    border-radius: 4px;
    padding: 3px;
    stroke: var(--black-txt);
    width: 26px;
    height: 26px;
    cursor: pointer;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple .floating > svg:hover {
    border: 1px solid var(--black);
    stroke: var(--black);
}

.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle {
    font-size: 18px;
    color: var(--black-txt);
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle .external-ring,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle .external-ring {
    border: 2px solid transparent;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    padding: 8px;
    transition: border 500ms ease;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle .external-ring.selectable:hover,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle .external-ring.selectable:hover {
    border: 2px solid var(--grey-10);
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle.checked.red .external-ring,
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle.red .external-ring.selectable:hover,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle.red .external-ring.selectable:hover,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle.checked.red .external-ring {
    border: 2px solid rgba(247, 39, 23, 0.25);
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle.checked.yellow .external-ring,
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle.yellow .external-ring.selectable:hover,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle.yellow .external-ring.selectable:hover,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle.checked.yellow .external-ring {
    border: 2px solid rgba(252, 197, 40, 0.25);
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle.checked.green .external-ring,
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle.green .external-ring.selectable:hover,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle.green .external-ring.selectable:hover,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle.checked.green .external-ring {
    border: 2px solid var(--mint-40)
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle .internal-ring,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle .internal-ring {
    border: 10px solid var(--grey-10);
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle.red .internal-ring,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle.red .internal-ring {
    border: 10px solid var(--eden-red);
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle.green .internal-ring,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle.green .internal-ring {
    border: 10px solid var(--mint);
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle.yellow .internal-ring,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle.yellow .internal-ring {
    border: 10px solid #FCC528;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle .internal-ring.selectable,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle .internal-ring.selectable {
    cursor: pointer;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle .internal-ring .value,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle .internal-ring .value {
    font-weight: 700;
    line-height: 100px;
    vertical-align: middle;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle .title > span,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle .title > span {
    min-width: 140px;
    padding: 5px;
    padding-left: .5rem;
    padding-right: .5rem;
    border-radius: 8px;
    display: inline-block;
    font-weight: 400;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle.checked.red .title > span,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle.checked.red .title > span {
    background-color: var(--eden-red);
    color: var(--white);
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle.checked.yellow .title > span,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle.checked.yellow .title > span {
    background-color: #FCC528;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle.checked.green .title > span,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle.checked.green .title > span {
    background-color: var(--mint);
    color: var(--white);
}
.dash-v2 .dashboard-area .widget-container .widget .content-area .indicator-simple-circle.checked .anticon,
.dashboard-area.alerts-resume .widget-container .widget .content-area .indicator-simple-circle.checked .anticon {
    color: var(--black-txt);
    font-size: 14px;
    padding: 4px;
    background-color: var(--white);
    border-radius: 50%;
    margin-right: .5rem;
}
.dashboard-area.alerts-resume .content-area > .ant-row {
    padding-bottom: 22px;
}
.dash-v2 .table-values {
    color: var(--black-txt);
    border: .6px solid var(--grey-10);
    font-size: 12px;
    border-radius: 6px;
    overflow: hidden;
}
.dash-v2 .table-values table {
    width: 100%;
}
.dash-v2 .table-values table th {
    font-weight: 400;
}
.dash-v2 .table-values table th,
.dash-v2 .table-values table td {
    padding: 4px 6px;
    border-left: .6px solid var(--grey-10);
    border-bottom: .6px solid var(--grey-10);
}
.dash-v2 .table-values table th:first-child,
.dash-v2 .table-values table td:first-child {
    border-left: 0px;
}
.dash-v2 .table-values table tr:last-child td {
    border-bottom: 0px;
}
.dash-v2 .table-values table th.name,
.dash-v2 .table-values table td.name {
    text-align: left;
}
.dash-v2 .table-values table th.value,
.dash-v2 .table-values table td.value {
    text-align: right;
    width: 30%;
    min-width: 150px;
}
.dash-v2 .table-values table th.name .stats {
    float: right;
    border: 1px solid;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    line-height: 1;
    text-align: center;
}
.dash-v2 .table-values table th.name .stats:hover {
    cursor: pointer;
}
.dash-v2 .table-values table th.name .stats i {
    font-size: 9px;
}
.dash-v2 .table-values table th.value {
    font-weight: 700;
}
.dash-v2 .table-values .footer-values
{
    display: flex;
    justify-content: flex-end;
}
.dash-v2 .table-values .footer-values .stats
{
    font-family: Ubuntu;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    color: var(--grey-1);;
    font-style: normal;
    margin-right: 6px;
}


.dash-v2 .table-values .footer-values .footer-values-icon
{
    width: 14px;
    height: 14px;
    cursor: pointer;
}

.dash-v2 .pagination-section {
    padding: 22px;
    padding-top: 0px;
    text-align: left;
    position: relative;
    font-size: 13px;
    
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: .5rem;
    margin-top: 6px;
}
.dash-v2 .pagination-section .pagination-section-left {
    display: flex;
}
.dash-v2 .pagination-section .pagination-section-left .ant-pagination-prev,
.dash-v2 .pagination-section .pagination-section-left .ant-pagination-item,
.dash-v2 .pagination-section .pagination-section-left .ant-pagination-next,
.dash-v2 .pagination-section .pagination-section-left .ant-pagination-jump-next {
    display: none;
}
.dash-v2 .pagination-section .pagination-section-left .ant-pagination-options {
    margin-left: 0px;
}
.dash-v2 .pagination-section .pagination-section-right {
    text-align: right;
}
.dash-v2 .pagination-section .pagination-section-right .ant-pagination-item-ellipsis {
    color: var(--black);
}
.dash-v2 .pagination-section .pagination-section-right .ant-pagination-jump-prev:focus .ant-pagination-item-ellipsis, 
.dash-v2 .pagination-section .pagination-section-right .ant-pagination-jump-next:focus .ant-pagination-item-ellipsis, 
.dash-v2 .pagination-section .pagination-section-right .ant-pagination-jump-prev:hover .ant-pagination-item-ellipsis, 
.dash-v2 .pagination-section .pagination-section-right .ant-pagination-jump-next:hover .ant-pagination-item-ellipsis {
    opacity: 1;
}
.dash-v2 .pagination-section .pagination-section-right .ant-pagination-jump-prev:focus .ant-pagination-item-link-icon,
.dash-v2 .pagination-section .pagination-section-right .ant-pagination-jump-next:focus .ant-pagination-item-link-icon,
.dash-v2 .pagination-section .pagination-section-right .ant-pagination-jump-prev:hover .ant-pagination-item-link-icon,
.dash-v2 .pagination-section .pagination-section-right .ant-pagination-jump-next:hover .ant-pagination-item-link-icon {
    opacity: 0;
}

.dash-v2 .pagination-section .pagerInfo {
    color: var(--grey);
    font-size: 14px;
    font-weight: 500;
    margin-top: auto;
    margin-bottom: auto;
}
.dash-v2 .ant-pagination {
    display: inline-block;
}
.dash-v2 .ant-pagination .ant-select {
    width: auto !important;
}
.dash-v2 .ant-pagination .ant-select-selection {
    border: 1px solid var(--grey-light);
    border-radius: 6px !important;
}
.dash-v2 .ant-pagination .ant-select-selection--single {
    height: auto !important;
    padding: 0;
}
.dash-v2 .ant-pagination .ant-select-selection .ant-select-selection__rendered {
    margin-left: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-right: 0px;
}
.dash-v2 .ant-pagination .ant-select-selection .ant-select-arrow {
    right: 6px;
    color: var(--grey);
}
.dash-v2 .ant-pagination-prev .ant-pagination-item-link, 
.dash-v2 .ant-pagination-next .ant-pagination-item-link {
    border-radius: 6px;
    border: 0;
    color: var(--black-txt);
}
.dash-v2 .ant-pagination-prev:hover,
.dash-v2 .ant-pagination-next:hover,
.dash-v2 .ant-pagination-prev .ant-pagination-item-link:hover, 
.dash-v2 .ant-pagination-next .ant-pagination-item-link:hover {
    background-color: transparent;
    color: var(--black);
}
.dash-v2 .ant-pagination .ant-pagination-item {
    font-family: 'Montserrat';
    font-size: 14px;
    font-weight: 600;
    background-color: transparent;
    border: 0;
    color: var(--black);
}
.dash-v2 .ant-pagination .ant-pagination-item {
    color: var(--black);
}
.dash-v2 .ant-pagination .ant-pagination-item:hover a {
    color: var(--black);
}
.dash-v2 .ant-pagination .ant-pagination-item-active {
    background-color: var(--black);
    color: var(--white);
    font-weight: 700;
    border-radius: 8px;
}
.dash-v2 .ant-pagination .ant-pagination-item-active a,
.dash-v2 .ant-pagination .ant-pagination-item-active:hover a {
    color: var(--white);
}
.dash-v2 .ant-pagination .ant-pagination-disabled a, 
.dash-v2 .ant-pagination .ant-pagination-disabled:hover a, 
.dash-v2 .ant-pagination .ant-pagination-disabled:focus a {
    color: var(--grey-40);
    background-color: var(--white);
}

.dash-v2 .tag-selector {
    font-size: 13px;
    font-weight: 400;
    color: var(--grey-30);

    display: flex;
    flex: auto;
    flex-wrap: wrap;
    max-width: 100%;
}
.dash-v2 .tag-selector .tag-selector-item {
    padding: 0px;
    margin-right: 10px;
    min-height: 32px;
    height: 32px;
    width: fit-content;
}
.dash-v2 .tag-selector .tag-selector-item.checked {
    color: var(--black-txt);
}
.dash-v2 .tag-selector .tag-selector-item .text {
    padding: 7px 10px;
    border: 1px solid var(--grey-10);
    border-radius: 70px 0px 0px 70px;
    text-transform: capitalize;
    height: 32px;
}
.dash-v2 .tag-selector .tag-selector-item .icon {
    border: 1px solid var(--grey-10);
    border-left: 0px;
    border-radius: 0px 70px 70px 0px;
    padding: 7px 10px;
    height: 32px;
}
.dash-v2 .tag-selector .tag-selector-item .icon:hover {
    cursor: pointer;
    background-color: var(--black-txt);
    color: var(--white);
}
.dash-v2 .tag-selector span.plus {
    border: 1px solid var(--grey-10);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 4px;
    margin-top: -5px;
}
.dash-v2 .tag-selector span.plus:hover {
    color: var(--white);
    background-color: var(--blue-mobility);
    cursor: pointer;
}
.dash-v2 .tag-selector .paper {
    padding: 0px;
}
.dash-v2 .tag-selector .paper > div {
    width: 100%;
}
.dash-v2 .tag-selector .paper > div > div {
    border-bottom: 1px solid var(--grey-10);
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
}
.dash-v2 .tag-selector .paper > div > ul {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    text-align: left;
}
.dash-v2 .tag-selector .paper > div > ul li {
    padding: 0px 10px;
    margin-bottom: 6px;
    display: grid;
    grid-template-columns: 25px 1fr;
}
/*End - Dashboards*/


/* Start - tooltip*/
.dash-v2 .MuiTooltip-popper {
    top: 12px !important;
}
.dash-v2 .MuiTooltip-tooltip {
    color: var(--black-txt);
    background-color: var(--white);
    border: 1px solid var(--grey-10);
}
.dash-v2 .MuiTooltip-arrow::before {
    color: var(--white);
    border: 1px solid var(--grey-10);
}
/* End - tooltip*/


/* Start Hightchart */
.dash-v2 .type-exclusive-tco-totals .highcharts-legend-item span {
    font-family: Ubuntu !important;
    font-size: 10px !important;
    color: var(--black-txt) !important;
    overflow: inherit !important;
    font-weight: 400;
}
.dash-v2 .type-exclusive-tco-totals .highcharts-tooltip {
    text-align: center;
    padding: 6px;
}
.dash-v2 .type-exclusive-tco-totals .highcharts-tooltip > span {
    display: grid;
}
.dash-v2 .type-exclusive-tco-totals .highcharts-tooltip span,
.dash-v2 .type-exclusive-tco-totals .highcharts-tooltip strong {
    font-family: Ubuntu !important;
    color: var(--black-txt) !important;
}
.dash-v2 .type-exclusive-tco-totals .highcharts-tooltip span {
    font-size: 10px !important;
    font-weight: 400;
}
.dash-v2 .type-exclusive-tco-totals .highcharts-tooltip strong {
    font-weight: 600;
    margin-bottom: 6px;
    border: 1px solid var(--grey-10);
    padding: 4px;
}
.dash-v2 .type-exclusive-tco-totals .highcharts-axis-labels {
    font-family: Ubuntu !important;
    font-size: 10px !important;
    font-weight: 400;
    color: var(--black-txt);
    text-align: center;
    cursor: pointer;
}
.dash-v2 .type-exclusive-tco-totals .highcharts-axis-labels > span {
    font-family: Ubuntu !important;
    font-size: 10px !important;
    font-weight: 400;
    color: var(--black-txt);
    cursor: pointer !important;
}
.dash-v2 .type-exclusive-tco-totals .highcharts-data-label > span {
    color: var(--black-txt) !important;
    font-family: Ubuntu !important;
}
.dash-v2 .type-exclusive-tco-totals .donuts-chart-section > span {
    font-weight: 600;
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts {
    border: 2px solid var(--grey-10);
    border-radius: 10px;
    margin-bottom: 1rem;
    position: relative;
    margin-top: 1rem;
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts .container {
    padding-top: 1rem;
    display: grid;
    grid-template-columns: 33% 34% 33%;
    font-size: 10px;
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts .period {
    font-size: 10px;
    background-color: var(--grey-5);
    padding: 4px 6px;
    border-radius: 4px;
    z-index: 10;
    margin: 0 auto;
    width: 260px;
    position: absolute;
    top: -11px;
    left: calc(50% - 130px);
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts .period strong {
    margin-right: 6px;
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts .container > div {
    /*border: 1px solid red;*/
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts .container > div:first-child {
    padding-left: .6rem;
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts .container > div:last-child {
    padding-right: .6rem;
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts .container .indicator {
    border: 1px solid var(--grey-10);
    padding: .6rem;
    border-radius: 6px;
    color: var(--black-txt);
    text-align: left;
    margin-top: 10%;
    display: grid;
    grid-template-columns: 30px 1fr;
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts .container .indicator > div:first-child {
    color: grey;
    font-size: 20px;
    line-height: 1;
    padding-top: 6px;
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts .container .indicator > div:last-child {
    display: grid;
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts .container .indicator > div:last-child strong {
    font-size: 12px;
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts .container .indicator > div:last-child span {
    text-transform: uppercase;
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts .highcharts-title {
    font-family: Ubuntu !important;
    font-size: 12px !important;
    padding-top: 2px;
    font-weight: 600;
}
.dash-v2 .type-exclusive-tco-totals .type-exclusive-tco-totals-donuts .highcharts-no-data text {
    color: transparent !important;
    fill: transparent !important;
}
.title-area.view-mode.total-cost-detail {
    display: none !important;
}
.dash-v2 .dashboard-area .widget-container .widget .content-area.view-mode {
    padding: 0px;
}

.dash-v2 .type-exclusive-tco-operational {
    font-family: Ubuntu;
}
.dash-v2 .type-exclusive-tco-operational .traffic-light {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1rem;
}
.dash-v2 .type-exclusive-tco-operational .table-area {
    border: 1px solid var(--grey-10);
    border-radius: 10px;
    margin-top: 1rem;
    padding: 0px;
}
.dash-v2 .type-exclusive-tco-operational .table-area .table-title {
    padding: 1rem;
    display: grid;
    grid-template-columns: 1fr auto;
}
.dash-v2 .type-exclusive-tco-operational .table-area .table-title > div:first-child {
    text-align: left;
    font-size: 15px;
}
.dash-v2 .type-exclusive-tco-operational .ant-table,
.upload-data-container .ant-table,
.basic-crud-container .ant-table, 
.upload-modal .ant-table {
    font-family: Ubuntu;
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    color: var(--black-txt);
}
.dash-v2 .type-exclusive-tco-operational .ant-table table,
.basic-crud-container .ant-table table, 
.upload-data-container .ant-table table {
    max-width: 100%;
    table-layout: fixed;
    border-top: 0px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.dash-v2 .ant-table-thead > tr > th {
    background: var(--grey-10);
    border-bottom: 1px solid var(--grey-light);
}
.ant-table-small{
    border: 0px solid #e8e8e8 !important;
    border-radius: 4px;
}
.ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th {
    background: var(--grey-10) !important;
    border-bottom: 1px solid var(--grey-light) !important;
}
.dash-v2 .type-exclusive-tco-operational .ant-table-thead > tr > th, 
.dash-v2 .type-exclusive-tco-operational .ant-table-tbody > tr > td,
.basic-crud-container .ant-table-thead > tr > th, 
.basic-crud-container .ant-table-tbody > tr > td, 
.upload-data-container .ant-table-thead > tr > th,
.upload-data-container .ant-table-tbody > tr > td {
    padding: .85rem;
    border-right: 0px;
}
.dash-v2 .type-exclusive-tco-operational .ant-table-thead > tr > th:first-child, 
.dash-v2 .type-exclusive-tco-operational .ant-table-tbody > tr > td:first-child {
    padding-left: 18px;
}
.dash-v2 .type-exclusive-tco-operational .ant-table-thead > tr > th:last-child, 
.dash-v2 .type-exclusive-tco-operational .ant-table-tbody > tr > td:last-child,
.basic-crud-container .ant-table-thead > tr > th:last-child, 
.basic-crud-container .ant-table-tbody > tr > td:last-child, 
.upload-data-container .ant-table-thead > tr > th:last-child,
.upload-data-container .ant-table-tbody > tr > td:last-child {
    border-right: 0px solid transparent;
}
.dash-v2 .ant-table-thead > tr:first-child > th:first-child {
    border-top-left-radius: 0px;
}
.dash-v2 .ant-table-thead > tr:first-child > th:last-child {
    border-top-right-radius: 0px;
}
.dash-v2 .type-exclusive-tco-operational .ant-table-tbody > tr > td,
.basic-crud-container .ant-table-tbody > tr > td, 
.upload-data-container .ant-table-tbody > tr > td {
    border-bottom: 1px solid var(--grey-30);
}
.dash-v2 .type-exclusive-tco-operational .ant-table-tbody > tr:last-child > td {
    border-bottom: 0px;
}
.dash-v2 .type-exclusive-tco-operational .ant-table .selected td:first-child {
    font-weight: 700;
}
.dash-v2 .type-exclusive-tco-operational .ant-table .ant-table-header-column .ant-table-column-sorters,
.basic-crud-container .ant-table .ant-table-header-column .ant-table-column-sorters, 
.upload-data-container .ant-table .ant-table-header-column .ant-table-column-sorters {
    display: flex;
}
.dash-v2 .type-exclusive-tco-operational .ant-table .ant-table-header-column .ant-table-column-sorters .ant-table-column-sorter,
.basic-crud-container .ant-table .ant-table-header-column .ant-table-column-sorters .ant-table-column-sorter, 
.upload-data-container .ant-table .ant-table-header-column .ant-table-column-sorters .ant-table-column-sorter {
    order: 1;
    padding-top: 2px;
    padding-right: 3px;
}
.dash-v2 .type-exclusive-tco-operational .ant-table .ant-table-header-column .ant-table-column-sorters .ant-table-column-sorter > div,
.basic-crud-container .ant-table .ant-table-header-column .ant-table-column-sorters .ant-table-column-sorter > div, 
.upload-data-container .ant-table .ant-table-header-column .ant-table-column-sorters .ant-table-column-sorter > div {
    margin-top: 0px;
    margin-left: 0px;
    height: auto;
}
.dash-v2 .type-exclusive-tco-operational .ant-table .ant-table-header-column .ant-table-column-sorters .ant-table-column-title,
.basic-crud-container .ant-table .ant-table-header-column .ant-table-column-sorters .ant-table-column-title, 
.upload-data-container .ant-table .ant-table-header-column .ant-table-column-sorters .ant-table-column-title {
    order: 2;
}
.dash-v2 .type-exclusive-tco-operational .ant-table .ant-table-content .ant-table-scroll div.ant-table-body,
.basic-crud-container .ant-table .ant-table-content .ant-table-scroll div.ant-table-body, 
.upload-data-container .ant-table .ant-table-content .ant-table-scroll div.ant-table-body {
    overflow-x: auto !important;
}
.dash-v2 .type-exclusive-tco-operational .ant-table .ant-table-content .ant-table-fixed-left,
.basic-crud-container .ant-table .ant-table-content .ant-table-fixed-left, 
.upload-data-container .ant-table .ant-table-content .ant-table-fixed-left {
    border-bottom-left-radius: 10px;
    /*border-right: 1px solid var(--grey-10);*/
}
.dash-v2 .type-exclusive-tco-operational .ant-table .ant-table-content .ant-table-fixed-right,
.basic-crud-container .ant-table .ant-table-content .ant-table-fixed-right, 
.upload-data-container .ant-table .ant-table-content .ant-table-fixed-right {
    border-bottom-right-radius: 10px;
}
.dash-v2 .type-exclusive-tco-operational .ant-table-content td.high {
    padding-bottom: calc(.85rem - 4px);
    border-bottom: 4px solid var(--pink) !important;
}
.dash-v2 .type-exclusive-tco-operational .ant-table-content td.warning {
    padding-bottom: calc(.85rem - 4px);
    border-bottom: 4px solid #FCC528 !important;
}
.dash-v2 .ant-table-wrapper.no-border .ant-table-small,
.dash-v2 .ant-table-wrapper.no-border .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr,
.dash-v2 .ant-table-wrapper.no-border .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
.dash-v2 .ant-table-wrapper.no-border .ant-table-tbody > tr > td,
.dash-v2 .ant-table-wrapper.no-border .ant-table-placeholder {
    border: 0px solid transparent;
    border-bottom: 0px solid transparent;
    border-top: 0px solid transparent;
}
.dash-v2 .type-exclusive-tco-operational .ant-checkbox-wrapper {
    margin-right: 10px;
}
.dash-v2 .type-exclusive-tco-operational .ant-checkbox-inner {
    width: 22px;
    height: 22px;
    border-radius: 6px;
}
.dash-v2 .type-exclusive-tco-operational .ant-checkbox-inner::after {
    margin-left: 2px;
}
.dash-v2 .type-exclusive-tco-operational .ant-checkbox-checked::after {
    border-radius: 6px;
    border: 1px solid var(--black-txt);
}
.dash-v2 .type-exclusive-tco-operational td .view-plate-column {
    width: 100%;
    position: relative;
}
.dash-v2 .type-exclusive-tco-operational td .view-plate-column .anticon {
    border: 1px solid var(--grey-10);
    border-radius: 4px;
    background-color: var(--white);
    position: absolute;
    left: 25%;
    top: -5px;
    padding: 7px;
}
.dash-v2 .type-exclusive-tco-operational td .view-plate-column .anticon:hover {
    cursor: pointer;
    background-color: var(--blue-mobility);
    color: var(--white);
}
.dash-v2 .type-exclusive-tco-operational td.fixed-left > div {
    max-width: calc(210px - 31px); /*column width - padding*/
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.dash-v2 .type-exclusive-tco-operational td .view-plate-column-disabled {
    width: 100%;
    position: relative;
}
.dash-v2 .type-exclusive-tco-operational td .view-plate-column-disabled .anticon {
    position: absolute;
    left: 25%;
    top: -5px;
    padding: 7px;
}
.dash-v2 .type-exclusive-tco-operational .tco-ideal {
    color: var(--black-txt);

}
.dash-v2 .type-exclusive-tco-operational .tco-ideal span.title {
    font-size: 18px;
    font-weight: 700;
}
.dash-v2 .type-exclusive-tco-operational .tco-ideal div.indicators {
    margin-top: 10px;
    border: 2px solid var(--grey-10);
    border-radius: 12px;
    padding: 20px;
    
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.dash-v2 .type-exclusive-tco-operational .tco-ideal div.indicators .indicator {
    font-size: 15px;
    display: grid;
    text-align: left;
}
.dash-v2 .type-exclusive-tco-operational .tco-ideal div.indicators .indicator .title {
    font-size: 15px;
    font-weight: 700;
    text-align: left;
}
.dash-v2 .type-exclusive-tco-operational .tco-ideal div.indicators .indicator .value {
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    text-align: left;
    margin-top: 10px;
}
.dash-v2 .type-exclusive-tco-operational .tco-ideal div.indicators .indicator.disabled .title,
.dash-v2 .type-exclusive-tco-operational .tco-ideal div.indicators .indicator.disabled .value {
    color: var(--grey-light);
}

.dash-v2 .type-exclusive-tco-operational-switch {
    padding-top: 4px;
    font-size: 15px;
}
.dash-v2 .type-exclusive-tco-operational-switch span {
    text-transform: capitalize;
}
.dash-v2 .type-exclusive-tco-operational-switch span:first-child {
    margin-right: 10px;
}
.dash-v2 .type-exclusive-tco-operational-switch span:last-child {
    margin-left: 10px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-area {
    border: 1px solid var(--grey-10);
    padding: 0px;
    border-radius: 10px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-title {
    width: 100%;
    grid-template-columns: 1fr auto;
    display: grid;
    padding: 1rem;
    border-bottom: 1px solid var(--grey-10);
}
.dash-v2 .type-exclusive-tco-operational .cluster-title .title h1 {
    font-family: Ubuntu;
    color: var(--black-txt);
    font-size: 18px;
    font-weight: 600;
    margin: 0;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content {
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content > div {
    padding: 1rem;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left {
    border-right: 1px solid var(--grey-10);
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse {
    background-color: transparent;
    border:0px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-header {
    padding-right: 16px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-header .ant-collapse-arrow {
    top: 1rem;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item {
    border: 1px solid var(--grey-10);
    margin-bottom: .5rem;
    border-radius: 6px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item:last-child {
    margin-bottom: 0;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-header,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-details,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-header {
    display: grid;
    grid-template-columns: 42px 1fr 3fr;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    text-align: left;
    min-height: 44px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-header {
    grid-template-columns: 42px 1fr;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-details {
    padding: 8px 16px;
    border-top: 1px solid var(--grey-10);
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-header .icon,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-details .icon,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-header .icon {
    border: 0px;
    border-radius: 50%;
    height: 42px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-header .icon svg,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-details .icon svg,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-header .icon svg {
    width: 42px;
    height: 42px;
    border: 0px;
    padding: 6px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-header .icon img,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-details .icon img,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-header .icon img {
    margin: auto;
    margin-top: 8px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-header .title,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-details .title,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-header .title {
    vertical-align: middle;
    position: relative;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-header .title span,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-details .title span,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-header .title span {
    position: absolute;
    top: 45%;
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-header .value span,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-details .value span,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-details .title span {
    font-weight: 400;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-header .value span.value {
    font-weight: 700;
    padding-left: 6px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-details .value span.value {
    font-weight: 700;
    position: relative;
    padding-left: 0px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-header .ant-progress-bg,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-header .ant-progress-inner,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-details .ant-progress-bg,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .cluster-item-details .ant-progress-inner  {
    height: 16px;
    border-radius: 6px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-content > .ant-collapse-content-box,
.panelAlertsResume .ant-collapse-content> .ant-collapse-content-box {
    padding: 0px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-left .ant-collapse .ant-collapse-item .ant-collapse-content {
    border-top: 0px;
    color: var(--black-txt);
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-details .cluster-drill-down-details-item {
    display: grid;
    grid-template-columns: 68px 1fr 68px;
    gap: 8px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-details .cluster-drill-down-details-item div.title,
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-details .cluster-drill-down-details-item div.value {
    border: 1px solid var(--grey-10);
    border-radius: 6px;
    padding: 12px 16px;
    margin-bottom: .5rem;
    text-align: left;
    min-height: 68px;
    display: grid;
    grid-template-columns: 1fr;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-details .cluster-drill-down-details-item div.value {
    padding: 12px 0px;
    font-size: 14px;
    text-align: center;
    font-weight: 700;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-details .cluster-drill-down-details-item div.value .arrow.down {
    transform: rotate(90deg);
    font-size: 14px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-details .cluster-drill-down-details-item div.value .arrow.up {
    transform: rotate(270deg);
    font-size: 14px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-details .cluster-drill-down-details-item span.title {
    font-weight: 700;
    font-size: 14px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-details .cluster-drill-down-details-item span.sub-title {
    font-size: 12px;
}
.dash-v2 .type-exclusive-tco-operational .cluster-content .cluster-content-right .cluster-drill-down-details .cluster-drill-down-details-item .ant-progress-inner .ant-progress-text {
    font-weight: 700;
    font-size: 14px;
    font-family: Ubuntu;
    color: var(--black-txt);
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart-options {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr auto;
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart-options .ant-radio-group .ant-radio-button-wrapper {
    border: 1px solid var(--grey-10);
    color: var(--grey-30);
    cursor: pointer;
    box-shadow: none !important;
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart-options .ant-radio-group .ant-radio-button-wrapper:first-child {
    border-radius: 70px 0px 0px 70px;
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart-options .ant-radio-group .ant-radio-button-wrapper:last-child {
    border-left: 0px;
    border-radius: 0px 70px 70px 0px;
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart-options .ant-radio-group .ant-radio-button-wrapper-checked {
    background-color: var(--blue-mobility);
    border-color: var(--blue-mobility);
    color: var(--white);
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart-options .tco-real-chart-options-buttons > button {
    margin-right: 1rem;
    border: 1px solid var(--grey-10);
    color: var(--grey);
    border-radius: 6px;
    padding: 2px 7px 0px 7px;
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart-options .tco-real-chart-options-buttons > button.ant-btn-primary {
    color: var(--white);
    background-color: var(--blue-mobility);
    border-color: var(--blue-mobility);
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart-options .tco-real-chart-options-buttons button svg {
    font-size: 1rem;
    stroke: var(--grey);
    color: transparent;
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart-options .tco-real-chart-options-buttons button.ant-btn-primary svg {
    stroke: var(--white);
    color: transparent;
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart-options .tco-real-chart-options-tags {
    text-align: left;
    padding-top: 5px;
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart-options .tco-real-chart-options-tags > span {
    border: 1px solid var(--grey-10);
    color: var(--black-txt);
    padding: 7px;
    margin-right: .5rem;
    border-radius: 70px;
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart-options .tco-real-chart-options-tags > span svg {
    width: 12px;
    height: 12px;
}

.dash-v2 .type-exclusive-tco-operational .tco-real-chart {
    width: 100%;
    min-height: 450px;
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart .tco-real-chart-vehicle-label {
    min-width: 32px;
    min-height: 56px;
    height: 56px;
    background-color: var(--grey-5);
    border: 1px solid var(--grey-40);
    border-radius: 12px;
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart .tco-real-chart-vehicle-label span {
    text-align: center;
    margin-top: 10px !important;
    margin-left: 4px !important;
}
.dash-v2 .type-exclusive-tco-operational .tco-real-chart .tco-real-chart-vehicle-label span img {
    margin-bottom: 4px;
}
.dash-v2 .type-exclusive-tco-operational-details-content {
    padding: 14px;
    padding-top: 0px;
}
.dash-v2 .type-exclusive-tco-operational-details-content .filters-area {
    display: grid;
    grid-template-columns: 1fr auto auto auto;
    column-gap: 14px;
}
.dash-v2 .type-exclusive-tco-operational-details-content .filters-area > div {
    text-align: right;
}
.dash-v2 .type-exclusive-tco-operational-details-content .filters-area > div span {
    margin-right: 6px;
    font-weight: 500;
}
.dash-v2 .type-exclusive-tco-operational-details-content .filters-area .export .anticon {
    color: var(--black-txt);
    border: 1px solid var(--grey-10);
    border-radius: 6px;
    padding: 8px;
}
.dash-v2 .type-exclusive-tco-operational-details-content .filters-area .export .anticon:hover {
    cursor: pointer;
    color: var(--white);
    background-color: var(--blue-mobility);
}
.dash-v2 .type-exclusive-tco-operational-details-content .table-area {
    border: 1px solid var(--grey-10);
    border-radius: 10px;
    margin-top: 1rem;
    padding: 0px;
}
.dash-v2 .type-exclusive-tco-operational-details-content .table-area .table-title {
    display: grid;
    grid-template-columns: 1fr auto;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 12px;
    font-weight: 600;
}
.dash-v2 .type-exclusive-tco-operational-details-content .table-area .table-title > div {
    display: inline-flex;
    align-items: center;
}
.dash-v2 .type-exclusive-tco-operational-details-content .table-area .table-title > div .icon {
    background: var(--white);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-right: 6px;
    padding: 4px;
    padding-left: 5px;
}
.dash-v2 .type-exclusive-tco-operational-details-content .table-area .table-title > div .icon svg {
    width: 20px;
    height: 20px;
}
.dash-v2 .type-exclusive-tco-operational-details-content .table-area .table-title > div .icon svg path {
    fill: var(--black-txt);
}
.dash-v2 .type-exclusive-tco-operational-details-content .table-area .table-title .total {
    background-color: var(--white);
    color: var(--black-txt);
    padding: 5px 12px;
    border-radius: 6px;
}
.dash-v2 .type-exclusive-tco-operational-details-content .pagination-section {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 6px;
}
.dash-v2 .highcharts-container {
    width: 100% !important;
}



.dash-v2 .solutions-selector {
    width: 250px;
    font-family: Ubuntu;
    color: var(--black-txt);
    font-size: 14px;
}
.dash-v2 .solutions-selector > span {
    display: inherit;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    border: 1px solid var(--grey-10);
    padding: 4px 10px;
    padding-right: 30px;
    border-radius: 15px;
    width: 100%;
    text-align: left;
    min-height: 31px;
    position: relative;
}
.dash-v2 .solutions-selector > span svg {
    position: absolute;
    right: 11px;
    top: 10px;
    font-size: 12px;
}
.dash-v2 .solutions-selector.disabled > span {
    background-color: var(--grey-10);
}
.dash-v2 .solutions-selector > span:hover {
    border: 1px solid var(--black-txt);
    cursor: pointer;
}
.dash-v2 .solutions-selector .paper {
    padding: .6rem;
    min-width: 250px;
    border: 1px solid var(--grey-10);
    border-radius: 10px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, .12);
}
.dash-v2 .solutions-selector .paper ul {
    list-style: none;
    margin-bottom: 0;
}
.dash-v2 .solutions-selector .paper ul li {
    padding: 2px 4px;
    text-align: left;
}
.dash-v2 .solutions-selector .paper ul li .ant-checkbox-wrapper {
    margin-right: 6px;
}
.dash-v2 .ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--white);
    border-color: var(--grey-10);
}
.dash-v2 .ant-checkbox-checked .ant-checkbox-inner::after {
    border-color: var(--black-txt);
}
.dash-v2 .ant-checkbox-wrapper:hover .ant-checkbox-inner, 
.dash-v2 .ant-checkbox:hover 
.dash-v2 .ant-checkbox-inner, 
.dash-v2 .ant-checkbox-input:focus + .ant-checkbox-inner {
    border-color: var(--black-txt);
}
.dash-v2 .ant-checkbox-checked::after {
    border: 1px solid var(--black-txt);
}
/* End */


/*Ant table - global*/
.dash-v2 .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-up.on, 
.dash-v2 .ant-table-thead > tr > th .ant-table-column-sorter .ant-table-column-sorter-inner .ant-table-column-sorter-down.on {
    color: var(--cobalt);
}
.dash-v2 .ant-table-placeholder .no-data {
    padding: 22px;
}
/*End Ant table*/


/* Start - accountLockMessage */
.dash-v2 .account-lock-message {
    font-family: Ubuntu;
    width: 100%;
    color: var(--black-txt);
    background-color: var(--white);
    border: 1px solid var(--grey-10);
    box-sizing: border-box;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.08);
    border-radius: 15px;
    margin-bottom: 1.1rem;
    padding: 1rem;
    display: flex;
}
.dash-v2 .dashboard-area .account-lock-message {
    margin-left: .5rem;
    margin-right: .5rem;
    width: calc(100% - 1rem);
}
.dash-v2 .account-lock-message h1 {
    font-size: 18px;
    color: black;
    font-weight: 600;
    margin: 0px;
    margin-left: 1rem;;
}
/* End - accountLockMessage */


/* Start - type-exclusive-tco-totals */
.column-chart-section,
.donuts-chart-section {
    border-bottom: 1px solid var(--grey-10);
    margin-bottom: 1rem !important;
    /*max-height: 350px;*/
}
/* End - type-exclusive-tco-totals*/

/* Uploads */
.basic-crud-container, 
.upload-data-container {
    padding: 2rem;
    padding-top: 1rem;
}
.basic-crud-container .basic-crud-container-header, 
.upload-data-container .upload-data-container-header {
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr auto;
    padding: 6px 0px 22px 0px;
}
.basic-crud-container .basic-crud-container-header .basic-crud-container-header-title > h1, 
.upload-data-container .upload-data-container-header .upload-data-container-header-title > h1 {
    font-family: Edenred;
    font-style: normal;
    font-size: 24px;
    font-weight: 700;
    color: var(--black-txt);
    margin-bottom: 0px;
}
.basic-crud-container .basic-crud-container-header .basic-crud-container-header-title > h1 svg, 
.upload-data-container .upload-data-container-header .upload-data-container-header-title > h1 svg {
    vertical-align: middle;
    margin-left: .5rem;
}
.basic-crud-container .basic-crud-container-header .basic-crud-container-header-link > a, 
.upload-data-container .upload-data-container-header .upload-data-container-header-link > a {
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 15px;
    line-height: 19px;
    text-transform: capitalize;
    color: var(--black-txt);
}
.basic-crud-container .basic-crud-container-header .basic-crud-container-header-link svg, 
.upload-data-container .upload-data-container-header .upload-data-container-header-link svg {
    vertical-align: middle;
}
.basic-crud-container .basic-crud-container-header .basic-crud-container-header-link i.anticon-plus, 
.upload-data-container .upload-data-container-header .upload-data-container-header-link i.anticon-plus {
    border: 1px solid var(--black-txt);
    border-radius: 50%;
    margin-right: .3rem;
}
.basic-crud-container .basic-crud-container-header .close-container .ant-btn {
    padding: 0px;
    border: 0px;
}
.basic-crud-container .basic-crud-container-body, 
.upload-data-container .upload-data-container-body {
    background-color: var(--white);
    border: 1px solid var(--grey-10);
    border-top: 0px;
    border-radius: 16px;
    box-sizing: border-box;
    /*padding: 22px;*/
    /*padding-bottom: 1rem;*/
    margin-bottom: 1rem;
    box-shadow: 0px 8px 18px rgb(0 0 0 / 8%);
}
.basic-crud-container .basic-crud-container-body .table-area, 
.upload-data-container .upload-data-container-body .table-area {
    border: 0px;
    border-radius: 0px 0px 16px 16px;
    overflow: hidden;
    padding: 22px;
}
.basic-crud-container .basic-crud-container-body.no-padding .table-area {
    border-radius: 0px;
    border: 0px;
}
.basic-crud-container .basic-crud-container-body .toolbar {
    background-color: #F6F7F8;
    padding: 19px;
    text-align: left;
}
.basic-crud-container .basic-crud-container-body .toolbar .ant-btn {
    border: 0px;
    padding: 0px;
    max-height: 24px;
    vertical-align: middle;
    margin-right: 32px;
}
.basic-crud-container .basic-crud-container-body .toolbar .ant-btn:disabled svg path {
    stroke: var(--grey-30);
}
.basic-crud-container .basic-crud-container-body .toolbar input {
    font-family: Ubuntu;
    font-weight: 400;
    size: 14px;
    color: #898989;
    width: 100%;
    min-width: 200px;
    max-width: 314px;
    padding: 6px 16px 5px 16px;
}
.basic-crud-container .basic-crud-container-body .toolbar .divider {
    vertical-align: middle;
    width: 2px;
    margin-right: 32px;
}
.basic-crud-container .basic-crud-container-body .filters-area { 
    padding: 22px;
    padding-bottom: 0px;
    display: grid;
    grid-template-columns: 1fr auto;
}
.basic-crud-container .basic-crud-container-body .filters-area .search-row {
    max-width: 350px;
}
.basic-crud-container .basic-crud-container-body .filters-area .filter-row {
    text-align: left;
    padding: 16px 0px 0px 0px;
}
.basic-crud-container .basic-crud-container-body .filters-area .filter-row > span {
    font-family: Montserrat;
    font-weight: 600;
    size: 14px;
    vertical-align: middle;
    line-height: 2.5;
    display: inline-flex;
}
.basic-crud-container .basic-crud-container-body .filters-area .filter-row > span button {
    border: 1px solid var(--grey-8);
    margin-left: .5rem;
    padding: 10px 0px 0px 9px;
    width: 36px;
    height: 36px;
}
.basic-crud-container .basic-crud-container-body .filters-area .filter-row > span button:hover {
    cursor: pointer;
    border: 1px solid var(--blue-mobility);
    background-color: var(--blue-mobility);
}
.basic-crud-container .basic-crud-container-body .filters-area .filter-row > span button:hover svg path {
    fill: var(--white);
}
.basic-crud-container .basic-crud-container-body .filters-area .filter-row .filter-select {
    font-family: Ubuntu;
    font-size: 14px;
    color: var(--black-txt);
    width: auto;
    margin-left: 1rem;
    background-color: var(--grey-light);
    border: 1px solid var(--grey-light);
    border-radius: 16px;
    padding: 4px 8px;
}
.basic-crud-container .basic-crud-container-body .filters-area .filter-row .filter-select strong {
    font-weight: 500;
}
.basic-crud-container .basic-crud-container-body .filters-area .filter-row .filter-select > span {
    font-weight: 400;
    line-height: 1;
}
.basic-crud-container .basic-crud-container-body .filters-area .filter-row .filter-select > svg {
    margin-left: .5rem;
    width: 15px;
    height: 15px;
    cursor: pointer;
}
.basic-crud-container .basic-crud-container-body .filters-area .filter-row .filter-select > svg:hover path {
    fill: var(--eden-red);
}
.basic-crud-container .basic-crud-container-body .first-view {
    width: 100%;
    padding: 1rem;
    padding-top: 64px;
    padding-bottom: 64px;
}
.basic-crud-container .basic-crud-container-body .first-view .icon > span {
    background-color: var(--grey-light);
    border-radius: 50%;
    width: 80px;
    height: 80px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 22px;
    padding: 22px;
}
.basic-crud-container .basic-crud-container-body .first-view .icon > span svg {
    width: 40px;
    height: 35px;
}
.basic-crud-container .basic-crud-container-body .first-view .title {
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    color: var(--grey-1);
    margin-bottom: 16px;
}
.basic-crud-container .basic-crud-container-body .first-view .message {
    text-align: center;
    font-size: 14px;
    color: var(--black-txt);
}
.basic-crud-container .basic-crud-container-body .first-view .button-container {
    text-align: center;
    margin-top: 1rem;
}

.dash-v2 .ant-table .ant-table-row:hover td,
.basic-crud-container .ant-table-row:hover td, 
.basic-crud-container .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, 
.upload-data-container .ant-table-row:hover td,
.upload-data-container .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
    background-color: var(--eden-red-cold-white);
    background: var(--eden-red-cold-white);
}
.dash-v2 .ant-table .ant-table-row.selected {
    background-color: var(--grey-30);
    background: var(--grey-30);
}
.dash-v2 .ant-table .ant-table-row.selected:hover td,
.dash-v2 .ant-table .ant-table-row-hover.selected td {
    background-color: var(--grey-40) !important;
    background: var(--grey-40) !important;
}
.basic-crud-container .ant-table tbody td.column-name, 
.upload-data-container .ant-table tbody td.column-name {
    max-width: 260px;
}
.basic-crud-container .ant-table tbody td.column-actions > a, 
.upload-data-container .ant-table tbody td.column-actions > a {
    margin-right: 1rem;
}
.basic-crud-container .ant-table tbody td.column-actions > a:last-child, 
.upload-data-container .ant-table tbody td.column-actions > a:last-child {
    margin-right: 0px;
}
svg.fill-black {
    fill: var(--black-txt);
}
svg.stroke-black {
    stroke: var(--black-txt);
}
svg.hover-fill-mint:hover path,
.basic-crud-container .ant-table tbody td.column-actions > a svg.hover-fill-mint:hover path {
    fill: var(--mint);
}
svg.hover-stroke-mint:hover path,
.basic-crud-container .ant-table tbody td.column-actions > a svg.hover-stroke-mint:hover path {
    stroke: var(--mint);
}
svg.hover-stroke-red:hover path,
.basic-crud-container .ant-table tbody td.column-actions > a svg.hover-stroke-red:hover path {
    stroke: var(--eden-red);
}
a.three-dots,
button.three-dots {
    display: block;
    border: 1px solid var(--grey-10);
    border-radius: 50%;
    width: 32px;
    height: 32px;
    padding: 9px 8px;
    background: var(--white);
}
.menu-actions {
    padding: 16px;
}
.menu-actions a {
    color: var(--black-txt);
}
.menu-actions svg {
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 10px;
}
.menu-actions li:hover svg.hover-fill-mint {
    fill: var(--mint);
}
.menu-actions li:hover svg.hover-stroke-red {
    stroke: var(--eden-red);
}
.basic-crud-container .ant-table .ant-switch-small {
    height: 14px;
    width: 38px;
}
.basic-crud-container .ant-table .ant-switch::after{
    width: 20px;
    height: 20px;
    top: -4px;
    left: -1;
}
.alert-events-nodata-message {
    width: 100%;
    background-color: var(--mint-20);
    border: 1px solid var(--mint);
    padding: 22px;
    border-radius: 16px;
    color: var(--grey-1);
    font-size: 18px;
}
.alert-events-nodata-message a {
    background-color: var(--black);
    color: var(--white);
    border-radius: 30px;
    padding: 8px 24px;
    margin-left: 16px;
}
.alert-events-nodata-message a:hover {
    color: var(--white);
}
.alert-events-nodata-message a svg {
    vertical-align: middle;
}
.upload-data-container .upload-new {
    font-family: Ubuntu;
    padding: 22px;
}
.upload-data-container .upload-new .form {
    display: grid;
    grid-template-columns: auto auto auto 1fr;
    padding: 22px;
    gap: 22px;
    border: 1px solid var(--grey-10);
    border-radius: 18px;
}
.upload-data-container .upload-new .form .form-group {
    text-align: left;
}
.upload-data-container .upload-new .form .form-group label {
    width: 100%;
    color: var(--black);
    font-weight: bold;
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 1rem;
}
.upload-data-container .upload-new .form .form-group .ant-select {
    margin-top: .5rem;
    color: var(--white);
}
.upload-data-container .upload-new .form .form-group .ant-select .ant-select-arrow-icon svg {
    color: var(--white);
}
.upload-data-container .upload-new .form .form-group .ant-select .ant-select-selection,
.upload-data-container .upload-new .form .form-group button {
    font-size: 14px;
    line-height: 22px;
    border: 1px solid var(--black);
    background-color: var(--black);
    color: var(--white);
    min-width: 200px;
}
.upload-data-container .upload-new .form .form-group button:disabled,
.upload-data-container .upload-new .form .form-group .ant-select.ant-select-disabled .ant-select-selection {
    background-color: rgba(0, 0, 0, .3);
    border: 1px solid rgba(0, 0, 0, .3);
}
.upload-data-container .upload-new .form .form-group .ant-select .ant-select-focused .ant-select-selection, .ant-select-selection:focus, 
.upload-data-container .upload-new .form .form-group .ant-select .ant-select-selection:active {
    box-shadow: none;
}
.upload-data-container .upload-new .form .form-group button {
    color: var(--white);
    border-radius: 18px;
    display: inline-block;
    position: relative;
    text-align: left;
    padding: 0px 12px;
}
.upload-data-container .upload-new .form .form-group.button-group {
    display: grid;
    grid-template-columns: 1fr;
}
.upload-data-container .upload-new .form .form-group.button-group label {
    margin-bottom: 12px;
}
.upload-data-container .upload-new .form .form-group.link-group {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 31px auto;
}
.upload-data-container .upload-new .form .form-group.link-group svg {
    position: relative;
    margin-bottom: -8px;
}
.upload-data-container .upload-new .form .form-group.link-group span {
    margin-left: .7rem;
    color: var(--black-txt);
}
.upload-data-container .upload-new .form .form-group.link-group a[disabled],
.upload-data-container .upload-new .form .form-group.link-group a[disabled] > span {
    color: rgba(0, 0, 0, .3);
}
.upload-data-container .upload-new .help {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: auto 1fr;
}
.upload-data-container .upload-new .help .help-icon {
    border-right: 1px solid var(--grey-10);
    padding: 1rem;
}
.upload-data-container .upload-new .help .help-icon > svg {
    width: 24px;
    height: 24px;
}
.upload-data-container .upload-new .help .help-text {
    text-align: left;
    padding: 1rem;
}
.upload-data-container .upload-new .help .help-text ul {
    margin-top: .5rem;
    list-style: none;
}
.basic-crud-form .ant-modal-header, 
.upload-modal .ant-modal-header {
    border-bottom: 0px;
    border-radius: 18px 18px 0px 0px;
}
.basic-crud-form .ant-modal-header { 
    border-bottom: 1px solid var(--grey-10);
}
.basic-crud-form .ant-modal-title, 
.upload-modal .ant-modal-title {
    font-family: Edenred;
    text-align: left;
    font-size: 19px;
    font-weight: bold;
}
.basic-crud-form .ant-modal-title svg, 
.upload-modal .ant-modal-title svg {
    margin-bottom: -6px;
}
.upload-modal .ant-modal-body {
    text-align: left;
    font-family: Ubuntu;
}
.upload-modal .ant-modal-body p {
    font-size: 14px;
    color: black;
}
.basic-crud-form .ant-modal-content, 
.upload-modal .ant-modal-content {
    border-radius: 18px;
}
.basic-crud-form .ant-modal-content  {
    min-width: 600px;
}
.basic-crud-form .ant-modal-footer {
    border-top: 0px;
}

.basic-crud-form .ant-checkbox-checked .ant-checkbox-inner {
    background-color: var(--black-txt);
    border-color: var(--grey-10);
}
.basic-crud-form .ant-checkbox-checked .ant-checkbox-inner::after {
    border-color: var(--white);
}
.basic-crud-form .ant-checkbox-wrapper:hover .ant-checkbox-inner, 
.basic-crud-form .ant-checkbox:hover 
.basic-crud-form .ant-checkbox-inner, 
.basic-crud-form .ant-checkbox-input:focus + .ant-checkbox-inner {
    border-color: var(--black-txt);
}
.basic-crud-form .ant-checkbox-checked::after {
    border: 1px solid var(--black-txt);
}

.upload-modal .ant-table-thead th {
    padding: .5rem 0px;
}
.upload-modal .ant-table-thead th > span {
    width: 100%;
}
.upload-modal .ant-select-selection:hover,
.upload-modal .ant-select-selection:focus,
.upload-modal .ant-select-selection {
    border: 0px;
    background-color: transparent;
    font-weight: 600;
    box-shadow: none;
}
.upload-modal .ant-table-scroll {
    border: 1px solid var(--grey-10);
    border-radius: 0px 0px 18px 18px;
    padding-bottom: .5rem;
}
.upload-modal .ant-table-body {
    padding-bottom: .5rem;
}
.upload-modal .ant-modal-body ul.validator {
    list-style: none;
    border: 1px solid var(--pink-20);
    background-color: var(--pink-5);
    padding: .5rem;
    border-radius: 8px;
}
.upload-modal td > svg.MuiSvgIcon-root {
    width: 10px;
    height: 10px;
}
.upload-modal .ant-table-pagination.ant-pagination{
    float: left;
}
.upload-modal .ant-select-selection-selected-value {
    font-weight: normal;
}
.upload-modal .ant-pagination .ant-select-selection {
    border: 1px solid var(--grey-10) !important;
}
.upload-modal .ant-table-tbody > tr > td {
    border-bottom: 0px;
}

.upload-desscription{
    margin-bottom: 29px !important;
}
.upload-desscription p {
    font-family: Ubuntu;
    font-weight: 400;
    font-size: 14px !important; 
    color: black;
    text-align: left !important;
    margin-bottom: 0.5px !important;
}
/* End Uploads */


/* Modals */
.modal-success,
.modal-confirm {
    font-family: Ubuntu;
}
.modal-success svg.icon,
.modal-confirm svg.icon {
    width: 65px;
    height: 65px;
    margin-bottom: 1rem;
}
.modal-success h1,
.modal-confirm h1 {
    font-weight: 500;
    font-style: normal;
    font-size: 18px;
    color: var(--black-txt);
}
.modal-success span,
.modal-confirm span {
    font-size: 14px;
    text-align: left;
    color: var(--black-txt);
}

.modal-success .ant-btn,
.modal-confirm .ant-btn,
.ant-modal-footer .ant-btn,
.basic-crud-container .basic-crud-container-body .filters-area .ant-btn,
.basic-crud-container .basic-crud-container-body .first-view .button-container .ant-btn,
.upload-modal .ant-btn {
    font-size: 14px;
    line-height: 14px;
    border: 1px solid black;
    box-sizing: border-box;
    border-radius: 50px;
    padding: 7px 24px 7px 24px;
}
.basic-crud-container .basic-crud-container-body .filters-area .ant-btn {
    display: flex;
}
.basic-crud-container .basic-crud-container-body .first-view .button-container .ant-btn {
    display: inline-flex;
}
.basic-crud-container .basic-crud-container-body .filters-area .ant-btn svg,
.basic-crud-container .basic-crud-container-body .first-view .button-container .ant-btn svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
}
.modal-success .ant-btn:hover,
.modal-confirm .ant-btn:hover,
.ant-modal-footer .ant-btn:hover,
.upload-modal .ant-btn:hover {
    border: 1px solid var(--cobalt);
}
.modal-success .ant-btn-primary,
.integrator .ant-btn-primary,
.modal-success .ant-btn-primary:focus,
.modal-confirm .ant-btn-primary,
.modal-confirm .ant-btn-primary:focus,
.ant-modal-footer .ant-btn-primary,
.ant-modal-footer .ant-btn-primary:focus,
.basic-crud-container .basic-crud-container-body .filters-area .ant-btn-primary,
.basic-crud-container .basic-crud-container-body .filters-area .ant-btn-primary:focus,
.basic-crud-container .basic-crud-container-body .first-view .button-container .ant-btn-primary,
.basic-crud-container .basic-crud-container-body .first-view .button-container .ant-btn-primary:focus,
.upload-modal .ant-btn-primary,
.upload-modal .ant-btn-primary:focus, .upload-hierarchies .ant-btn-primary{
    border: 1px solid var(--black);
    background-color: var(--black);
    color: var(--white);
}
.modal-success .ant-btn-primary:hover,
.modal-confirm .ant-btn-primary:hover,
.ant-modal-footer .ant-btn-primary:hover,
.upload-modal .ant-btn-primary:hover {
    border: 1px solid var(--cobalt);
    background-color: var(--cobalt);
    color: var(--white);
}
.modal-success .ant-btn-primary span,
.modal-confirm .ant-btn-primary span,
.ant-modal-footer .ant-btn-primary span, 
.upload-modal .ant-btn-primary span {
    color: var(--white);
}
.modal-success .ant-modal-content,
.modal-confirm .ant-modal-content {
    border-radius: 16px;
}
.modal-success .ant-modal-confirm-btns,
.modal-success .ant-modal-confirm-btns button {
    width: 100%;
}
.ant-modal-confirm .ant-modal-confirm-btns {
float: none !important;
display: flex;
justify-content: space-between;
}
/* end modal */

/* loadInWidget */
.loadInWidget {
    position: absolute;
    top: 0px;
    left: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 1px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 15px;
    z-index: 10;
}
.loadInWidget .pulse {
    width: 150px;
    height: 60px;
    max-height: 100%;
    max-width: 100%;
    animation: pulse 2s ease-in infinite;
}
/* end loadInWidget */

/* No Data Component */
.no-data {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    min-height: 150px;
}
.no-data > h5 {
    font-size: 12px !important;
    color: var(--type-and-elements-medium, #85848B) !important;
}
.no-data > span {
    background: var(--base-grey-light, #DDDFE6);
    padding: 24px;
    max-width: 100px;
    max-height: 100px;
    border-radius: 50%;
}
.no-data > span > svg {
    width: 100%;
}
.no-data > span > svg path {
    fill: var(--type-and-elements-medium, #85848B);
}
.dash-body .db-body .no-data .no-data-submessage,
.no-data .no-data-submessage {
    align-self: unset;
}
/* End No Data Component */

/* Widgets - Goals Selector */
.widget-goals-selector {
    font-family: Ubuntu;
}
.widget-goals-selector ul {
    list-style: none;
    margin: 0px;
}
.widget-goals-selector ul li {
    margin-bottom: .5rem;
    margin-right: 1rem;
}
.widget-goals-selector ul li:last-child {
    margin-bottom: 0px;
}
.widget-goals-selector ul li span.name {
    font-weight: 500;
    font-size: 14px;
    color: var(--grey-1);
}
.widget-goals-selector ul li span.symbol {
    padding: 0px 10px;
}
.widget-goals-selector .ant-checkbox-inner {
    width: 24px;
    height: 24px;
    border: 1px solid var(--grey-6);
    border-radius: 4px;
}
.widget-goals-selector .ant-checkbox-wrapper:hover .ant-checkbox-inner, 
.widget-goals-selector .ant-checkbox:hover .ant-checkbox-inner, 
.widget-goals-selector .ant-checkbox-input:focus + .ant-checkbox-inner {
    border-color: #898989;
}
.widget-goals-selector .ant-checkbox-checked::after {
    border: 1px solid #898989;
}
.widget-goals-selector .ant-checkbox-checked .ant-checkbox-inner {
    background-color: #898989;
    border-color: #898989;
}
.widget-goals-selector .ant-checkbox-checked .ant-checkbox-inner::after {
    border-color: var(--white);
}
.widget-goals-selector .ant-checkbox-inner::after {
    top: 43%;
    width: 7px;
    height: 14px;
}
/* End Goals Selector */
.ant-modal-confirm-btns
{
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.closableModal .ant-modal-close{
    display: block !important;
}
/* INICIO HUB-TAG*/
.hub-tag{
    border: 1px solid transparent;
    border-left: 6px solid transparent;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 8px 14px;
    width: auto;
    min-width: 100px;
  }
  .hub-tag.fill-danger{
    background-color: var(--eden-red);
    color: white;
  }
  .hub-tag.fill-warning{
    background-color: #FAC83B;
    color: white;
  }
  .hub-tag.fill-success{
    background-color: #17A88E;
    color: white;
  }
  .hub-tag.danger{
    border-color: var(--eden-red);  
  }
  .hub-tag.warning{
    border-color: #FAC83B;  
  }
  .hub-tag.success{
    border-color: #17A88E;
  }
  .hub-tag .icon{
    
  }
  .hub-tag .icon svg{
    width: 16px;
    height: 16px;
  }
  .hub-tag .text{
    font-family: Ubuntu;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: --grey-1;
  }
  .hub-tag.fill-danger .text, 
  .hub-tag.fill-success .text,
  .hub-tag.fill-warning .text{
    color: white;  
  }
/* FIN HUB-TAG*/
  
/* Alert Events */
.basic-crud-container-body .widget {
    border: none !important;
    -webkit-box-shadow: 0 0 0 transparent !important;
	-moz-box-shadow: 0 0 0 transparent !important;
	box-shadow:  0 0 0 transparent !important;
}
.table-row-bold td {
    font-weight: 500 !important;
}
.table-row-smoot td {
    font-weight: 300 !important;
    background-color: var(--grey-5);
}
/* End CSS Alert Events */

/*Ant popover*/
.dash-v2 .ant-popover-title {
    padding: 22px;
    padding-bottom: 0px;
    font-family: Ubuntu;
    font-weight: 700;
    font-size: 16px;
    color: var(--grey-1);
    border-bottom: 0px;
    display: grid;
    grid-template-columns: 1fr auto;
}
.dash-v2 .ant-popover-title svg {
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.dash-v2 .ant-popover-inner-content {
    padding: 22px;
}
.dash-v2 .ant-popover-inner-content .actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 22px;
}
.dash-v2 .ant-popover-inner-content .actions button {
    color: var(--white);
    background-color: var(--black);
    padding: 3px 22px;
    border-radius: 50px;
}
/*End Ant popover*/

.containerCollapse{
    background-color:var(--white); ;
    margin: 10px !important;
    padding: 0px;
    border: 1px solid var(--grey-10) !important;
    box-sizing: border-box !important;
    box-shadow: 0px 6px 12px rgb(0 0 0 / 8%) !important;
    border-radius: 15px !important;
    width: 'calc(99%)';

}

.panelAlertsResume .widget-container .widget{
    box-shadow: none !important;
    border: none !important;
}


/* Begin Hierarchy  Style */
.upload-hierarchies {
    font-family: Ubuntu;
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    color: var(--black-txt);

    display: grid;
    grid-template-columns: 150px 280px auto;
    column-gap: 28px;
    text-align: left;
}
.upload-hierarchies .link-group span {
    margin-left: 0.7rem;
    color: var(--black-txt);
}
.upload-hierarchies .ant-btn {
    font-size: 14px;
    line-height: 14px;
    border: 1px solid black;
    box-sizing: border-box;
    border-radius: 50px;
    padding: 7px 24px 7px 24px;
}
ul.hierarchy-toolbar {
    list-style: none;
}
ul.hierarchy-toolbar li {
    display: inline-block;
    padding: 10px 11px;
    border-radius: 4px;
    border: 1px solid transparent;
    line-height: 1;
}
ul.hierarchy-toolbar li:hover {
    background-color: var(--grey-5);
    border: 1px solid var(--grey-5);
    cursor: pointer;
}
ul.hierarchy-toolbar li.selected {
    background-color: var(--grey-20);
    border: 1px solid var(--grey-40);
}
ul.hierarchy-toolbar li button {
    background-color: transparent;
    max-height: 24px;
}
ul.hierarchy-toolbar li svg {
    width: 24px;
    height: 24px;
}
.hierarchy-toolbar {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    padding-right: 20px;
    padding-top: 10px;
}
.hierarchy-toolbar .containerAction {
    padding: 8px 5px 5px 8px;
    margin: 5px;
}
.action-selected {
    background-color: #E2E4E7;
    border-radius: 5px;
}

.uploadHierarchiesButton span{
  width: 95%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* Ends */
/* Integrators Style */
.integrator{
    padding: 16px;
    background-color: var(--white);
    border: 1px solid var(--grey-10);
    border-top: 0px;
    border-radius: 16px;
    box-sizing: border-box;
    margin-bottom: 1rem;
    box-shadow: 0px 8px 18px rgb(0 0 0 / 8%);
    height: 450px;
}
.integrator,.integrator .ant-typography{
    color: #2F2F2F !important;
}

.integrator .contentDescription{
    width: 100%;
    margin-top: 10px;
    margin-left: 0px;
    height: 65px;

}
.underlineButton{
    border: none !important;
    color: var(--black) !important;
	display:inline-block;
    font-weight: 400;
    text-decoration-line: underline;
    line-height: 16px;
}
.integrator .centerContent{
     display: flex;
     flex-direction: row;
     justify-content: flex-start;
     align-items: center;
}
.descriptionIntegrator {
    font-family: Ubuntu;
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    line-height: 16px;
}
.integrator .paddingElements{
    padding-top: 10px;
}

.integrator div.ant-typography{
    margin-bottom: 0px;
}
.integrator .textNormal{
    font-family: 'Ubuntu';
    font-style: normal;
    font-size: 14px;
    line-height: 16px;
}
.markdown-content p{
    font-family: 'Ubuntu';
    font-style: normal;
    font-size: 14px !important;
    line-height: 16px !important;
    margin-top: 5px;

}
/* End Integrators */

/* Plates detail - modal*/
.modal-exclusive-plates-detail .ant-modal-content {
    padding-top: 10px;
    border-radius: 12px;
}
.modal-exclusive-plates-detail .ant-table-body {
    border-top-left-radius: 40px;
    border-top-right-radius: 12px;
    overflow: hidden;
}
.modal-exclusive-plates-detail .ant-modal-body {
    padding: 0px !important;
}
.modal-exclusive-plates-detail .ant-modal-footer {
    display: none !important;
}
.modal-exclusive-plates-detail .ant-modal-close {
    top: -20px;
    right: -17px;
    color: #162253;
}
.modal-exclusive-plates-detail .ant-modal-close-x {
    width: 30px;
    height: 30px;
    background-color: var(--white);
    border-radius: 15px;
    line-height: 31px;
}
.modal-exclusive-plates-detail .ant-table-pagination.ant-pagination {
    float: left;
}
/* End plates detail*/

/** Style detail Plates ***/
.table-row-light {
    background-color: #F8F8F9;
}
.table-row-dark {
    background-color: #FFFFFF;
}

.table-detail-vehicles thead > tr > th {
    background-color: #FFF !important;
}

.table-detail-vehicles .ant-table-column-title {
    color: #000;
    font-weight: 400;
    font-style: normal;
    line-height: 20px;
}
.table-detail-vehicles thead > tr > th.serviceColumn  .ant-table-column-title{
    font-weight: 600;
    font-style: normal;
}
.table-detail-vehicles .serviceColumn {
    color: #333333;
    font-weight: 600;
    font-style: normal;
}

.table-detail-vehicles .columnsAreNotServices {
    color: #333333 !important;

}

 .table-detail-vehicles .ant-table-body { overflow-x: auto !important}
.modal-exclusive-plates-detail span.pagerInfo, .pagination-detail-plates .ant-select-selection
{
    font-style: normal;
    color: #333333 !important;
    font-weight: 400 !important;
}

.table-detail-vehicles .ant-table .ant-table-header-column .ant-table-column-sorters {
    display: flex;
}

.table-detail-vehicles  .ant-table .ant-table-header-column .ant-table-column-sorters .ant-table-column-title
{
    order: 2;
}
.table-detail-vehicles .ant-table .ant-table-header-column .ant-table-column-sorters .ant-table-column-sorter {
    order: 1;
    padding-top: 2px;
    padding-right: 3px;
}
/** Fin Style detail Plates ***/

/** Styles Responsive breadcrum and global filter **/
.nameOptionFilter{
    display: none;
}
.titleBreadcrumb,.linkBreadcrumb{
    font-family: Ubuntu;
    font-size: 13px;
 }
.menuFilters{
    display: none;
}

.btnFilterMenu{
    display: none !important;
}

.menuFilters .icon-item{
    display:  flex;
    align-items: center;
}
.menuFilters .icon-item .linkFilter{
        display: flex;
        align-items: center;
}
.icons-bar .ant-dropdown-menu-item{
    list-style: none;
    padding: 0px !important;
    margin-right: 10px;    
}

@media only screen and (max-width : 1585px) {

  aside:not(.folded) + section.dash-body div.db-head div.db-head-breadcrumb span.linkBreadcrumb{
        float: left;
        max-width: 90px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    aside:not(.folded) + section.dash-body div.db-head div.user-menu-top div.MuiAvatar-circular{
        display: none;
    }
    aside:not(.folded) + section.dash-body div.db-head div.db-head-breadcrumb span.linkBreadcrumb{
        float: left;
        max-width: 90px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

  aside:not(.folded) + section.dash-body div.db-head div.db-head-breadcrumb .MuiBreadcrumbs-li .ant-select-company-selector
    {
        float: left;
        max-width: 120px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

}
@media only screen and (max-width : 1422px) {
    .MuiBreadcrumbs-li .ant-select-company-selector
    {
        float: left;
        max-width: 120px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .icon-item:not(.icon-item-drag-and-drop){
        display: flex;
        flex-direction: row;
        margin-top: 8px;
        padding: 5px 12px;
        cursor: pointer;
    }
    .icon-item:hover{
        background-color: var(--eden-red-cold-white);
    }

    .user-details
    {
        display: none;
    }
    
    .user-menu-top > a{
        padding: 1rem 2em 1rem 1rem !important;
    }

    .nameOptionFilter{
        display: block;
        font-weight: 400;
        font-family: Ubuntu;
        font-style: normal;
        font-size: 13px;
        line-height: 15px;
        color: #333333;
    }

    .btnFilterMenu{
        display: block !important;
    }
    .menuFilters{
        display: block;
        background: #FFFFFF;
        border: 1px solid #F0F1F3;
        border-radius: 18px !important;
        padding:  5px 5px 10px 5px !important
    }
    aside:not(.folded) + section.dash-body div.db-head div.db-head-breadcrumb span.linkBreadcrumb{
        float: left;
        max-width: 90px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    aside:not(.folded) + section.dash-body div.db-head div.user-menu-top div.MuiAvatar-circular{
        display: none;
    }
    aside:not(.folded) + section.dash-body div.db-head div.db-head-breadcrumb span.linkBreadcrumb{
        float: left;
        max-width: 90px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
 
    .icons-bar > div.icon-item:not(.icon-item-drag-and-drop){
        display: none !important;
    }
}
/** Styles responsive breadcrum and global filter **/

/** Styles tooltip total cost **/
.highcharts-tooltip.tooltipChartTotalCost > span,
.highcharts-tooltip.tooltipChartTotalCost2 > span
{
    background: rgb(255 255 255 / 99%);
    border: 1px solid silver;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #888;
    padding: 8px;
}

.contentToolTipTotalCost{
    display: flex;
    flex-direction: column;
}

.contentToolTipTotalCost span,
.contentToolTipTotalCost2 span{
    margin-top: 5px;
}

/** End styles tooltip total cost **/
/** Add Styles back button Details Cost **/
.backOption{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}
.backOption span{
    font-family: 'Ubuntu';
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
    color: #2F2F2F;
    margin-bottom: 22px;
    margin-left: 3px;
}

/** End Styles back button Details Cost **/
/** This css rule is used to remove the border in the search box displayed in the inputs 
of the one displayed in the widget filter modal, the rule is applied when the group object 
has the displayPlaceHolder property is set to 'true'.*/
.ant-modal-body-filters .showPlaceHolder .ant-select-search__field:hover{
    border:none !important;
}
.ant-modal-body-filters .showPlaceHolder .ant-select-search__field:focus{
    border:none !important;
}
/** End css placeholder input search in model of filters widgets**/

/* Styles Stats Drivers */
.driverLinkOption{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0px;
    grid-gap: 2px;
    gap: 8px;
    flex: none;
    flex-grow: 0;
}
.driverLinkOption .title{
   font-size: 14px;
   color: #33323D !important;
   display: none;
}

.driverLinkOption .textOption{
    color: #85848B;
    font-family: 'Ubuntu';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    align-items: center;
    flex: none;
    flex-grow: 0;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}
.driverLinkOption .link{
    text-decoration: underline;
    color: #33323D;
}
.ant-select-selection.ant-select-selection--multiple {
    min-height: 36px !important;
    padding-top: 2px !important
}
/* Fin Styles Stats Driver */

/*Start styles groups cost center*/
.filter-modal-dropdown .ant-select-dropdown-menu-item-group-title{
    text-align: left;
    height: auto;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
    padding-bottom: 5px;
}
.filter-modal-dropdown .ant-select-dropdown-menu-item-group-title div.option-group{

    font-family: 'Ubuntu';
    font-weight: 700;
    font-size: 14px;
    color: #33323D;
    line-height: 2;
    border-bottom: 1px solid black;
    padding-bottom: 3px; 
}
/*End styles groups cost center*/


/*Styles page render icons*/
.contentIcon{

  width: 70px; 
  height: 70px; 
  display: flex;
  justify-content: center;
  align-items: center;
}
.contentIcon .iconHub svg{ 
     width: 45px;
     height: 45px;
    object-fit: contain;

}
.cardIconsHub .ant-card-body
{
    display: flex;
    flex-direction: column;
    align-items: center;

}
.cardIconsHub .ant-card-body .ant-card-meta-title
{
    font-family: 'Ubuntu';
    font-weight: 500;
    font-size: 13px;

}
/* End Styles page render icons*/
.title-area .additionalOptions
{
    gap: 8px;
    display: flex;
    flex-direction: row;
} 

.title-area .additionalOptions .content-option-help-info
{
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   cursor: pointer;
}