#rightContentContainer {
    padding: 40px;
    width: calc(100% - 300px);
    overflow: auto;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
}

.siteTitle {
    font-weight: 400;
    font-size: 22px;
}

.langFlag {
    width: 30px;
    height: 15px;
    cursor: pointer;
}

#flagSecContainer {
    display: flex;
    justify-content: space-between;
}

#flagContainer {
    display: flex;
    position: relative;
}

#flagContainer p {
    margin-left: 10px;
    font-size: 12px;
}

.siteTitleSmall {
    font-size: 13px;
}

.siteTitleValue {
    font-weight: 500;
    font-size: 25px;
    margin-top: 15px;
}

.siteTitleValueSmall {
    font-weight: 500;
    font-size: 12px;
    color: var(--small-text-grey);
}

.borderLeftLine {
    border-right: 1px solid #e8ebee;
}

.paddingLeft20 {
    padding-left: 20px;
}

.paddingLeft30 {
    padding-left: 30px;
}

.paddingLeft40 {
    padding-left: 40px;
}

.customHr {
    border-top: 1px solid #e8ebee;
    margin-top: 20px;
    margin-bottom: 20px;
}

.dataCol {
    position: relative;
}

.displayGrid {
    display: grid;
    grid-auto-flow: column;
}

.squaredImg {
    width: 37px;
    height: 37px;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

.systemInfoFlex {
    display: flex;
    flex-direction: column;
}

.infoFlex {
    display: flex;
    flex-direction: column;
    margin-left: 15px;
}

.infoFlex h4, .infoFlex p, .systemInfoFlex h4, .systemInfoFlex p {
    margin-bottom: 0px;
    font-size: 14px;
}

.infoFlex p, .systemInfoFlex p {
    color: var(--small-text-grey);
}

.infoFlexContainer {
    display: flex;
    align-items: center;
    margin-top: 25px;
}

.demoChart {
    width: 150px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.ql-toolbar.ql-snow.toolsInvalid{
    border: 1px solid #fc4b6c !important;
}

.ql-container.ql-snow.quillInvalid{
    border-left: 1px solid #fc4b6c !important;
    border-bottom: 1px solid #fc4b6c !important;
    border-right: 1px solid #fc4b6c !important;
    border-bottom-right-radius: 13px;
    border-bottom-left-radius: 13px;
}

/* Works on Firefox */
* {
    scrollbar-width: thin;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 5px;
    height: 0px;
}

*::-webkit-scrollbar-track {
    margin-bottom: 30px;
    margin-top: 30px;
}

*::-webkit-scrollbar-thumb {
    border-radius: 20px;
    background: var(--scrollbar-gradient);
}

#signOutBtn{
    color: white;
    background: var(--theme-red-gradient);
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
    position: absolute;
    top: -10px;
    right: 0px;
}

#mobileMenuBtn{
    display: none;
}

/* Phone */
@media screen and (max-width: 600px) {
    #rightContentContainer{
        padding-right: 20px;
    }


#mobileMenuBtn{
    display: block;
    color: white;
    background: var(--theme-red-gradient);
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
}

}