@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* Theme stuff */


:root {
    --srt-brand-color: RGB(22,69,119);
    --srt-background-color: RGB(22,69,119);
    --srt-mui-blue: rgb(63,81,181);
    --srt-card-header-background-color2: RGB(245,245,245);
    --srt-card-header-background-color: RGB(245,245,245);
    --srt-card-header-color: black; 
    --srt-card-body-background-color: transparent;
    --srt-card-body-color: transparent;
    --srt-card-footer-background-color: RGB(245,245,245);
    --srt-card-footer-color: black;
    --srt-card-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12);
    --srt-card-border-radius: .4rem;
    --srt-card-border-radius-half: 0.2rem;
    --srt-card-toolbar-background-color: var(--srt-mui-blue);
    --srt-card-toolbar-color: whitesmoke;
    --srt-font-color: rgba(0,0,0,0.87);
    --srt-font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif;
    --srt-footer-background-color: var(--srt-mui-blue);
    --srt-footer-color: whitesmoke;
}

.srt-card-body-theme {
    background-color: var(--srt-card-body-background-color);
}

.srt-card-header-theme {
    background-color: var(--srt-card-header-background-color);
    color: var(--srt-card-header-color);
}

.srt-card-header-theme, .card-header:first-child {
    color: var(--srt-card-header-color);
}

.srt-card-footer-theme {
    background-color: var(--srt-card-footer-background-color);
    color: var(--srt-card-footer-color);
}

/* 
    THIS CONTROLS THE COLOR SCHEME OF THE TOOLBAR THAT LIVES INSIDE OF A CARD HEADER

.dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .srt-card-toolbar-theme {
    color: var(--srt-card-toolbar-color);
    background-color: var(--srt-card-toolbar-background-color);
}
*/

/* This controls the color scheme of the toolbar that lives in the main app header */
.srt-card-toolbar-header-theme {
    color: var(--srt-card-header-color);
}

.srt-body-background-theme {
    background-color: inherit;
}

.srt-navbar-background-theme {
    background-color: var(--srt-card-header-background-color);
    color: var(--srt-card-header-color);
}

.srt-button-primary-theme {
    color: RGB(22,69,119);
}

.srt-footer-theme {
    background-color: var(--srt-footer-background-color);
    color: var(--srt-footer-color);
}

.srt-card {
    border-radius: var(--srt-card-border-radius);
    border-width: 1px;
    margin: 0 0 0.25rem 0;
    padding: 0 0 0 0;
}

.srt-card-body {
    margin: 0 0 0 0;
}

.srt-nopad {
    padding: 0 0 0 0;
}

.srt-height-80 {
    min-height: 80vh;
    max-height: 80vh;
    height: 80vh;
}


.srt-card-header {
    background-color: var(--srt-card-header-background-color);
    box-shadow: var(--srt-card-shadow);
    color: var(--srt-card-header-color);
    height: 3rem;
    font-weight: 400;
    font-size: larger;
}

.srt-card-header, .card-header:first-child {
    border-top-left-radius: var(--srt-card-border-radius);
    border-top-right-radius: var(--srt-card-border-radius);
    border-radius: var(--srt-card-border-radius) var(--srt-card-border-radius) 0 0;
    color: var(--srt-card-header-color);
}

/* this breaks a lot of toolbar colors
.srt-card-header > .dxbl-btn {
    color: (--srt-card-header-color);
    text-transform: uppercase;
}*/


.srt-card-footer {
    box-shadow: var(--srt-card-shadow);
    display: block;
    padding: .5rem 1rem .5rem 1rem;
}

.srt-card-footer, .card-footer:last-child {
    border-radius: 0 0 var(--srt-card-border-radius) var(--srt-card-border-radius);
    min-height: 2.5rem;
}

.srt-card-toolbar {
    font-weight: 300;
    display: block;
    font-size: 1.1rem;
}

.srt-card-toolbar-header {
    font-weight: 300;
    display: block;
    font-size: 1.1rem;
}

.srt-dx-icon-mail {
    -webkit-mask-image: url("./img/dx-icons/search.svg");
    mask-image: url("./img/dx-icons/search.svg");
}
.srt-dx-icon-add {
    -webkit-mask-image: url("./img/dx-icons/add.svg");
    mask-image: url("./img/dx-icons/add.svg");
}
.srt-dx-icon-delete {
    -webkit-mask-image: url("./img/dx-icons/delete.svg");
    mask-image: url("./img/dx-icons/delete.svg");
}
.srt-dx-icon-download {
    -webkit-mask-image: url("./img/dx-icons/download.svg");
    mask-image: url("./img/dx-icons/download.svg");
}
/* Editors */
.srt-dx-icon,
.dxbl-btn .srt-dx-icon {
    width: 1rem;
    height: 1rem;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
    opacity: 0.7;
}



.srt-icon {
    content: "icn";
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-color: currentColor;
    background-repeat: no-repeat;
}

.srt-icon-2x {
    width: 3rem;
    height: 3rem;
}

/*
    grab new icons from here
    https://fonts.google.com/icons
*/


.srt-icon-mui-shield-yes {
    mask-image: url("../img/mui-icons/shield-yes.svg");
    -webkit-mask-image: url("../img/mui-icons/shield-yes.svg");
}

.srt-icon-mui-shop {
    mask-image: url("../img/mui-icons/shop.svg");
    -webkit-mask-image: url("../img/mui-icons/shop.svg");
}

.srt-icon-mui-shield-no {
    mask-image: url("../img/mui-icons/shield-no.svg");
    -webkit-mask-image: url("../img/mui-icons/shield-no.svg");
}

.srt-icon-mui-circle-plus {
    mask-image: url("../img/mui-icons/circle-plus.svg");
    -webkit-mask-image: url("../img/mui-icons/circle-plus.svg");
}

.srt-icon-mui-circle-minus {
    mask-image: url("../img/mui-icons/circle-minus.svg");
    -webkit-mask-image: url("../img/mui-icons/circle-minus.svg");
}

.srt-icon-mui-expand {
    mask-image: url("../img/mui-icons/expand.svg");
    -webkit-mask-image: url("../img/mui-icons/expand.svg");
}

.srt-icon-mui-language {
    mask-image: url("../img/mui-icons/language.svg");
    -webkit-mask-image: url("../img/mui-icons/language.svg");
}

.srt-icon-mui-openfull {
    mask-image: url("../img/mui-icons/openfull.svg");
    -webkit-mask-image: url("../img/mui-icons/openfull.svg");
}

.srt-icon-mui-undo {
    mask-image: url("../img/mui-icons/undo.svg");
    -webkit-mask-image: url("../img/mui-icons/undo.svg");
}

.srt-icon-mui-apply {
    mask-image: url("../img/mui-icons/apply.svg");
    -webkit-mask-image: url("../img/mui-icons/apply.svg");
}

.srt-icon-mui-refresh {
    mask-image: url("../img/mui-icons/refresh.svg");
    -webkit-mask-image: url("../img/mui-icons/refresh.svg");
}

.srt-icon-dx-search {
    mask-image: url("../img/dx-icons/search.svg");
    -webkit-mask-image: url("../img/dx-icons/search.svg");
}

.srt-icon-mui-profile {
    mask-image: url("../img/mui-icons/profile.svg");
    -webkit-mask-image: url("../img/mui-icons/profile.svg");
}

.srt-icon-mui-user {
    mask-image: url("../img/mui-icons/user.svg");
    -webkit-mask-image: url("../img/mui-icons/user.svg");
}

.srt-icon-mui-group {
    mask-image: url("../img/mui-icons/group.svg");
    -webkit-mask-image: url("../img/mui-icons/group.svg");
}

.srt-icon-mui-help {
    mask-image: url("../img/mui-icons/help.svg");
    -webkit-mask-image: url("../img/mui-icons/help.svg");
}


.srt-icon-mui-burger {
    mask-image: url("../img/mui-icons/burger.svg");
    -webkit-mask-image: url("../img/mui-icons/burger.svg");
}

.srt-icon-mui-down {
    mask-image: url("../img/mui-icons/down.svg");
    -webkit-mask-image: url("../img/mui-icons/down.svg");
}

.srt-icon-mui-burger-open {
    mask-image: url("../img/mui-icons/burger-open.svg");
    -webkit-mask-image: url("../img/mui-icons/burger-open.svg");
}

.srt-icon-mui-home {
    mask-image: url("../img/mui-icons/home.svg");
    -webkit-mask-image: url("../img/mui-icons/home.svg");
}

.srt-icon-mui-globe {
    mask-image: url("../img/mui-icons/globe.svg");
    -webkit-mask-image: url("../img/mui-icons/globe.svg");
}

.srt-icon-mui-server {
    mask-image: url("../img/mui-icons/server.svg");
    -webkit-mask-image: url("../img/mui-icons/server.svg");
}

.srt-icon-mui-shield {
    mask-image: url("../img/mui-icons/shield.svg");
    -webkit-mask-image: url("../img/mui-icons/shield.svg");
}

.srt-icon-mui-c4u {
    mask-image: url("../img/mui-icons/c4u.svg");
    -webkit-mask-image: url("../img/mui-icons/c4u.svg");
}

.srt-icon-mui-more {
    mask-image: url("../img/mui-icons/more.svg");
    -webkit-mask-image: url("../img/mui-icons/more.svg");
}

.srt-icon-mui-report {
    mask-image: url("../img/mui-icons/report.svg");
    -webkit-mask-image: url("../img/mui-icons/report.svg");
}

.srt-icon-mui-add {
    mask-image: url("../img/mui-icons/add.svg");
    -webkit-mask-image: url("../img/mui-icons/add.svg");
}


.srt-icon-mui-import {
    mask-image: url("../img/mui-icons/import.svg");
    -webkit-mask-image: url("../img/mui-icons/import.svg");
}

.srt-icon-mui-export {
    mask-image: url("../img/mui-icons/export.svg");
    -webkit-mask-image: url("../img/mui-icons/export.svg");
}

.srt-icon-mui-backup {
    mask-image: url("../img/mui-icons/backup.svg");
    -webkit-mask-image: url("../img/mui-icons/backup.svg");
}

.srt-icon-mui-start {
    mask-image: url("../img/mui-icons/start.svg");
    -webkit-mask-image: url("../img/mui-icons/start.svg");
}

.srt-icon-mui-stop {
    mask-image: url("../img/mui-icons/stop.svg");
    -webkit-mask-image: url("../img/mui-icons/stop.svg");
}

.srt-icon-mui-del {
    mask-image: url("../img/mui-icons/del.svg");
    -webkit-mask-image: url("../img/mui-icons/del.svg");
}

.srt-icon-mui-edit {
    mask-image: url("../img/mui-icons/tune.svg");
    -webkit-mask-image: url("../img/mui-icons/tune.svg");
}

.srt-icon-mui-setting {
    mask-image: url("../img/mui-icons/settings.svg");
    -webkit-mask-image: url("../img/mui-icons/settings.svg");
}

.srt-body-background {
    background-color: inherit;
}


.srt-navbar-logo {
    height: 42px;
    /*width: 255px;*/
    width: auto;
}

.srt-navbar-header-height {
    height: 4rem;
}

.srt-button-primary {
    color: RGB(22,69,119);
}

.srt-grid-nolines th, .srt-grid-nolines td {
    border-width: 0px !important;
}

.srt-pull-right {
    text-align: end;
}
.srt-pull-center {
    text-align:center;
}
.srt-tab-nopad {
    padding-top: 0px;
}

.srt-footer {
    flex-grow: 0;
    flex-wrap: nowrap;
    border: none;
    border-radius: 0;
    height: 2rem;
    min-height: 2rem;
    box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.12);
    justify-content: flex-start;
    padding: 0rem 1rem 0rem 1rem;
    opacity: 1;
    vertical-align: middle; /* Vertical center alignment */
}

.srt-right-justify {
    justify-content: end;
}

.srt-required {
    border-left-color: red;
    border-left-width: 2px;
}