@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');

.x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after {
    content: '\f0da' !important;
    font: 16px/24px 'Font Awesome 5 Free' !important;
}
.main-panel-header-title {
    color: #f0f0f0;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
    line-height: 20px;
    background-color: #5fa2dd;
}

.main-toolbar {
    border-right: 1px solid #919191 !important;
    border-bottom: 1px solid #919191 !important;
}

.menu-icon-color {
    color: #5fa2dd !important;
}

.main-frame-title {
    color: #919191 !important;
    background-color: white !important;
    border-bottom: 1px solid #919191 !important;
    border-top: 1px solid #919191 !important;
}

.main-frame-header {
    color: #919191 !important;
    background-color: white !important;
}

.x-btn-wrap-default-toolbar-small.x-btn-arrow-right:after{
    color: #5fa2dd !important;
}

.greenButton {
    background-color: #9FEFD1 !important;
    border-color: #1C9165 !important;
    color: #404040 !important;
    background-image: none;
}

.blueButton {
    background-color: #A3CBEE !important;
    border-color: #1F5A90 !important;
    color: #404040 !important;
    background-image: none;
}

.redButton {
    background-color: #ef9f9f !important;
    border-color: #911c1c !important;
    color: #404040 !important;
    background-image: none;
}

.customIconAlign {
    line-height: 32px !important;
}

.boldText {
    font-weight: bold !important;
}

.limeColor {
    color: lime !important;
}

.darkGreen {
    color: darkgreen !important;
}

.redColor {
    color: red !important;
}

.blackColor {
    color: black !important;
}

.violetColor {
    color: #920e92 !important;
}

.orangeColor {
    color: orange !important;
}

.powderBlueColor {
    color: powderblue;
}

.mediumSeaGreenColor {
    color: mediumseagreen !important;
}

.lightGrey {
    color: lightgrey !important;
}

.noColorBtn {
    background-color: #ffffff !important;
    border-color: #919191 !important;
    border-width: 1px;
    color: #404040 !important;
    box-shadow: none;
    background-image: none;
}

.noColor-noBorderBtn {
    background-color: #ffffff !important;
    border-color: white !important;
    border-width: 1px;
    color: #404040 !important;
    box-shadow: none;
    background-image: none !important;
}

.x-treelist-nav .x-treelist-item-text {
    color: #111;
    color: var(--color);
    margin-left: 45px;
    margin-right: 24px;
    font-size: 14px;
    line-height: 44px;
}

.backgroundMain {
    background-color: lightgrey;
}

.forestgreenColor {
    color: forestgreen !important;
}

.lightBlue {
    color: #7fb5e4 !important;
}

.material-blue-color {
    color: #2196f3 !important;
}