:root {
    --label-weight: bold; /* normal | bold */
    --label-color: #64686B; /* text color, default was (#A0A6AA) */
    --label-size: 0.83em; /* default 16px*/
    --label-margin-top: 1.67em; /* p - 1em, 1.67em H5*/
    --label-margin-bottom: 1.67em; /* p - 1em, 1.67em H5*/
    --label-margin-left: 0; /* p - 0em, 0em H5*/
    --label-margin-right: 0; /* p - 0em, 0em H5*/
    --p-weight: bold; /* normal | bold */
    --p-color: #64686B; /* text color, default was (#64686B) */
    --p-size: 0.83em; /* default 16px*/
    --p-margin-top: 1.67em; /* p - 1em, 1.67em H5*/
    --p-margin-bottom: 1.67em; /* p - 1em, 1.67em H5*/
    --p-margin-left: 0; /* p - 0em, 0em H5*/
    --p-margin-right: 0; /* p - 0em, 0em H5*/
    --p-breadcrumb-size: 16px !important; /* this is default*/
    --p-breadcrumb-weight: 700; /* this is default*/
    --p-breadcrumb-previous-color: transparent; /* this is default*/
    --p-breadcrumb-current-color: #fff; /* this is default*/
    --p-breadcrumb-next-color: #64686B; /*this is defailt*/
    --checkbox-background-color: #0038a5; /* default is blue #0272C7*/
    --checkbox-mark-color: #fff; /*default*/
    --edit-button-color: #0038a5; /*Default #0272C7*/
    --edit-button-account-settings-color: #0038a5; /* Default #0272C7*/
    --positive-amount-color: #3F9C35; /*Default 00C393*/
    --negative-amount-color: #CD202C; /* Default #e14c4c */
    --settled-transaction-color: #3F9C35; /* #00C393*/
    --executed-transaction-color: #F7931A; /* Default #F7931A*/
}

/* After rework */
p {
    letter-spacing: 0px !important;
    line-height: normal !important;
    color: #31363B !important;
}

label {
    letter-spacing: 0px !important;
    line-height: normal !important;
    color: #31363B !important;
}

.review-box .info-box .edit {
    color: var(--edit-button-color) !important;
}

.profile .link-delete {
    color: var(--negative-amount-color) !important;
}

.radio-container .checkmark {
    border: 1px solid var(--checkbox-background-color);
}

.checkbox-container input:checked ~ .checkmark {
    background-color: var(--checkbox-background-color) !important;
}

.status.executed {
    background: var(--executed-transaction-color) !important;
}

.status.settled {
    background: var(--settled-transaction-color) !important;
}

.box .prices-chart-change.green {
    color: var(--positive-amount-color) !important;
}

.box .prices-chart-change.red {
    color: var(--negative-amount-color) !important;
}

.link-delete, .link-delete:hover {
    color: var(--negative-amount-color) !important;
}

/* breadcrumb steps */
.steps p {
    color: var(--p-breadcrumb-next-color) !important;
    font-weight: var(--p-breadcrumb-weight) !important;
    font-size: var(--p-breadcrumb-size) !important;
    line-height: 2.2em !important;
    margin: 0 !important;
}

.steps .completed p {
    color: var(--p-breadcrumb-previous-color) !important;
}

.steps .current p {
    color: var(--p-breadcrumb-current-color) !important;
}

/*setting footer label (dif. in regards to other labels)*/
footer label {
    font-weight: var(--label-weight) !important;
    color: #fff !important;
    font-size: var(--label-size) !important;
}

/*portfolio overview*/
#portfolioOverviewWidget .item .amount {
    color: #111 !important;
    font-size: 28px !important;
}

#portfolioOverviewWidget .item .green {
    color: var(--positive-amount-color) !important;
}

#portfolioOverviewWidget .item .red {
    color: var(--negative-amount-color) !important;
}

/*investment options colors*/
#discoverAssetsTable .positive {
    color: var(--positive-amount-color) !important;
}

#discoverAssetsTable .negative {
    color: var(--negative-amount-color) !important;
}

#createOrEditTriggerOrderForm .button-element label {
    line-height: 2.8em !important;
}

#buyCryptoModal .button-element label, #buyFractionalMetalsModal .button-element label,
#sellCryptoModal .button-element label, #sellFractionalMetalsModal .button-element label {
    line-height: 2.8em !important;
}

#createOrEditTriggerOrderForm label {
    line-height: 17px !important;
}

#buyCryptoModal label, #buyFractionalMetalsModal label, #sellCryptoModal label, #sellFractionalMetalsModal label {
    line-height: 17px !important;
}

.info-top a {
    color: var(--edit-button-account-settings-color) !important;
}

.send-setting-change-request {
    color: var(--edit-button-account-settings-color);
}

#marketDataWidget .content .item p {
    font-weight: 600 !important;
    color: #64686B !important;
    font-size: 20px !important;
}

#marketDataWidget .content .item label {
    font-weight: 700 !important;
    color: var(--label-color) !important;
    font-size: 14px !important;
}

#marketDataWidget .content .item .green {
    color: var(--positive-amount-color) !important;
}

#marketDataWidget .content .item .red {
    color: var(--negative-amount-color) !important;
}

/* Stavi margin i padding za h4 na 0 */
#userAgreementModalPrintable h4 {
    padding-bottom: 0;
    margin-bottom: 0;
    color: #31363B !important
}

#userAgreementModalPrintable h4:first-of-type {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 10px;
    margin-bottom: 0.8em;
    text-align: center !important;
}

#userAgreementModalPrintable .logo-wrapper {
    text-align: center !important;
    margin-bottom: 0.5em !important;
}

#userAgreementModalPrintable li {
    margin-left: 2em;
    list-style: disc;
}

#userAgreementModalPrintable b {
    font-weight: 600; 
}

#userAgreementModalPrintable i {
    font-style:italic;
}

#loadAllHistory.btn.transparent-button.with-border, 
button#loadAllHistory.transparent-button.with-border {
    color: var(--button-full-text-color) !important;
}


/* Stavi da su svi b tagovi fontweight > 600 */
/* Stavi da svi li unutar ul imaju marign right i da imaju circle  */