/*New Branding with AI - March '24*/
/*Homepage*/

/* ------------------------------------------------ Login Desing ------------------------------------------------ */


/* Estilo general del formulario */
#module-content form[name="form_login"] {
    margin: auto;
    padding: 20px;
    background-color: #ffffff;
}

/* Estilo para los input fields */
#module-content form[name="form_login"] input[type="text"],
#module-content form[name="form_login"] input[type="password"] {
    width: 100%;
    padding: 10px;
    margin: 10px 0;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
}

/* Estilo para el botón Login */
#module-content form[name="form_login"] .d-flex:nth-of-type(3) button {
    background-color: #28a745 !important; /* Color verde */
    color: white !important;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    width: 70%;
    font-size: 16px;
    cursor: pointer;
}

#module-content form[name="form_login"] .d-flex:nth-of-type(3) button:hover {
    background-color: #218838 !important; /* Color verde oscuro */
}

/* Estilo para el enlace Reset Password */
#module-content form[name="form_login"] .d-flex:nth-of-type(3) a {
    background-color: transparent !important;
    color: #007bff !important; /* Color azul */
    border: none;
    padding: 10px 0;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

/* Estilo para el botón Authorize QuickBooks */
/*#module-content form[name="form_login"] .d-flex:nth-of-type(4) a:last-child {
    background-color: transparent !important;
    color: #28a745 !important; *//* Color verde */
    /*border: 2px solid #28a745 !important;
    padding: 10px 20px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    display: inline-block;
}

#module-content form[name="form_login"] .d-flex:nth-of-type(4) a:last-child:hover {
    background-color: #28a745 !important;*/ /* Color verde */
    /*color: white !important;
}
*/
/* Ocultar el botón Subscribe and Quickbookx */
#module-content form[name="form_login"] .d-flex:nth-of-type(4) a:first-child, form[name="form_login"] .d-flex:nth-of-type(4) a:last-child {
    display: none;
}

/* Estilo para el botón I Have a Group Key */
#module-content form[name="form_login"] .d-flex:nth-of-type(5) a:last-child {
    background-color: transparent !important;
    border: none !important;
    padding: 10px 20px;
    border-radius: 5px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    display: inline-block;
}

#module-content form[name="form_login"] .d-flex:nth-of-type(5) a:first-child span {
    visibility: hidden;
    position: relative;
    display: inline-block;
    width: 100%;
}

/* Cambio de texto del botón I Have a Group Key */
#module-content form[name="form_login"] .d-flex:nth-of-type(5) a:first-child span::before {
    content: "Create new account";
    visibility: visible;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    color: #007bff; /* Color azul */
    text-align: center;
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
}

/* Estilo general del texto */
#module-content form[name="form_login"] label {
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
}

#module-content form[name="form_login"] .d-flex {
    margin-bottom: 15px;
}

/*Login Title*/
#module-content .eureka-login .card-title {
    margin: auto;
    padding-left: 20px;
    font-size: 2rem;
}

/*Logo Image*/
#module-content .eureka-login .card .card-body img {
    width: 50% !important;
    margin: auto;
    display: block;
    justify-content: center;
}



/* ------------------------------------------------ Website Desing ------------------------------------------------ */

/* Header */
#admin-dropdown {
    background-color: #F6F6F8;
}


/* Right upper menu */
.navbar-custom .topbar-menu {
    background-color: #F6F6F8;
    font-weight: bold;
}

.topbar-menu a {
    color: #00BF63 !important;
}

.topbar-menu a:hover {
    color: #2E6D42 !important;
}

html[data-topbar-color=dark] .navbar-custom .topbar-menu li .show.nav-link {
    color: #000 !important;
}

.topbar-menu .dropdown-item {
    color: #8a969c !important;
}

.side-nav-title div {
    color: #4CB66E !important;
}


/* Blue Buttons on the Homepage - Workflows Buttons */
.m-1 a {
    background: #4CB66E;
    border-color: #4CB66E;
}

.m-1 a:hover {
    background: #3A9958;
    border-color: #3A9958;
}

.m-1 a:active {
    background: #2A7C44 !important;
    border-color: #2A7C44 !important;
}


/* Group's Footer */
#cohorts .card-title a {
    color: #4CB66E !important;
}

#cohorts .card-footer {
    background-color: #e5f5ea !important;
}

#cohorts .card-footer button {
    color: #4CB66E !important;
}


/* Tab Navegation */
.module-tabs a {
    background-color: white !important;
    border: none !important;
    color: #8B8B8B;
    font-size: 1rem;
}

.module-tabs a:hover {
    background-color: #c9e9d4;
    border: #c9e9d4;
    color: #00BF63;
    font-size: 1rem;
}

.side-nav a.side-nav-production, .module-tabs a.selected, .side-nav a.side-nav-market, .module-tabs a.selected, .side-nav a.side-nav-business-model, .module-tabs a.selected, .side-nav a.side-nav-delivery, .module-tabs a.selected, .side-nav a.side-nav-offering, .module-tabs a.selected {
    background-color: white !important;
    text-shadow: none !important;
    border-bottom: 3px solid #4CB66E !important;
    color: #4CB66E !important;
    font-weight: bold !important;
}


/* ------------------------------------------------ Module Desing ------------------------------------------------ */

/* Previos and Next Buttons */
.workflow-module-text-color-production span, .workflow-module-text-color-production svg, .workflow-module-text-color-offering span, .workflow-module-text-color-offering svg, .workflow-module-text-color-market span, .workflow-module-text-color-market svg, .workflow-module-text-color-delivery span, .workflow-module-text-color-delivery svg, .workflow-module-text-color-business-model span, .workflow-module-text-color-business-model svg {
    color: #4CB66E !important;
}


/* Module's Title  */
.col .page-title, .title-color-market h2{
    color: #4CB66E !important;
}


/* Section Header */
.section-color-business-model > .card-header, .section-color-offering > .card-header, .section-color-production > .card-header, .section-color-market > .card-header, .section-color-delivery > .card-header { /*new sections' headers*/
    background-color: white !important;
    color: #000 !important;
    border: 1px solid #f4f4f4;
    background-image: url("/asset/eurekaresources/res_quickgrowthDivider_background.png");
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-position: top 20px right 20px;
}


/* Sections' Background Color */
.section.card > .card-body{ 
    background-color: #f2f2f2 !important;
    border: 3px solid #f2f2f2;
}


/* Divider with Text On It */
.divider .field { 
    background-color: white;
    display: inline-block;
    border-radius: 20px;
    padding: 10px 30px !important;
    background-image: url("/asset/eurekaresources/res_quickgrowthDivider_background.png");
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    background-position: right 20px bottom;
}


/* Fields with Background Color*/
.box div { 
    background-color: white;
    padding: 1px 4px !important;
}

.box .select2-container { 
    padding: 1px 4px !important;
}


/* Navegation Menu */
.selected.tab-color-business-model, .selected.tab-color-delivery, .selected.tab-color-market, .selected.tab-color-offering, .selected.tab-color-production {
    background-color: white !important;
    color: #00BF63 !important;
}

.side-nav-title, .title-color-business-model, .title-color-delivery, .title-color-market, .title-color-offering, .title-color-production  {
    color: #4CB66E !important;
}


/* Navegation Menu Container Width */
.col-2.d-none.d-xl-block:first-of-type {
    width: 150px!important;
    margin: 1px!important;
}


/* Navegation Meny Current Section Card */
#eureka-sections-navigation .nav-pills {
    display: none !important;
}


/* Style Navegation Menu */
.col-2:first-of-type .eureka-side-navigation {
    width: 130px !important;
}

.col-2:first-of-type .eureka-side-navigation .card {
    border: none !important;
}

.col-2:first-of-type .eureka-side-navigation li {
    padding: 15px 15px;  
}

.col-2:first-of-type .eureka-side-navigation .side-nav .side-nav-item {
    text-align: center !important; 
}

.col-2:first-of-type .eureka-side-navigation .side-nav .side-nav-link {
    display: block !important; 
    color: #000 !important; 
    padding: 10px 0 !important; 
    text-decoration: none !important; 
    border-bottom: 2px solid rgb(211,211,211);
    line-height: 110%;
}


/* REMOVE THE SEPARTOR LINE AT THE END OF THE LEFT SIDE NAV (where is the refresh button) */
.col-2:first-of-type .eureka-side-navigation .side-nav .side-nav-item:last-child .side-nav-link {
    border-bottom: none !important;
}

.col-2:first-of-type .eureka-side-navigation .side-nav .side-nav-item:last-child .side-nav-link span,
.col-2:first-of-type .eureka-side-navigation .side-nav .side-nav-item:last-child .side-nav-link i {
    font-size: 12px !important;
    
}

/* Side Navegation Icons */
.side-nav .side-nav-item:nth-of-type(2) .side-nav-link::before {
    content: url('/asset/eurekaresources/res_businessAudit_Assessment.svg');
    margin: 20px;
}

.side-nav .side-nav-item:nth-of-type(3) .side-nav-link::before {
    content: url('/asset/eurekaresources/res_improve_currentBusiness.svg');
    margin: 20px;
}

.side-nav .side-nav-item:nth-of-type(4) .side-nav-link::before {
    content: url('/asset/eurekaresources/res_drive_sales.svg');
    margin: 20px;
}

.side-nav .side-nav-item:nth-of-type(5) .side-nav-link::before {
    content: url(' /asset/eurekaresources/res_create_newOffering.svg');
    margin: 20px;
}

/* Value Chain Fields */
.valuechain-box .valuechain-production, .valuechain-production .field {
    border: 2px solid #003B47;
    color: #003B47;
    background-color: white;
    display: inline-block;
    border-radius: 8px;
    padding: 5px;
    vertical-align: top;
    min-height: 180px;
    padding: 10px !important;

}

.valuechain-box .valuechain-offering, .valuechain-offering .field {
    border: 2px solid #850A0A;
    color: #850A0A;
    background-color: white;
    display: inline-block;
    border-radius: 8px;
    padding: 5px;
    vertical-align: top;
    min-height: 180px;
    padding: 10px !important;

}

.valuechain-box .valuechain-delivery, .valuechain-delivery .field {
    border: 2px solid #F25C21;
    color: #F25C21;
    background-color: white;
    display: inline-block;
    border-radius: 8px;
    padding: 5px;
    vertical-align: top;
    min-height: 180px;
    padding: 10px !important;
}

.valuechain-box .valuechain-market, .valuechain-market .field {
    border: 2px solid #B0BD21;
    color: #B0BD21;
    background-color: white;
    display: inline-block;
    border-radius: 8px;
    padding: 5px;
    vertical-align: top;
    min-height: 180px;
    padding: 10px !important;
}

.valuechain-box .valuechain-business-model, .valuechain-business-model .field {
    border: 2px solid #337075;
    color: #337075;
    background-color: white;
    display: inline-block;
    border-radius: 8px;
    padding: 5px;
    vertical-align: top;
    min-height: 180px;
    padding: 10px !important;
}


/* Groups - Group Design Color */
/*.offeringvaluechain-strengths, .strengths_weaknesses-strengths, .strengths_weaknesses_strengths {
    background-color: #DBF0E2;
}

.offeringvaluechain-strengths .border, .strengths_weaknesses-strengths .border, .strengths_weaknesses_strengths .border {
    border: 1px solid rgb(39, 174, 96) !important;
}

.offeringvaluechain-weakness, .strengths_weaknesses-weaknesses, .strengths_weaknesses_weaknesses {
    background-color: #EACAC7;
}

.offeringvaluechain-weakness .border, .strengths_weaknesses-weaknesses .border, .strengths_weaknesses_weaknesses .border {
    border: 1px solid rgb(192, 57, 43) !important;
}*/


/* Rank Legends for Improve Current Business*/
#widget-field-15 .xLegend:nth-of-type(2),
#widget-field-15 .yLegend:nth-of-type(2) { /* LOW */
    background-color: #EDD6D4 !important;
    fill: #E95B4D !important; 
}

#widget-field-15 .xLegend:last-of-type,
#widget-field-15 .yLegend:last-of-type { /* HIGH */
    fill: #00BF63 !important; 
}


/* Bom Lite */
.bom-lite-current-row .col-1 {
    margin: 0px;
    flex: 0 0 5.5%;
    max-width: 5.5%;
}

.bom-lite-options-row .col-1 {
    margin: 0px;
    flex: 0 0 5.5%;
    max-width: 5.5%;
}

.bom-lite-current-row .col-1 .card {
    background-color: #70C58B !important;
} 

.bom-lite-options-row .col-1 .card {
    background-color: #3D9258 !important;
} 

.bom-lite-current-row .col-1 .card .card-body,
.bom-lite-options-row .col-1 .card .card-body {
    padding: 0.5rem;
    font-weight: bold;
} 
.bom-lite-current-row .col {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
    max-width: 20%;
}

.bom-lite-options-row .col {
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
    max-width: 20%;
}


/* Dashboard Appearence */
.timeline-icon, .timeline-item::before{
    display: none;
}

.timeline-item {
    background-color: #fff;
    border-radius: 20px;
    padding: 30px;
    margin: 10px 0;
}

.timeline-item-info {
    margin-left: 0 !important;
}

.timeline-item .field-title {
    font-size: 1rem;
}


/* Table redisign, style begin from table 4th col*/
.tabulator .tabulator-header, .table-2 .tabulator-header .tabulator-headers{
    background-color: #F0F7F4 !important;
}