:root {
    --ec-main-color: #1d4973;
    --fp-main-color: #dfa100;
    --bc-main-color: #00aad4;

    --bc-main-color-rgb: 0, 170, 212;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.avatar {
    border-radius: 50%;
    width: 48px;
    height: 48px;
    color: #fff;
    background: #666666;
    display: inline-block;
    margin-left: 4px;
    border: solid 4px #fff;
}

.avatar PRE {
    margin: 6px 0 0 0;
    padding: 0px;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border: none !important;
    overflow: hidden;
}

.sc-main-color {
    color: var(--ec-main-color);
}

.sc-main {
    /* background-color: var(--ec-main-color); */
}

.sc-ec-main {
    background: url("../../imgs/platform_usr_bck-02.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.sc-fp-main {
    background: url("../../imgs/platform_usr_bck-04.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.sc-bc-main {
    background: url("../../imgs/bc_bck.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.sc-main-white {
    background-color: #fff !important;
}

.sc-main-auth {
    background: url("../../imgs/platform_usr_bck-01.png") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.sc-auth-left-banner-bg {
    background-image: url("../../imgs/auth_left_banner-05.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

.sc-auth-left-banner-bg-small {
    background-image: url("../../imgs/auth_left_banner-04.png");
    background-position: 0 0;
    /* background-repeat: no-repeat; */
}

.sc-auth-left-banner-bg-large {
    background-image: url("../../imgs/auth_left_banner-01.png");
    background-position: 0 0;
    background-repeat: no-repeat;
}

.si-logo-left-side-4 {
    position: absolute;
    top: 20px;
    right: 30px;
    width: 96px;
}

.sc-topbar-logo {
    margin: .875rem .875rem 0 0;
}

.sc-auth-signin-container {
    width: 960px;
    height: 480px;
    background-color: #fff;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}

.sc-auth-signup-container {
    width: 1200px;
    height: 600px;
    background-color: #fff;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}

.sc-auth-signup-info {
    background-color: #fff;
    padding: 2rem;
}

.sc-auth-title {
    color: #333;
}

.sc-signup-content {
    /* margin: 0px !important; */
}

.sc-min-width-800 {
    min-width: 800px;
}

.sc-min-width-1200 {
    min-width: 1200px;
}

.sc-list-no-bullet {
    list-style-type: none;
}

/* ----------------- auth form controls ----------------- */

.sc-auth-form {
    padding: 1rem 1rem 1rem 0;
}

.sc-auth-form LABEL {
    width: 100%;
    color: #aaa;
}

.sc-auth-form SELECT {
    width: 100%;
    color: #666 !important;
    border: none;
    padding-left: 8px;
    padding-right: 8px;
    min-height: 40px;
}

.sc-auth-form INPUT {
    padding-left: 8px;
    padding-right: 8px;
    min-height: 40px;
    color: #666 !important;
    background-color: #eee !important;
    border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: solid 1px #ccc !important;
    width: 100%;
}

.sc-auth-form INPUT:focus {
    /* border: none !important; */
    outline: none;
    background-color: #ccc !important;
}

.sc-auth-form A {
    color: #666;
    text-decoration: none;
}

.sc-auth-container {
    color: #666 !important;
}

.sc-auth-button-signin {
    width: 128px;
    height: 44px;
    cursor: pointer;
}

.sc-auth-button-signin A {
    width: 128px;
    height: 44px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: var(--ec-main-color) !important;
    text-decoration: none;
    font-size: 1em;
    display: inline-block;
    /* font-family: Montserrat; */
    text-transform: uppercase;
    padding: 0.5em 2em;
    border: 2px solid var(--ec-main-color);
    transition: 0.02s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
}

.sc-auth-button-signin A::before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: 100%;
    bottom: 0;
    background: var(--ec-main-color);
    transition: 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s cubic-bezier(0.1, 0, 0.1, 1);
    z-index: -1;
}

.sc-auth-button-signin A::after {
    content: "";
    display: inline-block;
    background-image: url("../../imgs/arrow_auth.png");
    position: absolute;
    top: 0;
    left: calc(100% - 3em);
    right: 3em;
    bottom: 0;
    background-size: 1.5em;
    background-repeat: no-repeat;
    background-position: center;
    transition: right 0.3s cubic-bezier(0.1, 0, 0.1, 1);
}

.sc-auth-button-signin A:hover {
    padding: 0.5em 3.5em 0.5em 0.5em;
}

.sc-auth-button-signin A:hover::before {
    left: calc(100% - 3em);
    right: 0;
    transition: 0.3s cubic-bezier(0.1, 0, 0.1, 1), left 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
}

.sc-auth-button-signin A:hover::after {
    right: 0;
    transition: right 0.3s 0.2s cubic-bezier(0.1, 0, 0.1, 1);
}

.sc-auth-button-signup A {
    width: 128px;
    height: 44px;
    /*
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    color: var(--ec-main-color) !important;
    text-decoration: none;
    font-size: 1em;
    display: inline-block;
    /* font-family: Montserrat; */
    text-transform: uppercase;
    padding: 0.5em 0;
    border: 2px solid var(--ec-main-color);
    /* transition: 0.02s 0.2s cubic-bezier(0.1, 0, 0.1, 1); */
}

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

.sc-tag-pointer {
    cursor: pointer;
}

.sc-tag-disabled {
    opacity: 0.4;
    pointer-events: none;
}

.sc-tag-color-666 {
    color: #666 !important;
}

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

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

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

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

.sc-font-24 {
    font-size: 24px;
}

.sc-font-32 {
    font-size: 32px;
}

.sc-main-lightgrey {
    background-color: #bcbcbc !important;
}

.sc-body-public {
    /* background-color: var(--ec-main-color);
    background-image: url("../../imgs/appchoice_bck.jpg");
    background-position: right bottom;
    background-repeat: no-repeat; Prevent showing multiple background images
    */
}

.sc-page-content {
    padding: 0 !important;
}

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

.sc-body-help {
    background-color: var(--ec-main-color);
}

.sc-square-badge {
    text-align: center;
    width: 24px;
    height: 24px;
}

.sc-text-active {
    color: #009900;
}

.sc-text-warning {
    color: #BBBB00;
}

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

.sc-text-right {
    text-align: right;
}

.sc-text-passive {
    color: #990000;
}

.sc-dropdown-user {
    min-width: 320px;
}

.sc-dropdown-user-menu {
    border: none;
    background-color: #eee;
}

.sc-dropdown-user-menu A {
    color: #666 !important;
}

.sc-dropdown-user-menu I {
    color: #999 !important;
    margin-right: 8px;
}

.sc-dropdown-user-menu .sc-dd-item-green {
    color: #009900 !important;
}

.sc-navbar-user-image {
    background-color: unset !important;
}

.sc-navbar-user-image IMG {
    background-color: unset !important;
}

.sc-navbar-user-badge {
    /* margin-top: 10px; */
    display: flex;
    padding: 8px;
    border-radius: 4px;
    /* background-color: #fff; */
    color: #2196f3;
    /* border: solid 1px #2196f3; */
}

.sc-navbar-user-badge:hover {
    background-color: rgba(255, 255, 255, .5) !important;
}

.sc-navbar-fullname {
    /* color: #293950; */
}

.sc-user-dropdown-link {
    background-color: unset !important;
    color: #2196f3 !important;
}

.sc-user-dropdown-link :hover {
    background-color: var(--ec-main-color);
}

/*
.sc-user-dropdown-link :hover {
    background-color: unset !important;
    color: unset !important;
}

.sc-user-dropdown-link :focus {
    background-color: unset !important;
    color: unset !important;
}
 */

.sc-message-badge-hidden {
    display: none !important;
}

.navbar-app-switcher {
    margin: 30px auto 0 auto;
    padding-right: 40px;
    width: 100%;
    text-align: center;
    font-size: 125%;
    color: #fff;
}

.sc-applogo-selected {
    border: solid 4px rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
}

.sc-applogo-unselected {
    width: 32px;
    height: 32px;
}

.navbar-app-indicator-active {
    /* nop */
}

.navbar-app-indicator-hidden {
    visibility: hidden;
}

.navbar-app-switcher a {
    color: #fff;
}

.navbar-app-switcher a:hover {
    color: rgba(255, 255, 255, 0.5);
}

.navbar-app-switcher-separator {
    margin-left: 5px;
    margin-right: 5px;
    opacity: 0.3;
}

.sc-navbar {
    border: none !important;
    background-color: transparent !important;
}

.sc-navbar-logo-wrapper {
    margin-right: 20px;
    min-width: 100px !important;
    max-height: 52px !important;
}

.sc-navbar-logo-wrapper-2 {
    margin-right: 10px;
    width: 96px !important;
}

.sc-navbar-logo-wrapper-2 img {
    margin-top: 6px;
}

.sc-navbar-logo {
    height: 38px !important;
}

.sc-navbar-logo-wrapper-3 {
    margin-top: 19px;
    width: 240px;
    height: 40px;
    display: flex;
    align-content: end;
}

.sc-navbar-logo-wrapper-4 {
    margin-top: 19px;
    width: 320px;
    height: 40px;
    display: flex;
    align-content: end;
}

.sc-navbar-logo-wrapper-5 {
    margin-top: 19px;
    width: 400px;
    height: 40px;
    display: flex;
    align-content: end;
}

.sc-navbar-app-selector {
    width: 80px;
    height: 40px;
    border: none;
    outline: none;
    cursor: pointer;
}

.sc-navbar-app-selector-menu {
    background-image: url(../../imgs/si_menu_app_tb_btn.png);
}

.sc-navbar-app-selector-menu:hover {
    filter: brightness(.7);
}

.sc-navbar-app-selector-menu:focus {
    border: none;
    outline: none;
}

.sc-navbar-app-selector-menu-none {
    /* nop */
}

.sc-navbar-app-selector-menu-selected {
    background-image: url(../../imgs/si_menu_app_tb_btn_on.png);
}

.sc-navbar-app-selector-sc {
    background-image: url(../../imgs/si_control_app_tb_btn.png);
}

.sc-navbar-app-selector-sc:hover {
    filter: brightness(.7);
}

.sc-navbar-app-selector-sc:focus {
    border: none;
    outline: none;
}

.sc-navbar-app-selector-sc-none {
    /* nop */
}

.sc-navbar-app-selector-sc-selected {
    background-image: url(../../imgs/si_control_app_tb_btn_on.png);
}

.sc-navbar-app-selector-fp {
    background-image: url(../../imgs/si_cash_app_tb_btn.png);
}

.sc-navbar-app-selector-fp:hover {
    filter: brightness(.7);
}

.sc-navbar-app-selector-fp:focus {
    border: none;
    outline: none;
}

.sc-navbar-app-selector-fp-none {
    /* nop */
}

.sc-navbar-app-selector-fp-selected {
    background-image: url(../../imgs/si_cash_app_tb_btn_on.png);
}

.sc-navbar-app-selector-bc {
    background-image: url(../../imgs/si_business_crisis_app_tb_btn.png);
}

.sc-navbar-app-selector-bc:hover {
    filter: brightness(.7);
}

.sc-navbar-app-selector-bc:focus {
    border: none;
    outline: none;
}

.sc-navbar-app-selector-bc-none {
    /* nop */
}

.sc-navbar-app-selector-bc-selected {
    background-image: url(../../imgs/si_business_crisis_app_tb_btn_on.png);
}

.sc-product-plans-topbar {
}

.sc-productplan-smallheader {
    font-size: 12px !important;
}

.sc-text-white {
    color: #fff;
}

.sc-footer {
    background-color: transparent;
    border: none;
    /*background-color: #3d76ac; */
    /* color: #666; */
    /* border-color: #0a3863;
    border-radius: 4px; */
}

.sc-footer-subtitle {
    font-size: 125%;
}

.sc-footer li, .sc-footer a, .sc-footer p, .sc-footer span, .sc-footer div {
    color: #999 !important;
}

.sc-footer a:hover {
    color: #0a3863 !important;
}

.sc-footer-li-hidden {
    display: none;
}

.sc-footer-smalltext {
    font-size: 70%;
}

.sc-body-logged {
    /* background-image: url(../../imgs/wp_002a.jpg);
    background-size: 100% 100%;
    resize: both;
    background-color: #e0e0e0 !important; */

    /*background-image: linear-gradient(90deg, var(--fp-main-color), white 30%); */
    /*background-image: linear-gradient(90deg, var(--ec-main-color), hsl(from var(--ec-main-color) h s calc(l + 50)) 40%, white);*/
    /*background-image: linear-gradient(135deg, #afccea, white); */
    background-color: white;
    background-image: url(../../imgs/si_up-logo-rgb-1200x711-t5.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}

.si-cloud-logged:before {
    opacity: .2;
}

.si-cloud-logged-planner {
    background-image: url(../../imgs/fp_background.png);
    background-size: 100% 100%;
    resize: both;
}

.sc-icon-green {
    color: #009900;
}

.sc-icon-red {
    color: #990000;
}

.sc-icon-white {
    color: #fff;
}

.sc-icon-double {
    font-size: 200%;
}

.sc-icon-150 {
    font-size: 150%;
}

.sc-icon-125 {
    font-size: 125%;
}

.sc-blue-box {
    padding-top: 10px;
    background-color: var(--ec-main-color);
    border-radius: 10px;
    min-height: 200px;
    margin-bottom: 20px;
}

.sc-orange-box {
    padding-top: 10px;
    background-color: #f1c40f;
    border-radius: 10px;
    min-height: 200px;
    margin-bottom: 20px;
}

.sc-color-green {
    color: #009900;
}

.sc-color-red {
    color: #990000;
}

.sc-color-white {
    color: #fff;
}

.sc-circle-wrap {
    margin-top: 6px;
    margin-left: 0px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.sc-circle-wrap-icon {
    font-size: 10px !important;
}

.sc-circle-wrap-none {
    margin-top: 8px;
    margin-left: 0px;
    width: 20px;
    height: 204px;
    border-radius: 50%;
    color: #999;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.sc-circle-wrap-holed {
    margin-top: 10px;
    margin-left: 4px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: solid 2px #ccc;
    display: flex;
}

.sc-bg-green {
    background-color: #009900;
}

.sc-bg-red {
    background-color: #990000;
}

.sc-bg-lightgrey {
    background-color: #999999;
}

.sc-bg-white-f0 {
    background-color: #f0f0f0;
}

.sc-fg-black-33 {
    color: #333 !important;
}

.sc-br-4 {
    border-radius: 4px;
}

.sc-br-8 {
    border-radius: 8px;
}

.sc-br-12 {
    border-radius: 12px;
}

.sc-classified-header {
    width: 100%;
    display: block;
    padding-left: 30px;
    padding-right: 40px;
}

.sc-grand-totals-row-separator {
    margin-top: 4px;
    margin-bottom: 4px;
    border-color: rgba(255, 255, 255, 0.2);
}

.sc-budget-grand-totals-row {
    background-color: rgba(0, 166, 0, 0.4);
    border-radius: 4px;
    margin-bottom: 4px;
}

.sc-btn-micro {
    min-width: 1.8em;
    padding: .25em !important;
    margin-left: .1em;
    margin-right: .1em;
    color: white !important;
    cursor: pointer;
}

.sc-btn-micro:hover {
    filter: brightness(2);
}

.sc-btn-micro-primary {
    min-width: 32px;
    background-color: #1e99ef;
    border: none;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    padding-top: 2px;
}

.sc-btn-micro-info {
    min-width: 32px;
    background-color: var(--ec-main-color);
    border: none;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    padding-top: 2px;
}

.sc-btn-micro-success {
    min-width: 32px;
    background-color: #219e65;
    border: none;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    padding-top: 2px;
}

.sc-btn-micro-warning {
    min-width: 32px;
    background-color: #ff7043;
    border: none;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    padding-top: 2px;
}

.sc-btn-micro-danger {
    min-width: 32px;
    background-color: #ed3c39;
    border: none;
    color: #fff;
    border-radius: 4px;
    text-align: center;
    padding-top: 2px;
}

.sc-btn-toggle-collapse-all {
    text-align: left;
    color: #fff;
    /* padding-top: 20px; */
}

.sc-main-toggle::after {
    font-size: 200%;
    color: #293950;
}

.sc-main-toggle-white::after {
    color: #fff !important;
}

.sc-td-width-24 {
    width: 24px !important;
}

.sc-td-width-60 {
    width: 60px !important;
}

.sc-td-width-80 {
    width: 80px !important;
}

.sc-td-side-padding-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.sc-td-no-side-padding {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.sc-btn-micro-icon-success {
    min-width: 32px;
    /* background-color: #219e65; */
    border: none;
    color: #219e65;
    border-radius: 4px;
    text-align: center;
    padding-top: 2px;
}


/* ----------------------------- ce reclassified ------------------------------ */

.sc-ce-reclassified-header {
    float: right;
    color: #293950;
    font-size: 150%;
    margin-right: 80px;
}

.sc-ce-reclassified-header-td {
    width: 220px;
    padding-right: 10px;
}

.sc-ce-reclassified-header-td-underline {
    width: 220px;
    text-align: center;
    border-bottom: solid 1px #fff;
    padding-right: 10px;
}

.sc-ce-reclassified-table {
    width: 100%;
    border-radius: 4px;
    margin-bottom: 10px !important;
}

.sc-ce-reclassified-section-label {
    display: inline-block;
}

.sc-ce-reclassified-section-total {
    width: 210px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    vertical-align: text-bottom;
    border: 1px solid #999;
    margin-left: 20px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-ce-reclassified-section-total-percent {
    width: 90px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
    margin-left: 10px;
    display: inline-block;
    float: right;
}

.sc-ce-reclassified-interleave-label {
    display: inline-block;
}

.sc-ce-reclassified-grandtotal-interleave-label {
    font-size: 16px;
}

.sc-ce-reclassified-gil-total {
    width: 220px;
    text-align: right;
}

.sc-ce-reclassified-gil-total-value-percent {
    font-size: 16px;
    padding-right: 40px !important;
    width: 116px;
    text-align: right;
}

.sc-ce-reclassified-gil-total-percent {
    width: 110px;
    text-align: right;
}

.sc-ce-reclassified-interleave-total {
    width: 200px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    margin-left: 10px;
    padding-top: 4px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-ce-reclassified-interleave-total-value-percent {
    width: 116px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 30px;
    margin-left: 10px;
    display: inline-block;
    float: right;
}

.sc-ce-reclassified-interleave-total-budget-percent {
    width: 110px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 5px;
    margin-left: 10px;
    display: inline-block;
    float: right;
}

.sc-row-market-item-sv-link {
    background-color: #eafad7 !important;
}

.sc-ce-reclassified-table-tr {
    /* border-top: solid 1px #666 !important; */
}

.sc-ce-reclassified-table-tr td {
    border-top: solid 1px #bbb !important;
}

.sc-ce-reclassified-table-td {
    padding: 4px !important;
}

.sc-ce-reclassified-table-td-Label {
    padding-left: 10px;
}

.sc-ce-reclassified-table-subtotal {
    width: 200px;
    /* padding-right: 5px;*/
    padding-left: 0px !important;
    text-align: right;
    border-right: solid 1px #8dacc9;
}

.sc-ce-reclassified-table-value-subpercent {
    width: 110px;
    padding-left: 0px !important;
    padding-right: 40px !important;
    text-align: right;
    color: #69aae7;
}

.sc-ce-reclassified-table-subpercent {
    width: 110px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: right;
    color: #69aae7;
}

.sc-ce-reclassified-interleave-strip {
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    background-color: rgba(0, 79, 183, 0.5);
    border-radius: 0px 0px 6px 6px !important;
    font-size: 150%;
    color: #fff;
}

.sc-ce-reclassified-result-strip {
    background-color: rgb(255, 175, 0);
}

.sc-ce-reclassified-grand-interleave-strip {
    margin-bottom: 8px;
    background-color: #eee;
    border-radius: 6px;
    border: solid 1px #999;
    font-size: 125%;
}

.sc-ce-xls-uploader {
    height: 300px;
}

/* ----------------------------- ce comparative ---------------------------- */

.sc-ce-cr-table-strip-total {
    min-width: 150px;
    width: 13.25%;
    text-align: right;
    display: inline-block;
    float: right;
    padding-right: 30px;
}


/* ----------------------------- gap analysis ------------------------------ */

.sc-ga-header {
    background-color: #666;
    border-radius: 6px;
}

.sc-ga-nosticky-header {
    padding-top: 0px;
}

.sc-ga-sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    /*padding-top: 0px;
    margin-right: -.625rem;
    margin-left: -.625rem; */
    /*padding-left: 20%; */
    padding-right: 4.1rem !important;
    /*background-color: #f0f0f0; */
    /* border-radius: 8px;*/
    z-index: 1000;
    /* border-top: solid 8px rgba(0, 79, 183, 0.5);
    border-bottom: solid 1px rgba(0, 79, 183, 0.5); */
}

.sc-ga-sticky-header + .sc-ga-content {
    padding-top: 120px;
}

.sc-ga-header-column-deviations {
    width: 60px;
    height: 90px;
    color: #fff;
    font-size: 100%;
    text-align: center;
    display: inline-block;
    float: right;
    position: relative;
    padding-left: 30px;
    margin-right: 10px;
}

.sc-ga-header-column-deviations-label {
    position: absolute;
    bottom: 0;
}

.sc-ga-header-column {
    width: 260px;
    height: 90px;
    color: #fff;
    font-size: 125%;
    text-align: center;
    display: inline-block;
    float: right;
}

.sc-ga-header-verification-column {
    width: 300px;
}

.sc-ga-header-centered {
    -ms-transform: translate(0%, 50%);
    transform: translate(0%, 50%);
    /*
    position: absolute;
    top: 25%;
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    */
}

.sc-ga-header-forecast-column {
    /* width: 300px; */
    margin-left: 20px;
}

.sc-ga-tod-viewer-badge {
    margin-top: 2px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: solid 1px var(--ec-main-color);
    padding-top: 2px;
    color: var(--ec-main-color);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.sc-ga-sv-badge {
    margin-left: 0px;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    padding-top: 2px;
    color: #fff;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.sc-ga-sv-badge-icon {
    font-size: 11px !important;
}

.sc-ga-sv-badge-empty {
    background-color: #666;
}

.sc-ga-sv-badge-incomplete {
    background-color: #FFAD00;
}

.sc-ga-sv-badge-partial {
    background-color: #ff8700;
}

.sc-ga-sv-badge-complete {
    background-color: #339933;
}

.sc-sv-status-label {
    border-radius: 4px;
    padding: 4px 8px 4px 8px;
    color: #fff;
}

.sc-sv-values-box {
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.sc-sv-values-item {
    border-radius: 4px;
    padding: 4px 8px 4px 8px;
    border: solid 1px #bbb;
}

.sc-sv-section {
    border-radius: 4px;
    padding: 4px 8px 4px 8px;
    border: solid 1px #bbb;
}

.sc-ga-header-td-underline {
    width: 220px;
    text-align: center;
    border-bottom: solid 1px #fff;
    padding-right: 10px;
}

.sc-ga-table {
    width: 100%;
    border-radius: 4px;
    margin-bottom: 10px !important;
}

.sc-ga-section-label {
    display: inline-block;
}

.sc-ga-section-total {
    width: 190px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    vertical-align: text-bottom;
    border: 1px solid #999;
    margin-left: 10px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-ga-section-total-percent {
    width: 70px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
    /*margin-left: 10px; */
    display: inline-block;
    float: right;
}

.sc-ga-section-total-percent-last {
    width: 140px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 5px;
    padding-right: 80px;
    /*margin-left: 10px; */
    display: inline-block;
    float: right;
}

.sc-ga-interleave-label {
    display: inline-block;
}

.sc-ga-gil-label {
    font-size: 16px;
    padding-left: 10px !important;
}

.sc-ga-gil-label-stock-variations {
    display: flex;
}

.sc-ga-gil-total {
    width: 170px;
    text-align: right;
    padding-right: 0px !important;
}

.sc-ga-gil-left-total {
    width: 180px;
    text-align: right;
    padding-right: 10px !important;
}

.sc-ga-gil-mid-total {
    width: 180px;
    text-align: right;
    padding-right: 10px !important;
}

.sc-ga-gil-percent {
    width: 94px;
    text-align: right;
    padding-left: 0px !important;
    font-size: 60%;
}

.sc-ga-gil-padright {
    width: 84px;
}

.sc-ga-interleave-total {
    width: 180px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    /* margin-left: 10px; */
    padding-top: 4px;
    padding-right: 8px;
    display: inline-block;
    float: right;
}

.sc-ga-interleave-percent {
    width: 96px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 20px;
    /* margin-left: 10px; */
    display: inline-block;
    float: right;
}

.sc-ga-interleave-percent-last {
    width: 160px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 100px;
    /* margin-left: 10px; */
    display: inline-block;
    float: right;
}

.sc-ga-interleave-total-budget-percent {
    width: 110px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 5px;
    margin-left: 10px;
    display: inline-block;
    float: right;
}

.sc-ga-result-strip {
    background-color: rgb(255, 175, 0);
}

.sc-ga-table-tr {
    /* border-top: solid 1px #666 !important; */
}

.sc-ga-table-tr td {
    border-top: solid 1px #bbb !important;
}

.sc-ga-table-td {
    padding: 4px !important;
}

.sc-ga-table-td-Label {
    padding-left: 10px;
}

.sc-ga-table-td-deviation {
    width: 60px;
    text-align: center;
    background-color: #999;
}

.sc-ga-result-field-OK {
    background-color: green;
    color: #fff;
    background-image: url("../../imgs/icons/icon_ok_circle.svg");
    background-position: center;
    background-repeat: no-repeat;
}

.sc-ga-result-field-KO {
    background-color: red;
    color: #fff;
    background-image: url("../../imgs/icons/icon_ko_circle.svg");
    background-position: center;
    background-repeat: no-repeat;
}


.sc-ga-table-subtotal {
    width: 180px;
    padding-left: 0px !important;
    padding-right: 5px !important;
    text-align: right;
    border-right: solid 1px #8dacc9;
}

.sc-ga-table-value-subpercent {
    width: 90px;
    padding-right: 10px !important;
    text-align: right;
    color: #69aae7;
}

.sc-ga-table-subpercent {
    width: 90px;
    padding-right: 20px !important;
    text-align: right;
    color: #69aae7;
}

.sc-ga-interleave-strip {
    clear: both;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 10px;
    background-color: rgba(0, 79, 183, 0.5);
    border-radius: 0px 0px 6px 6px !important;
    font-size: 150%;
    color: #fff;
}

.sc-ga-result-strip {
    background-color: rgb(255, 175, 0);
}

.sc-ga-grand-interleave-strip {
    margin-bottom: 8px;
    background-color: #eee;
    border-radius: 6px;
    border: solid 1px #999;
    font-size: 125%;
}

.sc-ga-stock-variation-strip {
    height: 34px;
    padding-top: 6px;
    padding-left: 10px;
    padding-right: 10px;
    /* margin-bottom: 10px; */
    background-color: #ccc;
    font-size: 120%;
    color: #333;
}

.sc-ga-sv-label-box {
    display: inline-block;
}

.sc-ga-sv-label {
    display: flex;
}

.sc-ga-sv-value-diff {
    width: 180px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    padding-top: 4px;
    padding-right: 10px;
    display: inline-block;
    float: right;
}

.sc-ga-sv-value-diff-percent {
    width: 160px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 104px;
    display: inline-block;
    float: right;
}

/* ----------------------------- stock variations ------------------------------ */

.sc-sv-editor-table-container {
    height: 600px;
    overflow-y: auto;
}

.sc-sv-column-value {
    padding: 0 0 !important;
    width: 200px;
}

.sc-sv-input {
    border: none;
    border-radius: 0px;
    background-color: #b0b0b0;
    width: 150px;
    height: 24px;
    color: #fff;
    display: inline-block;
    padding-right: 5px;
    text-align: right;
}

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

.sc-classified-year-col-header {
    width: 230px;
    color: #fff;
    font-size: 150%;
    text-align: center;
    border-bottom: solid 1px #fff;
    margin-left: 10px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-classified-year-col-header-sp {
    width: 160px;
    color: #fff;
    font-size: 150%;
    text-align: center;
    border-bottom: solid 1px #fff;
    margin-left: 10px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-classified-section-header {
    /* padding-top: 10px !important;
    padding-bottom: 10px !important; */
}

.sc-classified-section-title {
    margin-left: 10px;
    padding-right: 10px;
    width: 100%;
    text-align: left;
    font-size: 120%;
    display: inline-block;
}

.sc-classified-table-subtitle {
    margin-left: 20px;
    font-style: italic;
    font-size: 120%;
    color: #3498db;
}

.sc-classified-section-body {
    margin-bottom: 0px;
}

.sc-classified-section-body-double {
    margin-top: -12px;
    margin-bottom: 0px;
}

.sc-classified-table {
    width: 100%;
    background-color: #3e6488;
    border-radius: 4px;
}

.sc-classified-table-tr {
    border-bottom: solid 1px #fff;
}

.sc-classified-table-td-Label {
    padding-left: 10px;
}

.sc-classified-table-td-spacer {
    width: 10px;
    /* background-color: var(--ec-main-color); */
}

.sc-classified-table-subtotal {
    width: 160px;
    padding-right: 5px;
    text-align: right;
}

.sc-classified-table-subpercent {
    width: 70px;
    padding-right: 5px;
    text-align: right;
    color: #69aae7;
}

.sc-classified-table-pad {
    width: 10px;
}

.sc-classified-card {
    background-color: #fff;
    border-radius: 6px 6px 0px 0px !important;
    border: none;
    margin-bottom: 0px;
}

.sc-classified-card-allborder-radius {
    border-radius: 6px !important;
}

.sc-classified-card-noborder-radius {
    border-radius: 0px !important;
}

.sc-classified-card-bottom-radius {
    border-radius: 0px 0px 6px 6px !important;
}

.sc-classified-card-body {
    padding-bottom: 0px;
}

.sc-classified-section-label {
    display: inline-block;
}

.sc-classified-section-total {
    width: 160px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    vertical-align: text-bottom;
    border: 1px solid #999;
    margin-left: 10px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-classified-section-total-percent {
    width: 60px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
    margin-left: 10px;
    display: inline-block;
    float: right;
}

.sc-classified-interleave-strip {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    background-color: #b7b700;
    border-radius: 5px;
    font-size: 140%;
    color: #fff;
}

.sc-classified-interleave-label {
    display: inline-block;
}

.sc-classified-interleave-total {
    width: 160px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    margin-left: 10px;
    padding-top: 4px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-classified-interleave-total-percent {
    width: 60px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 5px;
    margin-left: 10px;
    display: inline-block;
    float: right;
}

.sc-classified-table-pad-row {
    font-size: 4px;
    height: 4px;
}

.sc-classified-blue-strip {
    margin-top: 10px;
    background-color: #3e6488;
    border-radius: 5px;
    color: #fff;
    font-size: 150%;
    padding-left: 20px;
}

.sc-budget-header {
    float: right;
    color: #293950;
    font-size: 150%;
}

.sc-budget-table {
    width: 100%;
    border-radius: 4px;
    margin-bottom: 10px !important;
}

.sc-budget-table-pad-row {
    /*font-size: 4px; */
    height: 1px;
}

.sc-budget-header-td-first {
    /* nop */
}

.sc-budget-header-td-underline {
    width: 320px;
    text-align: center;
    border-bottom: solid 1px #fff;
    padding-right: 10px;
}

.sc-budget-header-td-underline-subtitle {
    font-size: 80%;
    width: 320px;
    text-align: center;
    border-bottom: solid 1px #fff;
    padding-right: 10px;
}

.sc-budget-header-td-spacer {
    width: 10px;
}

.sc-budget-section-label {
    display: inline-block;
}

.sc-budget-section-total {
    width: 210px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    vertical-align: text-bottom;
    border: 1px solid #999;
    margin-left: 20px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-budget-section-total-percent {
    width: 90px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
    margin-left: 10px;
    display: inline-block;
    float: right;
}

.sc-budget-interleave-strip {
    padding-left: 10px;
    padding-right: 10px;
    /* margin-left: 20px;
    margin-right: 20px; */
    margin-bottom: 10px;
    background-color: rgba(0, 79, 183, 0.5);
    border-radius: 0px 0px 6px 6px !important;
    font-size: 150%;
    color: #fff;
}

.sc-budget-result-strip {
    background-color: rgb(255, 175, 0);
}

.sc-budget-grand-interleave-strip {
    /* margin-top: 4px; */
    margin-bottom: 8px;
    background-color: #eee;
    border-radius: 6px;
    border: solid 1px #999;
    font-size: 125%;

    /*
    padding-left: 10px;
    padding-right: 10px;
    color: #fff;
     */
}

.sc-budget-interleave-label {
    display: inline-block;
}

.sc-budget-grandtotal-interleave-label {
    font-size: 16px;
}

.sc-budget-gil-total {
    width: 220px;
    text-align: right;
}

.sc-budget-gil-total-value-percent {
    width: 116px;
    font-size: 16px;
    padding-right: 40px !important;
    text-align: right;
}

.sc-budget-gil-total-budget-percent {
    width: 110px;
    text-align: right;
    font-size: 16px;
}

.sc-budget-interleave-total {
    width: 200px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    margin-left: 10px;
    padding-top: 4px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-budget-interleave-total-value-percent {
    width: 116px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 30px;
    margin-left: 10px;
    display: inline-block;
    float: right;
}

.sc-budget-interleave-total-budget-percent {
    width: 110px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 25px;
    margin-left: 10px;
    display: inline-block;
    float: right;
}

.sc-budget-table-tr {
    /* border-top: solid 1px #666 !important; */
}

.sc-budget-table-tr td {
    border-top: solid 1px #bbb !important;
}

.sc-budget-table-td {
    padding: 4px !important;
}

.sc-budget-table-td-Label {
    padding-left: 10px;
}

.sc-budget-table-subtotal {
    width: 200px;
    /* padding-right: 5px;*/
    padding-left: 0px !important;
    text-align: right;
    border-right: solid 1px #8dacc9;
}

.sc-budget-table-value-subpercent {
    width: 130px;
    padding-left: 0px !important;
    padding-right: 40px !important;
    text-align: right;
    color: #69aae7;
}

.sc-budget-table-budget-subpercent {
    width: 110px;
    padding-left: 0px !important;
    padding-right: 0px !important;
    text-align: right;
    color: #69aae7;
}

.sc-budget-table-budget-subpercent input:disabled {
    color: #999;
}

.sc-budget-table-td-spacer {
    width: 10px;
}

.sc-budget-input {
    border: none;
    border-radius: 0px;
    background-color: #f7e1e1;
    width: 150px;
    height: 24px;
    color: #333;
    display: inline-block;
    margin-left: 5px;
    padding-right: 5px;
    text-align: right;
}

.sc-budget-input-pcent {
    border: none;
    border-radius: 0px;
    background-color: #d2f6eb;
    width: 78px;
    height: 24px;
    color: #333;
    display: inline-block;
    margin-left: 2px;
    padding-right: 5px;
    text-align: right;
}

.sc-budget-input-pcent:disabled {
    border: none;
    background: none;
    /* width: 58px; */
    height: 24px;
    color: #fff;
    display: inline-block;
    margin-left: 0px;
    padding-right: 5px;
    text-align: right;
}

.sc-budget-table-pad {
    width: 10px;
}

/* ----------------------------- budget mid year ------------------------------ */

.sc-bmy-xls-uploader {
    height: 300px;
}

/* ----------------------------- deviation analysis ------------------------------ */

.sc-deviation-analysis-header {
    width: 100%;
    display: block;
    padding-left: 25px;
    padding-right: 35px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #4a6d8f;
    border-radius: 5px;
}

.sc-deviation-analysis-header-centered {
    -ms-transform: translate(0%, 50%);
    transform: translate(0%, 50%);
    /*
    position: absolute;
    top: 25%;
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    */
}

.sc-deviation-analysis-header-centered-single {
    -ms-transform: translate(0%, 100%);
    transform: translate(0%, 100%);
}

.sc-deviation-analysis-header-column-last {
    width: 100px;
    height: 90px;
    color: #fff;
    font-size: 125%;
    text-align: center;
    display: inline-block;
    float: right;
}

.sc-deviationanalysis-table {
    width: 100%;
    background-color: #3e6488;
    border-radius: 4px;
}

.sc-deviationanalysis-table-tr {
    border-bottom: solid 1px #fff;
}

.sc-deviationanalysis-table-td-Label {
    padding-left: 10px;
}

.sc-deviationanalysis-table-budget-value {
    width: 200px;
    padding-right: 5px;
    text-align: right;
    border-right: solid 1px #8dacc9;
}

.sc-deviationanalysis-table-budget-pcent {
    width: 80px;
    padding-right: 5px;
    text-align: right;
    color: #69aae7;
}

.sc-deviationanalysis-table-td-spacer {
    width: 10px;
    background-color: var(--ec-main-color);
}


.sc-deviationanalysis-table-forecast-value {
    width: 200px;
    padding-right: 5px;
    text-align: right;
    border-right: solid 1px #990000;
}

.sc-deviationanalysis-table-forecast-pcent {
    width: 80px;
    padding-right: 5px;
    text-align: right;
    color: #69aae7;
}

.sc-deviationanalysis-table-interim-value {
    width: 200px;
    padding-right: 5px;
    text-align: right;
}

.sc-deviationanalysis-table-interim-pcent {
    width: 80px;
    padding-right: 5px;
    text-align: right;
    color: #69aae7;
}

.sc-deviationanalysis-table-pad {
    width: 10px;
}

.sc-deviationalysis-section-label {
    display: inline-block;
}

.sc-deviationalysis-section-interim-pcent {
    width: 70px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 5px;
    margin-left: 10px;
    margin-right: 110px;
    display: inline-block;
    float: right;
}

.sc-deviationalysis-section-interim-total {
    width: 160px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    vertical-align: text-bottom;
    border: 1px solid #999;
    margin-left: 10px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-deviationalysis-section-forecast-pcent {
    width: 70px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 5px;
    margin-left: 10px;
    display: inline-block;
    float: right;
}

.sc-deviationalysis-section-forecast-total {
    width: 190px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    vertical-align: text-bottom;
    border: 1px solid #999;
    margin-left: 10px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-deviationalysis-section-budget-pcent {
    width: 70px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 5px;
    margin-left: 10px;
    display: inline-block;
    float: right;
}

.sc-deviationalysis-section-budget-total {
    width: 180px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    vertical-align: text-bottom;
    border: 1px solid #999;
    margin-left: 10px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-deviationanalysis-section-body {
    margin-bottom: 0px;
}

.sc-deviationanalysis-table-tr {
    border-bottom: solid 1px #fff;
}

.sc-deviationanalysis-td-Label {
    padding-left: 10px;
}

.sc-deviationanalysis-td-budget-value {
    width: 190px;
    padding-right: 5px;
    text-align: right;
    background-color: #adad00;
}

.sc-deviationanalysis-td-budget-pcent {
    width: 70px;
    padding-right: 5px;
    text-align: right;
    background-color: #adad00;
}

.sc-deviationanalysis-td-spacer {
    width: 10px;
    background-color: var(--ec-main-color);
}

.sc-deviationanalysis-td-forecast-value {
    width: 200px;
    padding-right: 5px;
    text-align: right;
    background-color: #0daf24;
}

.sc-deviationanalysis-td-forecast-pcent {
    width: 70px;
    padding-right: 5px;
    text-align: right;
    background-color: #0daf24;
}

.sc-deviationanalysis-td-interim-value {
    width: 170px;
    padding-right: 5px;
    text-align: right;
    background-color: #557696;
}

.sc-deviationanalysis-td-interim-pcent {
    width: 70px;
    padding-right: 5px;
    text-align: right;
    background-color: #557696;
}

.sc-deviationanalysis-td-deviation {
    width: 100px;
    text-align: center;
}

.sc-deviationanalysis-td-pad {
    width: 10px;
}

.sc-deviationanalysis-interleave-strip {
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    background-color: #b7b700;
    border-radius: 5px;
    font-size: 140%;
    color: #fff;
}

.sc-deviationanalysis-interleave-label {
    display: inline-block;
}

.sc-deviationanalysis-interleave-interim-total-pcent {
    width: 70px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 5px;
    margin-right: 110px;
    display: inline-block;
    float: right;
}

.sc-deviationanalysis-interleave-interim-total {
    width: 170px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    margin-left: 10px;
    padding-top: 4px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-deviationanalysis-interleave-forecast-total-pcent {
    width: 70px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 5px;
    display: inline-block;
    float: right;
}

.sc-deviationanalysis-interleave-forecast-total {
    width: 190px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    margin-left: 10px;
    padding-top: 4px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

.sc-deviationanalysis-interleave-budget-total-pcent {
    width: 70px;
    height: 28px;
    font-size: 65%;
    text-align: right;
    padding-top: 8px;
    padding-right: 5px;
    display: inline-block;
    float: right;
}

.sc-deviationanalysis-interleave-budget-total {
    width: 190px;
    height: 28px;
    font-size: 85%;
    text-align: right;
    margin-left: 10px;
    padding-top: 4px;
    padding-right: 4px;
    display: inline-block;
    float: right;
}

/* ------------------------------ turnover distribution -----------------------------*/

.tod-month-row {
    margin-bottom: 8px !important;
}

.sc-tod-selector {
    width: 600px;
}

.sc-tod-input {
    border: none;
    border-radius: 4px;
    background-color: #e0e0e0;
    width: 150px;
    height: 32px;
    color: #666;
    display: inline-block;
    margin-left: 5px;
    padding-left: 5px !important;
    padding-right: 5px;
    text-align: right;
}

.sc-tod-month-label {
    display: inline-block;
    width: 80px;
}

.sc-tod-month-currency-label {
    display: inline-block;
    width: 20px;
    text-align: right;
}

.sc-tod-revenue-total {
    width: 100%;
    font-weight: bold;
    font-size: 125%;
    display: inline-block;
    text-align: right;
    padding-right: 20px;
}

.sc-tod-chart-wrapper {
    padding-left: 40px;
    padding-top: 110px;
}

.sc-tod-viewer-month-list {
    margin-top: 20px;
    list-style-type: none;
}

.sc-tod-viewer-month-list li {
    display: flex;
    margin-bottom: 6px;
}

.sc-tod-viewer-month-list li:last-child {
    margin-top: 4px;
    padding-top: 4px;
    font-weight: bold;
    border-top: solid 1px #999;
}

.sc-tod-viewer-month-label {
    width: 100px;
}

.sc-tod-viewer-month-currency-value {
    width: 100px;
    text-align: right;
}

.sc-tod-viewer-chart-wrapper {
    /* TODO */
}

/* ------------------------------ revenue chart-----------------------------*/
.sc-chart-row {
    width: 100%;
    padding: 0 10px 0 10px !important;
    margin-left: 0px;
    margin-right: 0px;
    align-content: center;
}

.sc-chart-block {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    padding: 10px;
    min-height: 200px;
}

.sc-chart-wrapper {
    padding: 10px 10px 10px 10px;
    background-color: #f1c40f;
    border-radius: 10px;
}

.sc-chart-inner-block {
    margin-left: 20px;
}

.sc-revenue-chart-lower-container {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: var(--ec-main-color);
    padding: 5px;
    border-radius: 6px;
    color: #fff;
}

.sc-revenue_chart-month-input-group {
    width: 116px;
}

.sc-revenue-chart-input-currency {
    padding-left: 1.75em !important;
    text-align: right;
}

.sc-revenue-chart-icon-currency {
    padding-left: 0.25em;
    padding-right: 0.25em;
    color: var(--ec-main-color);
}

.sc-revenue-chart-separator {
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
    border-top: solid 1px #fff;
    color: #fff;
    font-size: 125%;
}

.sc-revenue-chart-total-label {
    display: inline-block;
    color: #f1c40f;
    width: 210px;
}

.sc-revenue-chart-total {
    display: inline-block;
    width: 120px;
    text-align: right;
    font-size: 120%;
}

.sc-revenue-chart-total-label-right {
    display: inline-block;
    float: right;
    color: #f1c40f;
    width: 210px;
}

.sc-revenue-chart-total-right {
    display: inline-block;
    float: right;
    width: 210px;
    text-align: right;
    font-size: 120%;
}

.sc-revenue-chart-total-right-nowidth {
    display: inline-block;
    float: right;
    text-align: right;
    font-size: 120%;
}

.sc-revenuechart-block-marketname {
    font-weight: bold;
    color: var(--ec-main-color);
}

.sc-revenue-chart-editor-lower-box {
    padding-top: 4px;
    padding-bottom: 4px;
    margin-bottom: 10px;
    color: #fff;
    background-color: var(--ec-main-color);
    border-radius: 4px;
}

.sc-deviation-analysis-bad-value {
    font-weight: bold;
    background-color: #F6ABA8;
    border-radius: 3px;
    color: #990000;
    padding-left: 2px;
    padding-right: 2px;
}

.sc-deviation-analysis-good-value {
    font-size: 95%;
    background-color: #d8ffdc;
    border-radius: 10px;
    color: #009900;
    padding: 2px;
}

.sc-easycontrol-dialog-report-create {
    background-color: #eee;
}

.sc-ec-marketeditor-list {
    border: none;
    margin-bottom: 20px;
    width: 100%;
}

.sc-ec-marketeditor-item {
    padding-left: 5px;
}

.sc-ec-marketeditor-item-handler {
    margin-left: 0px;
}

.sc-feedback {
    color: #990000;
    padding: 4px;
}

.sc-feedback-ok {
    background-color: #009900;
    color: #fff;
    border-radius: 4px;
}

.sc-ce-feedback {
    min-height: 20px;
    color: #990000;
}

.sc-row-bg-color1 {
    background-color: #f9f9f9;
    color: #666 !important;
}

.sc-row-bg-color2 {
    background-color: #f0f0f0;
    color: #666 !important;
}

/* ------------------------------ common -----------------------------------------*/

.sc-date-label {
    height: 32px;
    padding-top: 10px;
    color: #293950;
}

.bg-sc-orange {
    background-color: #d9a306;
}

.bg-sc-avio {
    background-color: #1abc9c;
}

.bg-sc-cyan {
    background-color: #17a2b8;
}

.tag-align-left {
    text-align: left;
}

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

.tag-align-right {
    text-align: right;
}

.sc-inline-block {
    display: inline-block;
}


.sc-inline-table {
    display: inline-table;
}

.sc-position-inherit {
    position: inherit;
}

.sc-display-contents {
    display: contents;
}

.sc-box-260 {
    width: 260px;
    height: 260px;
    display: inline-block;
}

.sc-tag-scale-50 {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
}

.sc-tag-scale-75 {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
}

.sc-tag-brightness-50 {
    filter: brightness(200%);
}

.sc-tag-display-inline {
    display: inline-block !important;
}

.sc-tag-display-table-cell {
    display: table-cell !important;
}

.sc-no-margin-side {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.sc-no-padding-side {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.sc-pageview {
    padding: 10px;
    /* background-color: #0b3e67; */
}

.sc-badge-pagetitle {
    color: #293950;
}

.sc-nosticky-header {
    padding-top: 24px;
}

.sc-sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 80px;
    padding-top: 20px;
    /*margin-right: -.625rem;
    margin-left: -.625rem;*/
    /*padding-left: 20%;
    padding-right: 20%; */
    background-color: #f0f0f0;
    /* border-radius: 8px;*/
    z-index: 1000;
    border-top: solid 8px rgba(0, 79, 183, 0.5);
    border-bottom: solid 1px rgba(0, 79, 183, 0.5);
}

.sc-sticky-header + .sc-budget-content {
    padding-top: 70px;
}

.sc-page-totals {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 5px 0px 5px 0px;
    background-color: #ececec;
    border-radius: 6px;
}

.sc-table-total {
    width: 100%;
    padding-right: 80px;
    color: #888;
    font-size: 130%;
}

.sc-table-total TR {
    /* border-bottom: solid 1px #FB8C00; */
    border-bottom: solid 1px #999;
}

.sc-table-totals-first-td {
    width: 70%;
}

.sc-table-totals-numbers {
    text-align: right;
    width: 10%;
}

.sc-total-currency {
    color: #33FF33;
    margin-left: 40px;
}

.sc-password-change-container {
    display: none;
}

.sc-form-input-label-top {
    margin-top: 10px;
}

.sc-spinner-hidden {
    visibility: hidden;
}

.sc-tag-hidden {
    display: none;
}

.sc-tag-notvisible {
    visibility: hidden;
}

.sc-tag-no-interactive {
    pointer-events: none;
}

.sc-icon-norightpadding {
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.sc-dlg-report-header {
    color: var(--ec-main-color);
    margin-top: 15px;
    font-weight: bold;
    font-size: 125%;
    border-bottom: solid 1px #ccc;
}

.sc-dlg-report-header-nohr {
    color: var(--ec-main-color);
    margin-top: 15px;
    font-weight: bold;
    font-size: 125%;
}

.sc-market-section-header-container {
    margin-top: 16px;
}

.sc-ce-grid-title {
    display: table-cell;
}

.sc-ce-year-selector {
    display: table-cell;
    padding-left: 10px;
}

.sc-ce-market-section-header-label {
    max-width: 300px;
    height: 36px;
    margin-bottom: 4px;
    padding: 4px 16px 4px 4px;
    font-size: 120%;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(0, 79, 183, 0.25);
    flex-wrap: wrap;
    display: flex;
    gap: 10px;
    border-radius: 18px 0 0 18px;
}

.sc-ce-market-section-header-label .sc-ga-sv-badge {
    margin-top: 2px;
}

.sc-market-section-header-label {
    max-width: 300px;
    height: 36px;
    margin-bottom: 4px;
    padding: 4px 16px 4px 4px;
    font-size: 120%;
    text-transform: uppercase;
    color: #fff;
    /* border-bottom: solid 1px #b7b700; */
    background-color: rgba(0, 79, 183, 0.25);
    /* background-color: rgba(255, 255, 255, .25); */
    flex-wrap: wrap;
    display: flex;
    gap: 10px;
    border-radius: 18px 0 0 18px;
}

.sc-market-section-header-bg-separator {
    margin-top: 0px;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 79, 183, 1);
}

.sc-column-paste-container {
    height: 400px;
    max-height: 400px;
    overflow-y: auto;
    padding: 5px;
    background-color: #eee;
}

.sc-column-paste-currency {
    width: 150px;
    text-align: right;
    display: inline-block;
}

/* handsontable alternate row colors */

.hot-container .ht_master tr:nth-of-type(even) td {
    background-color: hsl(199, 100%, 95%);
}

.hot-container .ht_master tr.alternate > td {
    background-color: #1C90F3;
    color: white;
}

.handsontable td {
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    height: 20px; /*change to the desired height value*/
    empty-cells: show;
    line-height: 18px;
    padding: 0 4px 0 4px;
    /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
    background-color: #FFF;
    vertical-align: top;
    overflow: hidden;
    outline-width: 0;
    white-space: pre-line;
    /* preserve new line character in cell */
}

.hot-container .ht_master tr > td.alternate {
    background-color: #1C90F3;
    color: white;
}

/* hide td */
.htHidden {
    width: 0px !important;
    text-indent: -9999px;
}

.htHidden:first-child {
    display: none;
}

.datepicker {
    z-index: 9999 !important
}

/* ---------------------------------  new / updated in 2.0 */

.sc-ce-button-bar-side-container {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.sc-ce-button-bar-left {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sc-ce-button-bar-left li {
    height: 50px;
    line-height: 50px;
}

.sc-ce-bmy-new-labels-box {
    padding: 8px;
    background-color: #f0f0f0;
}

.sc-bmy-button-bar-left {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sc-bmy-button-bar-left li {
    height: 50px;
    line-height: 50px;
}

.sc-bmy-grid-total {
    padding-right: 32px;
}

.sc-ce-bmy-cycled-item {
    border-bottom: solid 1px #ccc;
}

.sc-ce-ui-item-draggable {
    background-color: #d5eca0;
    cursor: move;
}

.sc-ce-ui-item-fixed {
    cursor: not-allowed;
}

.item-noborder {
    border: none !important;
    box-shadow: none !important;
}

.item-nobackground {
    background-color: transparent !important;
}

.item-border-radius-6 {
    border-radius: 6px
}

.item-scroll-container-h400 {
    max-height: 400px;
    height: 400px;
    overflow-y: auto;
}

.item-uppercase {
    text-transform: uppercase;
}

.card-nobox-shadow {
    box-shadow: none !important;
}

.card-transp-50 {
    background-color: rgba(255, 255, 255, 0.5) !important;
}

.sc-account-badge-table-row {
    width: 180px;
    height: 40px;
    padding: 4px;
    border-radius: 4px;
    /* display: inline-table; */
}

.sc-error-message {
    color: #990000;
}

.sc-account-active {
    background-color: #00cc00;
}

.sc-account-expiring {
    background-color: #cc7aff;
}

.sc-account-warning {
    background-color: #ffcc00;
}

.sc-account-danger {
    background-color: #ff0000;
}

.sc-account-grace-period {
    background-color: #ff00ff;
}

.sc-account-expired {
    background-color: #999;
}

.sc-account-disabled {
    background-color: #666;
}

.sc-account-editor-title {
    border-radius: 8px;
    color: #fff;
}

.sc-account-feature-box {
    width: 72px;
    padding: 4px;
    background-color: #ccc;
    display: inline-block;
    cursor: pointer;
}

.sc-account-expiration-field {
    display: inline-block;
}

.sc-admin-license-editor-content {
    width: 400px;
    padding: 8px;
}

.sc-license-editor-title {
    border-radius: 8px;
    background-color: #00cc00;
    color: #fff;
}

.el-hidden {
    display: none;
}

.el-visibility-hidden {
    visibility: hidden;
}

.text-percent-50 {
    font-size: 50%;
}

.text-percent-75 {
    font-size: 75%;
}

.text-percent-125 {
    font-size: 125%;
}

.text-percent-150 {
    font-size: 150%;
}


.text-percent-200 {
    font-size: 200%;
}

.sc-user-confirmation-tag {
    width: 16px;
    height: 16px;
    display: inline-block;
}

.sc-user-confirmation-waiting {
    background-color: #ffcc00;
}

.sc-user-confirmed {
    background-color: #00cc00;
}

.sc-user-managed {
    background-color: #fbe2c2 !important;
}

.sc-image-cropper-240 {
    width: 240px;
    height: 240px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.sc-image-cropper-240 img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

.sc-image-cropper-128 {
    width: 128px;
    height: 128px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.sc-image-cropper-128 img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

.sc-image-cropper-96 {
    width: 96px;
    height: 96px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.sc-image-cropper-96 img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

.sc-image-cropper-64 {
    width: 64px;
    height: 64px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.sc-image-cropper-64 img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

.sc-image-cropper-48 {
    width: 48px;
    height: 48px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.sc-image-cropper-48 img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

.sc-image-cropper-32 {
    width: 32px;
    height: 32px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.sc-image-cropper-32 img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

.sc-image-cropper-24 {
    width: 24px;
    height: 24px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
}

.sc-image-cropper-24 img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

.sc-image-cropper-square-96 {
    width: 96px;
    height: 96px;
    position: relative;
    overflow: hidden;
}

.sc-image-cropper-square-96 img {
    display: inline;
    margin: 0 auto;
    height: 100%;
    width: auto;
}

.sc-tight-margin-top {
    margin-top: 0.5rem !important;
}

.sc-user-db-image-box {
    /* background-color: #ccc; */
    width: 260px;
    height: 260px;
    display: inline-block;
}

.sc-user-db-profile-image-crop {
    position: relative;
    /*top: 10px; */
    left: 10px;
    width: 240px;
    height: 240px;
    overflow: hidden;
    border-radius: 4px;
}

.sc-db-account-info-container {
    max-width: 400px;
}

.sc-db-account-info-header {
    padding: 8px;
    border-radius: 4px;
    color: #fff;
}

.sc-db-account-info-header-column {
    display: table-cell;
}

.sc-db-account-info-apps {
}

.sc-db-account-info-app-item {
    display: inline-block;
}

.sc-db-billing-cc-container {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}

.sc-db-billing-cc-item {
    max-width: 140px;
}

.sc-scroll-max-height-200 {
    max-height: 200px;
    overflow-y: auto;
}

.sc-scroll-max-height-300 {
    max-height: 300px;
    overflow-y: auto;
}

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

.sc-scroll-max-height-500 {
    max-height: 500px;
    overflow-y: auto;
}

.sc-scroll-max-height-600 {
    max-height: 600px;
    overflow-y: auto;
}

.sc-export-box {
    background-color: #f0f0f0;
    padding: 12px;
    /*margin: 6px; */
    border-radius: 8px;
    filter: drop-shadow(0 2px 2px rgba(128, 128, 128, .25));
}

.sc-export-icon {
    font-size: 250%;
    color: var(--ec-main-color);
}

/* ------------------- ag-grid and related ------------------- */
.sc-ce-grid {
    height: 600px;
    width: 100%
}

@media all and (max-width: 1280px) {
    .sc-ce-grid {
        height: 400px;
    }
}

.sc-budget-mid-year-grid {
    height: 600px;
    width: 100%
}

.ag-header-cell-label {
    justify-content: center;
}

.sc-grid-alternate-row {
    background-color: #eee !important;
}

.sc-grid-regular-row {
    background-color: #fff !important;
}

.sc-grid-row-stock-variation {
    background-color: #d1f89a !important;
}

.sc-grid-insert-row {
    background-color: #a1e379 !important;
}

.sc-vertical-align-bottom {
    /*vertical-align: bottom; */
}

.sc-ticket-badge {
    max-width: 120px;
    padding: 4px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
}

.sc-ticket-badge-black {
    background-color: black;
}

.sc-ticket-badge-red {
    background-color: red;
}

.sc-ticket-badge-green {
    background-color: green;
}

.sc-ticket-badge-gray {
    background-color: gray;
}

/* ------------ bs ovverrides / extensions -----------  */

.sc-btn-outline {
    width: 100px;
    text-align: left;
}

.sc-btn-outline B {
    /* background-color: transparent; */
    position: absolute;
    top: -1px;
    right: 2px;
    /*/ background-color: rgba(0, 0, 0, .15); */
    display: inline-block;
    line-height: 1;
    padding: .62503rem;
    margin-left: .62503rem;
}

.sc-btn-outline-orange {
    color: #d9a306;
    background-color: transparent;
    background-image: none;
    border-color: #d9a306;
}

.sc-btn-outline-orange:hover {
    color: #fff;
    background-color: #d9a306;
    border-color: #d9a306;
}

.sc-btn-outline -orange.disabled, .sc-btn-outline-orange:disabled {
    color: #d9a306;
    background-color: transparent;
}

.sc-btn-outline-orange:not([disabled]):not(.disabled):active, .sc-btn-outline-orange:not([disabled]):not(.disabled).active,
.show > .sc-btn-outline-orange.dropdown-toggle {
    color: #fff;
    background-color: #d9a306;
    border-color: #d9a306;
}

.sc-btn-outline-orange:not([disabled]):not(.disabled):active, .sc-btn-outline-orange:not([disabled]):not(.disabled).active,
.show > .sc-btn-outline-orange.dropdown-toggle {
    color: #fff;
    background-color: #c18000;
    border-color: #c18000;
}

.sc-btn-outline-red {
    color: #f77269;
    background-color: transparent;
    background-image: none;
    border-color: #f77269;
}

.sc-btn-outline-red:hover {
    color: #fff;
    background-color: #f77269;
    border-color: #f77269;
}

.sc-btn-outline-red.disabled, .sc-btn-outline-red:disabled {
    color: #f77269;
    background-color: transparent;
}

.sc-btn-outline-red:not([disabled]):not(.disabled):active, .sc-btn-outline-red:not([disabled]):not(.disabled).active,
.show > .sc-btn-outline-red.dropdown-toggle {
    color: #fff;
    background-color: #f77269;
    border-color: #f77269;
}

.sc-btn-outline-avio {
    color: #1abc9c;
    background-color: transparent;
    background-image: none;
    border-color: #1abc9c;
}

.sc-btn-outline-avio:hover {
    color: #fff;
    background-color: #1abc9c;
    border-color: #1abc9c;
}

.sc-btn-outline-avio.disabled, .sc-btn-outline-avio:disabled {
    color: #1abc9c;
    background-color: transparent;
}

.sc-btn-outline-avio:not([disabled]):not(.disabled):active, .sc-btn-outline-avio:not([disabled]):not(.disabled).active,
.show > .sc-btn-outline-avio.dropdown-toggle {
    color: #fff;
    background-color: #1abc9c;
    border-color: #1abc9c;
}

.sc-btn-outline-grey {
    color: #777777;
    background-color: transparent;
    background-image: none;
    border-color: #777777;
}

.sc-btn-outline-grey:hover {
    color: #fff;
    background-color: #777777;
    border-color: #777777;
}

.sc-btn-outline-grey.disabled, .sc-btn-outline-grey:disabled {
    color: #777777;
    background-color: transparent;
}

.sc-btn-outline-grey:not([disabled]):not(.disabled):active, .sc-btn-outline-grey:not([disabled]):not(.disabled).active,
.show > .sc-btn-outline-grey.dropdown-toggle {
    color: #fff;
    background-color: #777777;
    border-color: #777777;
}

.sc-btn-outline-blue {
    color: var(--ec-main-color);
    background-color: transparent;
    background-image: none;
    border-color: var(--ec-main-color);
}

.sc-btn-outline-blue:hover {
    color: #fff;
    background-color: var(--ec-main-color);
    border-color: var(--ec-main-color);
}

.sc-btn-outline-blue.disabled, .sc-btn-outline-blue:disabled {
    color: var(--ec-main-color);
    background-color: transparent;
}

.sc-btn-outline-blue:not([disabled]):not(.disabled):active, .sc-btn-outline-blue:not([disabled]):not(.disabled).active,
.show > .sc-btn-outline-blue.dropdown-toggle {
    color: #fff;
    background-color: var(--ec-main-color);
    border-color: var(--ec-main-color);
}

.sc-img-button-home {
    height: 40px;
    width: 68px;
    background-image: url(../../imgs/si_up_btn_logo-bg.png);
    position: relative;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.sc-img-button-home:hover {
    height: 40px;
    width: 68px;
    background-image: url(../../imgs/si_up_btn_logo-bg-hover.png);
    position: relative;
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
}

.sc-ticket-user-feedback-box {
    background-color: #eee;
    border-radius: 8px;
    padding: 10px;
    width: 600px;
}

.sc-user-badge-by-admin-exit {
    position: absolute;
    bottom: 32px;
    right: 20px;
    color: #999;
}

/* --------------------- support conversation ---------------------- */

.sc-single-chat {
    display: inline;
}

.sc-single-chat ::-webkit-scrollbar {
    width: 10px;
}

.sc-single-chat ::-webkit-scrollbar-track {
    background: #E8E8E8;
}

.sc-single-chat ::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 8px;
}

.sc-single-chat ::-webkit-scrollbar-thumb:hover {
    background: #666;
    border-radius: 8px;
}

/*
.sc-single-chat .sc-chat-header {
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0;
}

.sc-single-chat .sc-chat-header .sc-chat-media {
    align-items: center;
}

.sc-single-chat .sc-chat-header .sc-chat-media .sc-chat-user-dp {
    margin-right: 20px;
}

.sc-single-chat .sc-chat-header .sc-chat-media .sc-chat-user-dp IMG {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.sc-single-chat .sc-chat-header .sc-chat-media .sc-chat-user-dp span.sc-chat-user-online {
    width: 12px;
    height: 11px;
    background: #31B112 0% 0% no-repeat padding-box;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
}

.sc-single-chat .sc-chat-header .sc-chat-media .sc-chat-media-body h5 {
    font-size: 20px;
    font-family: Roboto;
    font-weight: 500;
    letter-spacing: 0;
    color: #E3025B;
    margin-bottom: 10px;
}
 */

.sc-single-chat .sc-chat-body {
    padding: 10px 5px;
    /* border-bottom: 2px solid rgba(0, 0, 0, 0.1); */
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    height: 480px;
    overflow: auto;
    background: url('../../imgs/sc-chat-bg-01.png');
}

.sc-single-chat .sc-chat-body .sc-chat-message-content {
    max-width: 680px;
    width: 100%;
    margin-bottom: 15px;
}

.sc-single-chat .sc-chat-body .sc-chat-message-content.sc-chat-sender-initial {
    text-align: left;
    align-self: center;
}

.sc-single-chat .sc-chat-body .sc-chat-message-content.sc-chat-sender-initial LABEL {
    text-align: left;
}

.sc-single-chat .sc-chat-body .sc-chat-message-content.sc-chat-sender-initial .sc-chat-msg-block {
    background-color: #313b68;
    text-align: left;
}

.sc-single-chat .sc-chat-body .sc-chat-message-content.sc-chat-sender-user {
    text-align: right;
    align-self: flex-end;
}

.sc-single-chat .sc-chat-body .sc-chat-message-content.sc-chat-sender-user .sc-chat-msg-block {
    background-color: #83bd55;
    text-align: left;
}

.sc-single-chat .sc-chat-body .sc-chat-message-content.sc-chat-sender-admin LABEL {
    text-align: left;
}

.sc-single-chat .sc-chat-body .sc-chat-message-content.sc-chat-sender-admin .sc-chat-msg-block {
    background-color: #ACACAC;
    text-align: left;
}

.sc-single-chat .sc-chat-body .sc-chat-message-content LABEL {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    /*letter-spacing: 0;*/
    color: #999;
    margin-bottom: 5px;
}

.sc-single-chat .sc-chat-body .sc-chat-message-content .sc-chat-msg-block {
    padding: 15px 8px;
    border-radius: 5px;
}

.sc-single-chat .sc-chat-body .sc-chat-message-content .sc-chat-msg-block p {
    color: #fff;
    font-size: 15px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}

/* ----------------- bootstrap overrides ------------------ */

.content-wrapper {
    overflow-x: hidden;
}
.form-check-label {
    margin-left: .3rem
}

/* ----------------- bootbox overrides ------------------ */

.sc-bb-xxl .modal-dialog {
    max-width: 1200px !important;
    /*-webkit-transform: translate(-50%,0) !important;
    transform: translate(-50%, 0) !important;*/
}

.sc-bb-xxl .modal-content {
    /*width: 1200px !important;**/
    /* -webkit-transform: translate(-25%,0) !important; */
    /* transform: translate(-10%, 0) !important;*/
}

/* ----------------------- avatar creator ------------ */

.sc-btn-micro-chars {
    height: 28px;
    width: 42px;
    background-color: var(--ec-main-color);
    color: #fff;
    border-radius: 4px;
    text-align: center;
    padding-top: 2px;
    cursor: pointer;
}

.sc-btn-micro-chars:hover {
    background-color: var(--fp-main-color);
}

.sc-btn-micro-chars I {
    font-size: 75%;
}

.sc-avt-checkerboard {
    width: 158px;
    height: 158px;
    display: flex;
    text-align: center;
    align-items: center;
    align-content: center;
    justify-content: center;
    background: url('../../imgs/img_checkerboard_bg30.png');
    border-radius: 8px;
}

.sc-avt-checkerboard .sc-avt-cropper {
    align-self: center;
}

.sc-avt-scheme-selector {
    display: inline;
}

.sc-avt-scheme-selector ::-webkit-scrollbar {
    width: 10px;
}

.sc-avt-scheme-selector ::-webkit-scrollbar-track {
    background: #E8E8E8;
}

.sc-avt-scheme-selector ::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 8px;
}

.sc-avt-scheme-selector ::-webkit-scrollbar-thumb:hover {
    background: #666;
    border-radius: 8px;
}

#sc-avt-stroke-width-slider {
    width: 400px;
}

.sc-avt-color-schemes {
    width: 128px;
    height: 252px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: auto;
    padding: 12px;
    background: url('../../imgs/img_checkerboard_bg15.png');
}

.sc-avt-color-scheme {
    margin-left: 0;
    margin-bottom: 4px;
    cursor: pointer;
}

.sc-avt-color-index-title {
    font-size: 80%;
}

.sc-avt-color-index-selector {
    width: 104px;
    height: 44px;
    padding: 8px;
    margin-bottom: 8px;
    cursor: pointer;
    background: url('../../imgs/img_checkerboard_bg15.png');
}

.avt-cs-item {
    width: 24px;
    height: 24px;
    display: table-cell;
}

.avt-cs-item-first {
    border-radius: 4px 0 0 4px;
}

.avt-cs-item-last {
    border-radius: 0 4px 4px 0;
}

.avt-cs-item-selected {
    border: solid 4px rgba(24, 230, 48, .5);
}

.sc-avt-selected-scheme {
    height: 28px;
}

.sc-avt-char {
    width: 48px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    border-width: 2px;
    font-weight: bold;
}

.sc-avt-char-first {
    border-radius: 12px 4px 4px 12px;
}

.sc-avt-char-last {
    border-radius: 4px 12px 12px 4px;
}

#sc-avt-stroke-width-slider .slider-horizontal{
    width: 120px;
}

.slider-track {
    background: #ddd;
}

.slider-selection {
    background: #ccc;
}

/* ------------------ notifications ----------------- */

.sc-admin-notification-row {
    font-size: 80%;
}

.sc-admin-notification-row TD {
    padding-top: 4px;
    padding-bottom: 4px;
}

.sc-user-notification {
    display: table;
    padding: 10px;
    border-radius: 8px;
    border: solid 1px #ccc;
    width: 100%;
}

.sc-user-notification-running {
    background-color: #dfffcc;
}

.sc-user-notification-date {
    display: table-row;
}

.sc-user-notification-content {
    display: table-row;
}

.sc-manual-badge {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: center;
    padding: .25rem 0 .25rem 0;
    border-radius: 8px;
    font-weight: bold;
    color: #fff;
    font-size: 125%;
}

.sc-manual-badge-ec {
    background-color: var(--ec-main-color)
}

.sc-manual-badge-fp {
    background-color: var(--fp-main-color)
}

.sc-manual-badge-bc {
    background-color: var(--bc-main-color)
}

.sc-manual-version-list LI {
    width: 100%;
    display: flex;
}

.sc-manual-version-list-item {
    width: 120px;
}

/* ------------------ newsletters ----------------- */

.sc-admin-announce-row {
    font-size: 80%;
}

.sc-admin-announce-row TD {
    padding-top: 4px;
    padding-bottom: 4px;
}


/* ---------------------- mobile not desktop --------------------- */
.sc-mobile-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #f8f9fa;
    text-align: center;
    padding: 12px 0;
    font-size: 1rem;
    box-shadow: 0 -2px 8px rgba(0,0,0,0.05);
    z-index: 1000;
    display: none;
}
@media (max-width: 1280px) {
    .sc-mobile-footer {
        display: block;
    }
}