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

:root {
    /*app bars, buttons, menu etc*/
    --primary: #094A64;
    --mdc-theme-primary: #094A64;
    --primary-variant: #538093;
    --mdc-theme-primary-variant: #073a4f;
    /*colors for text, icons etc on the surface they appear, consider contrast colors here*/
    --on-primary: #ffffff;
    --mdc-theme-on-primary: #ffffff;
    --mdc-theme-on-primary-variant: #ffffff;
    /*second level colors for app bars, buttons, menu etc or selected controls etc */
    --secondary: #518036;
    --mdc-theme-secondary: #518036;
    --secondary-variant: #376322;
    --on-secondary: #ffffff;
    --mdc-theme-on-secondary: #ffffff;
    /*background color for the website, mainly for body*/
    --background: #e1e9ec;
    --mdc-theme-background: #e1e9ec;
    --on-background: #000000;
    /*bg for scrollable content, background color components like lists, cards, menu content area*/
    --surface: #ffffff;
    --mdc-theme-surface: #ffffff;
    --on-surface: #8B8585;
    --mdc-theme-on-surface: #8B8585;
    /*if there is error, color to be used. eg: validations*/
    --error: #C62828;
    --mdc-theme-error: #C62828;
    --on-error: #ffffff;
    --mdc-theme-on-error: #ffffff;
    --warning: #FF6F00;
    --on-warning: #ffffff;
}

.mdc-top-app-bar__row {
    background-color: var(--mdc-theme-primary);
    color: var(--mdc-theme-on-primary);
}


.btn-info, .btn-info:hover {
    color: var(--on-primary);
    background-color: var(--primary-variant);
    border-color: var(--primary-variant);
}
.bg-info, .bg-success, .bg-warning {
    color: var(--on-surface) !important;
}
.list-group-item-info {
    color: var(--on-primary);
    background-color: var(--primary-variant);
}
.text-primary {
    color: var(--primary);
}
.label-primary {
    background-color:var(--primary);
    color:var(--on-primary);
}
.pcs_login_banner {
    right: 0px !important;
}
body {
    font-size: 15px;
    color:var(--on-surface);
}

.home_container .feed .content {
    height: 600px;
    overflow:scroll;
}

#pcs-loggedinas {
    font-size:10px;

}
/*
#content_container:after {
    height: 210px;
    background: var(--primary-variant);
    position: absolute;
    width: 100%;
    top: 65px;
    content: "";
    z-index: -1;
}*/
div.power {
    font-size:12px
}
.multilogin_box {
    background-color: var(--primary-variant) !important;
}
.pcs_msg_box {
    background-color: var(--primary-variant) !important;
}
.b-r-dash-1 {
    border-right: dashed 1px var(--on-surface);
}