/******** INDEX ***********/
/*

* GLOBAL

* Account Search

* Business Questionnaire

* Certifications Page

* Deal Registration
* Deal Registration Table

* Fake input
* Form Field

* Opportunity Detail Page

* Profile Page

* Utils 

*/

/* GLOBAL */
:root {
    --side-padding-page-default: 9.375%;
    --side-padding-content-default: 48px;
}

.tabs-underline [data-list] [class*="osicons-v2"].icons-ss-preview {
    display: none;
}
/*************************************/


/* Account Search */
.account-search-card:nth-child(even) {
    margin-left: var(--space-s);    
}

.account-search-card .industry-dnb {
    height: calc(var(--space-xxs) + var(--space-base));
}
/*************************************/


/* Business Questionnaire */
.assignbq-content {
    max-height: 37.5rem;
    min-height: 37.5rem;
    
    
}

.bq-answers > div {
    display: inline-flex;
}

.bq-answers > div [data-radio-button] + [data-radio-button] {
    margin-left: var(--space-l);
}

.bq-justification.form-control[data-textarea] {
    border: var(--border-size-s) solid var(--color-neutral-4);
    border-radius: var(--border-radius-mid-rounded);
    resize: none;
}

.bq-error-message {
    margin-top: 6.25rem;
    width: 42.5rem;
}
/*************************************/


/* Certifications Page */
.certifications-page__tooltip .osui-tooltip__balloon-wrapper__balloon {
    background-color: var(--color-neutral-8);
    border-radius: var(--tk-component-border-radius-100);
    color: var(--color-white);
    font-weight: var(--tk-font-weight-base);
    line-height: 1.5;
    min-width: 62px;
    padding: var(--space-xs) var(--space-s);
}

.certifications-page__tooltip-content {
    width: 150px;
}

.desktop .certifications__stats-columns .columns-item,
.tablet .certifications__stats-columns .columns-item,
.desktop .certifications__stats-columns [data-block='Content.Card'],
.tablet .certifications__stats-columns [data-block='Content.Card'] {
    display: inline-flex;
    width: 100%;
}

.tablet .certifications__stats-columns .columns-item .card-content,
.phone.portrait .certifications__stats-columns .columns-item .card-content {
    display: block;
    padding: var(--space-base);
}
/*************************************/

/* Deal Registration */
.borderline-right {
    border-style: none solid none none;
    border-width: var(--border-size-none) var(--border-size-s) var(--border-size-none) var(--border-size-none);
    border-color: var(--color-neutral-6);
}

.borderthickline-right {
    border-style: none solid none none;
    border-width: var(--border-size-none) var(--border-size-s) var(--border-size-none) var(--border-size-none);
    border-color: var(--color-neutral-4);
}

.opportunities .osui-tooltip.create-deal-reg__tooltip .osui-tooltip__balloon-wrapper__balloon {
    min-height: auto;
}

.thick-border {
    border: var(--border-size-m) solid var(--color-neutral-4);
}

/* This rule is to set the required field message under the description field */
.deal-reg-detail-page .form textarea[data-textarea] + span.validation-message {
    bottom: -1rem;
}

.deal-reg-detail-page .alert {
    width: auto;
}
/*************************************/


/* Deal Registration Table */
table.deal-reg-opp-table {
    border: var(--border-size-s) solid var(--color-neutral-1);
    border-collapse: collapse;
}

table.deal-reg-opp-table th, 
table.deal-reg-opp-table td {
    border-style: hidden;
    padding: var(--space-s);
    text-align: left;
}

table.deal-reg-opp-table tr:nth-child(even) {
    background-color: var(--color-neutral-0);
}

.osui-submenu.action-menu-hide-extraicon .osui-submenu__header__icon {
    display: none;
}
/*************************************/


/* Fake input */
div.fake-input {
    background: var(--color-neutral-1);
    border: var(--border-size-m) solid var(--color-neutral-2);
    color: var(--color-neutral-4);
    margin-bottom: var(--space-m);
    padding: 0.375rem var(--space-base);
}

div.fake-input.no-margin-bottom {
    margin-bottom: var(--space-none);
}
/*************************************/


/* Form Field */
.form-field__title.is-mandatory:after {
    color: var(--color-ruby-light);
    content: "*";
    font-size: var(--font-size-xs);
    font-weight: var(--font-bold);
    margin-left: var(--space-s);
}

.popup-dialog.width1000 {
    max-width: 1000px;
}

/*************************************/


/* Opportunity Detail Page */
.opportunity-detail-page .default-content.main-content.inner-content {
    background: var(--color-neutral-0);
    padding: var(--space-none);
}

.opportunity-detail-page .opportunity-status__progress-bar {width: 75%;}
.opportunity-detail-page .opportunity-status__percentage {width: 20%;}

.opportunity-detail-page .tab-transparent .tabs-header-tab {
    background-color: var(--color-transparent);
}

.opportunity-detail-page .sidebar-menu-item {
    width: 8.75rem;
}

.opportunity-detail-page .tabs.tabs-vertical .tabs-header {
    width: 10.625rem;
}
/*************************************/

/* Profile Page */
.partner-layout__profile .main-content-padding-top-none .default-content.main-content.outer-content,
.partner-layout__profile .main-content-padding-top-none .default-content.main-content.inner-content {
    padding: var(--space-none);
}

.partner-layout__profile .red-dot-before::before {
    content: '\2022';
    padding-left: 0.313rem;
    padding-right: 0.313rem;
}

.phone .partner-layout--switch-order {
    flex-direction: column;
}

.phone .partner-layout--switch-order > div:first-child {
    order: 2;
    padding-top: var(--space-xl);
}

.gradient-divider-grey {
    background-image: url(https://www.outsystems.com/PartnersArea_Iframe/img/PartnersReactive_Th.GradientTransparentSpaceGrey__oMTt8NyIlZpd0cweAamSlw.svg?oMTt8NyIlZpd0cweAamSlw);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 4rem;
}

.phone .partner-layout__profile-dropdown {
    overflow: hidden;
}

.phone .partner-layout__profile-dropdown.open {
    overflow: visible;
}

/*----- to delete after DigitalUi_ReactiveTh is stable -----*/
/*----- Header -----*/
@media (max-width: 991px) { 
    .header-placeholder {
        background: url(https://www.outsystems.com/PartnersArea_Iframe/img/PartnersReactive_Th.header_small__nnaECt9JvN7t2OYieRTMw.png?nnaECt9JvN7+t2OYieRTMw);
        height: 60px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}
@media (min-width: 992px) { 
    .header-placeholder{
        background: url(https://www.outsystems.com/PartnersArea_Iframe/img/PartnersReactive_Th.header__TmLZUicK7viNcCLd2wyOQ.png?TmLZUicK7v+iNcCLd2wyOQ);
        height: 90px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
}
/*----- Header -----*/


/*header*/
.row-fluid {
    background-color: white;
    padding: 0 10px;
    width: auto;
}


.P10PersonalHeaderBorderBottom {
    border: none;
    width: 100%;
    background: white;
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.07);
}

.P10NavTab {
    padding: 15px 0px;
    background: white;
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    color: #7a878b;
    text-align: center;
}

.P10NavTab.Active {
    color: #c82100;
    border-bottom: 3px solid #c82100;
    font-family: "Open Sans";
}

.P10HeaderHome {
    padding: 30px 0px 30px 0px;
    color: #1f282d;
    font-family: "Open Sans";
    font-size: 22px;
    line-height: 30px;
    font-weight: 300;
    border-bottom: 1px solid #eceff1;
}

.P10HeaderBold {
    font-weight: 600;
    font-family: "Open Sans";
}

.P10NavTab .P10InfrastructureType {
    width: 100%;   
    font-family: "Open Sans";
    font-size: 14px;
    font-weight: 600;
    line-height: 19px;
    white-space: nowrap;
    margin-right: 48px;
}

.P10HeaderBottom {
    background-color: #e7eced;
    border: 1px solid #d3dadb;
}

.default-content-header {
    margin-left: auto;
    padding: var(--space-m) var(--space-base);
    max-width: 1140px;
    position: relative;
    margin: auto;
}

.default-content-footer {
    bottom: 0;
    position: absolute;
    left: var(--side-padding-content-default);
    right: var(--side-padding-content-default);
}

.default-content-footer > div {
    padding: var(--space-m) var(--space-xxl);
    border-top: var(--border-size-s) solid var(--color-neutral-8);
}

.content-header-title.font-cabin {
    font-family: 'Cabin', Arial, Helvetica, sans-serif;
    font-size: var(--font-size-h1);
    color: var(--color-neutral-10);
    font-weight: var(--tk-font-weight-l);    
    line-height: 1.25;
    margin: 0;
}

/* ===================================================================== */
/*  $4 - Page Layout                                                     */
/* ===================================================================== */
.layout {
    flex-direction: column;
}

.layout .main {
    flex: 1;
    --header-gutter: var(--header-size);
    padding-top: 90px;
}

.layout.no-padding-top .main {
    padding-top: 0;
}

.hidden {
    display: none;
}

.layout-top .content .ThemeGrid_Container {
    padding-bottom: 0;
    padding-top: 0;
}

.layout-top .content .header-wrapper > .ThemeGrid_Container {
    padding-top: var(--space-xl);
}

.layout-top .content .ThemeGrid_Container,
div.ThemeGrid_Container,
.ThemeGrid_Container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.default-content.main-content.outer-content {
    background: var(--color-neutral-0);
    padding: 2.472% var(--side-padding-page-default);
    width: 100%;
}

.default-content.main-content.inner-content {
    background: var(--color-white);
    padding: 40px var(--side-padding-content-default) 0px var(--side-padding-content-default);
    width: 100%;
    height: 100%;
    max-width: 1110px;
    margin: auto;
}

.default-content.main-content.main {
    height: 100%;
    padding-bottom: 90px;
    padding-top: 0px;
}

div.ellipsis-oneline {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (min-width: 992px) {
    .layout-top .content .ThemeGrid_Container,
    div.ThemeGrid_Container,
    .ThemeGrid_Container {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .layout-top .content .ThemeGrid_Container,
    div.ThemeGrid_Container,
    .ThemeGrid_Container {
        max-width: 1140px;
    }
}

/*------MenuLeft-----*/
/* Menu Left Wrapper */
.menu-left-wrapper a .menu-left {
    color: var(--color-neutral-5);
}

.menu-left-wrapper a .menu-left.is-selected {
    color: var(--color-neutral-8);
    background-color: var(--color-neutral-0);
    text-decoration: none !important;
    font-weight: var(--font-bold);
}

.menu-left-wrapper a .menu-left.is-selected:before {
    background-color: var(--color-red);
    bottom: var(--space-none);
    content: "";
    position: absolute;
    right: var(--space-none);
    top: var(--space-none);
    width: 3px;
}

.menu-left-wrapper a .menu-left.is-disabled {
    color: var(--color-neutral-3);
}

.menu-left-wrapper a:hover {
    text-decoration: none;
}

.menu-left-wrapper a {
    text-decoration: none;
}

.menu-left-wrapper a:hover .menu-left {
    background-color: var(--color-neutral-0);
    text-decoration: none;
}

/* Menu Left Item */
.menu-left {
    align-items: center;
    color: var(--color-neutral-5);
    display: flex;
    font-weight: var(--font-regular);
    height: var(--space-xxl);
    justify-content: left;
    padding-left: var(--space-base);
    padding-right: var(--space-base);
    position: relative;
    transition: all 200ms ease;
}

.menu-left.is-disabled {
    color: var(--color-neutral-3);
}

.menu-left.is-sub {
    font-size: var(--font-size-s);
    height: var(--space-xl);
    margin-left: var(--space-s);
    padding-left: var(--space-xxl);
}

.menu-left.is-selected {
    background-color: var(--color-neutral-0);
    color: var(--color-neutral-8);
    font-weight: var(--font-bold);
}

.menu-left.is-selected:before {
    background-color: var(--color-red);
    bottom: var(--space-none);
    content: "";
    position: absolute;
    right: var(--space-none);
    top: var(--space-none);
    width: 20px;
}

/* --- New Home Menu ---- */
.navigation-bar-item.is--open .navigation-bar-item-title a .tab-overview .menu-item {
    font-weight: bold;
    background-color: var(--color-neutral-0);
    color: var(--color-neutral-8);
}

.navigation-bar-item.is--open .navigation-bar-item-title a .tab-platform .menu-item {
   font-weight: bold;
   background-color: var(--color-neutral-0);
   color: var(--color-neutral-8);
}

.navigation-bar-item.is--open .navigation-bar-item-title a .tab-team .menu-item {
    font-weight: bold;
    background-color: var(--color-neutral-0);
    color: var(--color-neutral-8);
}

.navigation-bar-item.is--open .navigation-bar-item-title a .tab-project .menu-item {
    font-weight: bold;
    background-color: var(--color-neutral-0);
    color: var(--color-neutral-8);
}

.navigation-bar-item.is--open .navigation-bar-item-title a .tab-training .menu-item {
    font-weight: bold;
    background-color: var(--color-neutral-0);
    color: var(--color-neutral-8);
}

.navigation-bar-item.is--open .navigation-bar-item-title a .tab-tools .menu-item {
    font-weight: bold;
    background-color: var(--color-neutral-0);
    color: var(--color-neutral-8);
}

/* Content2ColsSmallLeft */
.col1-without-padding > div > div > .content2cols-small-left__col1 {
    padding-bottom: var(--space-none);
    position: relative;
}

.content2cols-small-left {
    position: ab;
    width: 100%;
}

.content2cols-small-left:before {
    content: "";
    height: 100%;
    left: 22%;
    position: absolute;
    right: var(--space-none);
}

.content2cols-small-left .ThemeGrid_Container {
    display: flex;
    width: 100%;
    
    
}

.content2cols-small-left__col1 {
    background-color: var(--color-white);
    border-radius: 1px solid var(--color-neutral-1);
    padding: var(--space-xl) var(--space-none);
    position: relative;
    width: 13.3125rem;
    z-index: 1;
    
    
}

.content2cols-small-left__col1:before {
    background: var(--color-white);
    content: "";
    height: 100%;
    position: absolute;
    right: 100%;
    top: 0;
    width: 50vw;
}

.content2cols-small-left__col2 {
    padding: var(--space-l) var(--space-none) var(--space-l) var(--space-m);
    position: relative;
    width: 100%;
    
    
}

.phone .content2cols-small-left__col1,
.phone .content2cols-small-left__col1:before {
    display: none;
}

.phone .content2cols-small-left__col2 {
    padding-left: 0;
    width: 100%;
}

.postion-relative {
    position: relative;
}

.support-ticket-chart {
    position: absolute;
    left: 122px;
    top: 52px;
    /*-webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);*/
}

.rectangle-447 {
    width: 100%;
    height: 1px;
    background: var(--color-neutral-1);
}

/* ===================================================================== */
/*  $8 - Custom                                                          */
/* ===================================================================== */

.display-flex.align-items-start {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.display-flex.align-items-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.display-flex.align-items-end {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
.display-flex.justify-content-end {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.display-flex.justify-content-between {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

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

.margin-bottom-xxl { margin-bottom: var(--space-xxl); }

.margin-left-s { 
    margin-left: var(--space-s);
    text-decoration: none;
}

.phone .margin-left-base-phone,
.button-group.justified .ListRecords {
    width: 100%;
}

.button-group .ListRecords {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

a.text-neutral-5:hover,
.text-neutral-5 { color: var(--color-neutral-5); }

.text-neutral-6:visited,
a.text-neutral-6:hover,
.text-neutral-6 { color: var(--color-neutral-6); }

a.text-neutral-7:hover,
.text-neutral-7 { color: var(--color-neutral-7); }

a.text-neutral-8:hover,
.text-neutral-8 { color: var(--color-neutral-8); }

.text-neutral-9:visited,
a.text-neutral-9:hover,
.text-neutral-9 { color: var(--color-neutral-9); }

a.text-neutral-10:hover,
.text-neutral-10 { color: var(--color-neutral-10); }

.input.font-size-s,
.font-size-s { font-size: var(--font-size-s); }

.input.font-size-xs,
.font-size-xs { font-size: var(--font-size-xs); }

.font-regular { font-weight: var(--font-regular); }

.padding-left-xxl { padding-left: var(--space-xxl); }

.popup-backdrop { z-index: 1002; }

.alert.full-width{ width:100%; }

/* MEMBERS */
.members-header {
    padding: var(--space-base) var(--space-m);
    color: var(--color-neutral-6);
    border: var(--border-size-s) solid var(--color-neutral-2);
    border-bottom-width: var(--border-size-none);
    border-radius: var(--border-radius-soft) var(--border-radius-soft) var(--border-radius-none) var(--border-radius-none);
}

/*Activation Codes Drop Down */
.AccountListDropDown {
    background-color: white;
    position: relative; 
    margin: 10px 0px;
    padding: 10px 20px;
    border: 1px solid #e7eced;
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
}

.AccountListDropDown a:hover {
    text-decoration: none;
}

.AccountListDropDownElement {
    padding: 10px 20px;
    border: 1px solid #e7eced;    
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.16);
}

.AccountListDropDownElement:hover {
    background-color: #F5F6FA;
}

.text-wordbreak-all {
    word-break: break-all;
}

.AccountListDropDownArrow {
    padding: 8px 0px;
    color: #7a878b;
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
}

.SubscriptionsPosition {
    position: absolute;
    top: 64px;
    z-index: 10;
    background: #FFF;
    width: 100%;
    left: 0px;

    
}

.AccountListDropDownCompanyName {
    color: #7a878b;
    font-family: "Open Sans";
    font-size: 12px;
    font-weight: 700;
    line-height: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 180px;
    white-space: nowrap;
}

.AccountListDropDownActivationCode {
    color: #7a878b;
    font-family: "Open Sans";
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    margin-left: 20px;
}

.AccountListDropDownDescEnterprise {
    color: #1f282d;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration: none;
}


/* Structure Left Menu */
.structure-left-menu {
    background-color: var(--color-neutral-0);
    display: flex;
    flex: 1;
    flex-direction: column;
}

.structure-left-menu__width {
    display: flex;
    flex: 1;
    width: 100%;
}

.structure-left-menu:not(.no-fullwidth) .structure-left-menu__width {
    max-width: 100% !important; /* important to overlap DigitalUI CSS */
}

.structure-left-menu__left {
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    padding-left: var(--space-m);
    padding-top: var(--space-l);
    position: relative;
    width: 256px;   
}

.centercontainer {
    background-color: var(--color-neutral-0); 
}

.rightcontainer {
    background-color: #E7EAF3; 
}

.structure-left-menu__bg {
    background-color: var(--color-white);
    bottom: 0;
    position: absolute;
    right: 256px;
    top: 0;
    width: 50vw;
}

.structure-left-menu__content {
    flex: 1;
    padding: var(--space-xl) var(--space-m);
}

.structure-left-menu:not(.no-fullwidth) .structure-left-menu__content {
    max-width: 100% !important; /* important to overlap DigitalUI CSS */
}

.structure-left-menu__menu {
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    flex: 1;
}

.structure-left-menu.no-fullwidth .structure-left-menu__content {
    left: calc(-256px / 2);
    position: relative;
}

.structure-left-menu.no-fullwidth .structure-left-menu__bg {
    display: none;
}

@media (min-width: 1679px) {
    .structure-left-menu.no-fullwidth .structure-left-menu__width {
        max-width: 100%;
        padding: 0;
        width: 100%;
    }
}

@media (max-width: 1680px) {
    .structure-left-menu.no-fullwidth .structure-left-menu__content {
        position: static
    }
    
    .structure-left-menu.no-fullwidth .structure-left-menu__bg {
        display: block;
    }
}

.border-warning {
    border: 1px solid var(--color-info-light);
}

.separator-line-grey {
    width: 100%;
    height: 1px;
    background: var(--color-neutral-1);
}

.margin-left-12 {
    margin-left: 12px;
}

.margin-top-12 {
    margin-top: 12px;
}

.margin-right-12 {
    margin-right: 12px;
}

.subs-img-size {
    width: 18px;
    height: 18px;
}

.outline-neutral-1 {
    border: 1px solid var(--color-neutral-1);
}

.custom-chart .highcharts-legend-title {
    transform: translateY(-15px);
}

.btn1 {
    color: var(--color-white);
    border-radius: var(--border-radius-mid-rounded);
    height: 32px;
    padding: 5.5px 12px 5.5px 12px;
}

.AlertRed1 {
    background: var(--color-error-lighter);
    border: var(--border-size-m) solid var(--color-error-light);
    border-radius: var(--border-radius-mid-rounded);
}

.AlertRed1 .btn1 {
    background-color: var(--color-red);
}

.AlertRed1 .icon-alert {
    color: var(--color-primary);
}

.AlertYellow1 {
    background: var(--color-warning-lighter);
    border: var(--border-size-m) solid var(--color-warning-light);
    border-radius: var(--border-radius-mid-rounded);
}

.AlertYellow1 .btn1 {
    background-color: var(--color-neutral-10);
}

.AlertYellow1 .icon-alert {
    color: var(--color-yellow-dark);
}

.AlertGreen1 {
    background: var(--color-success-lighter);
    border: var(--border-size-m) solid var(--color-success-light);
    border-radius: var(--border-radius-mid-rounded);
}

.AlertGreen1 .btn1 {
    background-color: var(--color-green);
}

.AlertGreen1 .icon-alert {
    color: #005F21;
}

.AlertBlue1 {
    background: var(--color-info-lighter);
    border: var(--border-size-m) solid var(--color-info-light);
    border-radius: var(--border-radius-mid-rounded);
}

.AlertBlue1 .btn1 {
    background-color: var(--color-blue-dark);
}

.AlertBlue1 .icon-alert {
    color: #0077B2;
}

.icon-announcement {}

.announcement-widget {}

.announcement-widget-close {
    color: var(--color-neutral-6);
    position: absolute;
    top:13.5px;
    right:16px;
}

.announcement-widget .announcement-widget-close {
    display: none;
}

.announcement-widget:hover {
    box-shadow: 0px 2px 8px 0px rgba(10, 20, 30, 0.1);
}

.announcement-widget:hover .announcement-widget-close {
    display: inline;
}

.custom-size {
    position: relative;
}

.custom-size .carousel .carousel-navigation {
    top: 3%;
}

.custom-size .carousel .carousel-dots-container {
    position: absolute;
    top: -5%;
    margin-top: 0;
}

.custom-size .list.list-group {
    position: static!important;
}

.custom-size .carousel {
    position: static!important;
    will-change: auto!important; 
}

.custom-size .carousel .carousel-navigation {
    border: none;
    box-shadow: none;
    background-color: transparent;
    font-size: var(--font-size-xl);
    width: 0px;
    
}

.custom-size .carousel .carousel-navigation.carousel-navigation-left {
    left: 94% !important;
}


.custom-size .carousel .carousel-navigation.carousel-navigation-right {
    right: 2%;
}

.top-align {
    vertical-align: top;
}

.custom-size .carousel .carousel-container > .carousel-container-content > :not(.list),
.carousel .carousel-container > .carousel-container-content > .list > div {
    overflow: hidden;
}

.custom-size .carousel .carousel-dots-container .carousel-dot.active {
    background-color: var(--color-neutral-8);
}

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

/*******/

.table-Alerts {
    border-radius: var(--border-radius-soft);
    border-spacing: 0;
    empty-cells: show;
    white-space: nowrap;
    width: 100%;
    word-break: keep-all;
}

.icon-alert {}

.alert-widget {}

.alert-close {
    color: var(--color-neutral-8);
    background-color: var(--color-white);
    position: absolute;
    left: 99%;
    top:-22%;
    border-radius: var(--border-radius-circle);
    height: 24px;
    width: 24px;
    text-align: center;
}

.alert-widget .alert-close {
    display: none;
}

.alert-arrow-right {
    color: var(--color-neutral-8);
    background-color: var(--color-white);
    position: absolute;
    left: 96.5%;
    top: -22%;
    border-radius: var(--border-radius-circle);
    height: 24px;
    width: 24px;
    text-align: center;
}

.alert-arrow-left {
    color: var(--color-neutral-8);
    background-color: var(--color-white);
    position: absolute;
    left: 94.5%;
    top:-22%;
    border-radius: var(--border-radius-circle);
    height: 24px;
    width: 24px;
    text-align: center;
}

.alert-widget .alert-arrow-right {
    display: none;
}

.alert-widget .alert-arrow-left {
    display: none;
}

.alert-widget:hover {
    box-shadow: 0px 2px 8px 0px rgba(10, 20, 30, 0.1);
}

.alert-widget:hover .alert-close {
    display: inline;
}

.alert-widget:hover .alert-arrow-left {
    display: inline;
}

.alert-widget:hover .alert-arrow-right {
    display: inline;
}

.test-size {
    height: 64px;
}

#reactContainer
,#transitionContainer
,#transitionContainer .active-screen.screen-container{
    display: inline;
}

.download-button {
    border-color: var(--color-neutral-4);
    border-radius: var(--border-radius-mid-rounded);
    border-style: solid;
    border-width: var(--border-size-m);
    color: var(--color-neutral-4);
    padding: var(--space-xs) var(--space-s);
    text-align: center;
}

.download-button:hover,
.download-button:focus {
    border-color: var(--color-neutral-6);
    color: var(--color-neutral-6);
    text-decoration: none;
}

.textAlignLeft {
    text-align: left !important;
}

.popup-footer-border-top {
    border-top: 1px solid var(--color-neutral-1);
}

.additional-information-container {
    height: calc(100vh - 500px);
}

.font-size-h4 {
    font-size: var(--font-size-h4);
}

/*
    OutSystemsUI / DigitalUI OVERWRITEs
*/

.choices.is-disabled div.choices__inner {
    background-color: var(--color-neutral-1);
    border: var(--tk-input-border-width) solid var(--color-neutral-2);
    color: var(--color-neutral-0);
}

.choices[data-type*=select-one].is-disabled .choices__list--single div.choices__item {
    color: var(--color-neutral-4);
}


/*----- Opportunities Screen  -----*/
.buttonTabHeader {
    background-color: white;
    border-width: 0px 0px 1px 0px;
    height: 60px;
    width: 250px;
}

.btThUnselected {
    border-color: rgb(211, 211, 211, 0.5);
    color: grey;
}

.btThSelected {
    color: rgba(255, 0, 0);
    border-color: rgba(255, 0, 0, 0.5);
    font-weight: bold;
}

.btnGotIt {
    background: #00802D;
    border-radius: 6px;
    border-width: 0px;
    height: 40px;
    padding: 10px;
    width: 66px;
    text-align: right;
    margin-top: 0px;
    cursor: pointer;
}

.contOppLifeCycleMain {
    background-color: #fff;
    margin-bottom: 0px;
    margin-right: 0px;
    margin-top: 0px;
    padding: 0px;
    margin-left: 0px;
}

.contOppLifeCycleTitle {
    color: #39414A;
    font-size: 18px;
    margin-bottom: 24px;
    font-weight: bold;
}

.contOppLifeCycleClose {
    color: #39414A;
    font-size: 18px;
    margin-bottom: 24px;
    text-align: right;
}

.contOppLifeCycleBody {
    margin-bottom: 24px;
    color: #39414A;
    font-size: 12px;
}

.contOppLifeCycleImage {
    border-color: #DEDFE4;
    padding: 0px 0px 24px 0px;
    text-align: center;
}

.contOppLifeCycleButtonPlaceHolder {
    margin-top: 24px;
    text-align: right;
}

.popupOpp {
    position: absolute;
    border-radius: 6px;
    margin-top: 150px;
    min-width: 70%;
    border: 2px solid var(--color-neutral-2);
    box-shadow: none;
    overflow: hidden;
}

.popupline {
    border-style: solid;
    border-width: 1px 0px 0px 0px;
    border-color: #dedfe4;
    min-width: 754px;
    margin-left: -25px;
    margin-bottom:20px ;
}

.button-group--short {
    max-width: 100px;
    min-width: 100px;
    min-height: 40px;
    max-height: 40px;
}

.oppDropdown {
    max-height: 32px;
}

.button-group-width {
    max-width: 525px;
    min-width: 525px;
    margin-top: 24px;
}

.oppdateRange {
    margin-left: 10px;
}

.oppCsvButtom {
    margin-left: 106px;
    margin-top: 4px;
}

.oppfilter {
    max-width: 150;
}

.oppInputsFilters {
     max-width: 200px;
}

.oppDataFilters {
     max-width: 220px;
}

.oppSearch {
    max-width: 400px;
    min-width: 400px;
    height: 40px;
}

.opportunities .osui-tooltip .osui-tooltip__balloon-wrapper__balloon {
    background-color: white;
    color: black;
    border-color: lightgray;
    border-width: 1px;
    border-style: solid;
    min-width: 300px;
}

.opportunities .contTabs {
    margin-top: 25px;
}

.opportunities .popupOpp {
    max-height: 600px;
}


/*----- END Opportunities Screen  -----*/


/* New Account Screen */

.new-account .form span.validation-message {
    bottom: -26px;
    margin-left: 0px;
    position: absolute;
    white-space: nowrap;
    width: 100%;
    padding: 0px;
}

.new-account .form.OSFillParent .form-control[class*=ThemeGrid_Width].not-valid + span.validation-message {
    left: 0px;
}

.new-account .form-control[class*=ThemeGrid_Width].not-valid + span.validation-message {
    left: 0px;
}

/* End of New Account Screen */

/*----- Start MKT Flow  -----*/

.os-mkt-btn-secondary-with-border {
    background-color: white;
    justify-content: center;
    align-items: center;
    height: 40px;
    border: 2px solid #979CA2;
    border-radius: 6px;
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #686E76;  
    cursor: pointer;
}

.os-mkt-btn-secondary-with-border:disabled {
    background: var(--color-neutral-2);
    cursor: auto;
}

.os-mkt-btn-secondary-without-border {
    background-color: white;
    align-items: center;
    height: 40px;
    border-radius: 6px;
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #686E76; 
    border-width: 0px;
    cursor: pointer;
}

.os-mkt-btn-primary{
    background-color: #00802D;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-radius: 6px;
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: white; 
    border-width: 0px;
    cursor: pointer;
}

.os-mkt-btn-primary-blue{
    background-color: #32A9E5;
    justify-content: center;
    align-items: center;
    height: 40px;
    border-radius: 6px;
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;   
    color: white; 
    border-width: 0px;
    cursor: pointer;
}


/*----- END MKT Flow  -----*/

/* Leads screen */
.tooltip-width-wide{
    width: 400px;
}

/*----- END Leads Flow  -----*/

/* Opportunities screen */
table.deal-reg-opp-table th.deal-reg__creation-date {width: 11%;}
table.deal-reg-opp-table th.deal-reg__name {width: 25%;}
table.deal-reg-opp-table th.deal-reg__customer {width: 17%;}
table.deal-reg-opp-table th.deal-reg__closedate {width: 15%;}
table.deal-reg-opp-table th.deal-reg__status {width: 17%;}
table.deal-reg-opp-table th.deal-reg__submenu {width: 3%;}

table.deal-reg-opp-table th.opportunity__creation-date {width: 11%;}
table.deal-reg-opp-table th.opportunity__name {width: 25%;}
table.deal-reg-opp-table th.opportunity__customer {width: 17%;}
table.deal-reg-opp-table th.opportunity__closedate {width: 11%;}
table.deal-reg-opp-table th.opportunity__status {width: 15%;}
table.deal-reg-opp-table th.opportunity__submenu {width: 3%;}
table.deal-reg-opp-table th.opportunity__newarr {width: 11%;}
/*----- END Opportunities Flow  -----*/

/* Utils */
.flex-wrap {
    flex-wrap: wrap;
}

.flex-grow-1 {
    flex-grow: 1;
}

.row-gap-s {
    row-gap: var(--space-s);
}

.row-gap-base {
    row-gap: var(--space-base);
}

.row-gap-l {
    row-gap: var(--space-l);
}

.popup-dialog.max-width-s {
    max-width: 25rem;
}

.popup-dialog.max-width-m {
    max-width: 50rem;
}

div.popup-dialog.overflow-y-visible {
    overflow-y: visible;
}

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

.flex-shrink-0 {
    flex-shrink: 0;
}

.tablet .tablet-text-wrap {
    white-space: normal;
}

.phone .text-align-center-phone {
    text-align: center;
}

/* Remove paragraphs added by Froala on banners */
.banner-message p:first-of-type {
    margin: 0px;
}

/* Restore button title on hover */
.btn[disabled] {
    pointer-events: auto;
}

/* Smart Tooltip Fix */
.dex-tooltip__tooltip-container:before {
    content: '';
    height: calc( 100% + 1rem);
    left: calc( -1 * 0.5rem);
    position: absolute;
    top:  calc( -1 * 0.5rem);
    width: calc( 100% + 1rem);
    z-index: -1;
}

.phone .OverflowMenu__MobileOpportunities button.osui-overflow-menu__trigger::after {
    border:none;    
}
.phone .OverflowMenu__MobileOpportunities button.osui-overflow-menu__trigger {
    align-items: baseline;
    height: auto;
    padding: 0.3em;
}

.phone .table.deal-reg-opp-table td[data-header="Status"] div[data-block="Navigation.OverflowMenu"] {
    margin-left:auto;
}

.large-tooltip {
    min-width: 300px;
}