﻿.grid-toolbar-button {
    padding: 7px 1px 7px 1px !important;
    border: none !important;
    background: none !important;
    margin: 0 5px 0 5px !important;
}

.account-list {
    max-height: 350px;
    overflow-y: auto;
}

.form-label.clickable {
    line-height: 1rem !important; 
}

.w-250 {
    width: 250px !important;
}

.k-popover-header {
    padding-block: 0.6rem !important;
    font-size: 90% !important;
}

.k-popover-body {
    font-size: 82% !important;
    padding-block: 0.6rem !important;
    padding-bottom: 0 !important;
}

.text-right .k-input-inner {
    text-align: right;
}

.k-progressbar-chunk.k-selected {

}

/* Targets <li> elements when the <div> has the class "weak" */
.password-strength-indicator.weak .k-progressbar-chunks .k-progressbar-chunk.k-selected {
    background-color: #ce2c31 !important; /* Red for weak */
}

/* Targets <li> elements when the <div> has the class "medium" */
.password-strength-indicator.medium .k-progressbar-chunks .k-progressbar-chunk.k-selected {
    background-color: #cc4e00 !important; /* Orange for medium */
}

/* Targets <li> elements when the <div> has the class "strong" */
.password-strength-indicator.strong .k-progressbar-chunks .k-progressbar-chunk.k-selected {
    background-color: #218358 !important;
}

.password-weak {
    color: #ce2c31;
}

.password-medium {
    color: #cc4e00;
}

.password-strong {
    color: #218358;
}

.password-strength-indicator{
    height: 8px !important;
}

/*prevents scrollbar in wizard content area*/
.k-wizard-content{
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.h-30{
    height: 30px !important;
}

/* hack to fix text not fitting into available space for splitt-buttons in toolbar.*/
.telerik-blazor.k-button.k-button-solid.k-rounded-md.k-button-md.k-button-solid-base[aria-haspopup="true"] {
    padding-right: 25px;
}