@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

/*@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');*/

/*html, body {*/
/*    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
/*}*/

html {
    font-size: 16px;
    line-height:16px;
    height: 100%;
    overflow-x: clip;
}
body {
    margin-bottom: 60px;
    font-size: 16px;
    line-height:16px;
    height: 100%;
}

.height100{
    height: 100%;
}
svg defs + rect {
    fill: var(--mud-palette-background) !important;
}

.google-visualization-tooltip > path, div.google-visualization-tooltip > ul > li > span, div.goog-tooltip > div {
    background-color:var(--mud-palette-background) !important;
    fill:var(--mud-palette-background) !important;
    /*color: #ff0000 !important;*/
}
.dashchart{
    margin-top:-3rem;
}

.fraudchart{
    width:100% !important;
}
.fraudchart text{
    fill: var(--mud-palette-text-primary) !important; 
}
.fraudchart > div > div{
    margin: 0 auto; 
}
.mud-popover .mud-list .mud-list-item{
    white-space: nowrap;
}
/*rect {*/
/*    color: var(--mud-palette-text-primary);*/
/*}*/

.collapsed-panel {
    background-color: var(--mud-palette-surface) !important;
    /*color: var(--mud-palette-appbar-text) !important;*/
}
    
.vilogin-not-auth-div{
    text-align: right !important;
}
/*.headerselect, */
.vilogin-username, .vilogin-pass, .vilogin-mfa-code{
    width: 10rem !important; display:inline-block !important;
}
/*.vilogin-username div label, .vilogin-pass div label{*/
/*    background-color: var(--mud-palette-appbar-background);*/
/*}*/

.custSelectList {
    width:20rem !important;
    max-width:20rem !important;
}

.headerselect div div input, .vilogin-username div input, .vilogin-pass div input, .vilogin-mfa-code div input{
    color: var(--mud-palette-text-primary) !important;
    position: relative !important;
    z-index: 1;
    /*padding:.5rem !important;*/
}

/*.headerselect div div {*/
/*    background-color: white;*/
/*    border-radius: var(--mud-default-borderradius);*/
/*}*/


.custlist{
    max-width:10rem !important;
}
.pagelist{
    max-width:25rem !important;
}

/*.mud-select:has(.headerselect){*/
.headerselect{
    background-color: var(--mud-palette-background);
    border-radius: var(--mud-default-borderradius);
}
/*.headerselect div.mud-input-control-input-container div.mud-input div.mud-input-outlined-border, */
.vilogin-username div.mud-input-control-input-container div.mud-input div.mud-input-outlined-border, .vilogin-pass div div div.mud-input-outlined-border, .vilogin-mfa-code div div div.mud-input-outlined-border{
    background-color: var(--mud-palette-background);
}

.headerselect div div div.mud-input-slot {
    display: inline;
    padding: .4rem !important;
}

/*.vilogin-username div label, .vilogin-pass div label {*/
/*    line-height: .5rem !important;*/
/*}*/

.mud-input input{
    padding:.5rem !important;
}
.headerselect > div > label, .vilogin-username div.mud-input + label, .vilogin-pass div.mud-input + label, .vilogin-mfa-code div.mud-input + label{
    background-color: var(--mud-palette-background);
    border-radius: var(--mud-default-borderradius) !important;
    line-height: .5rem !important;
}

.mud-input + label{
    line-height: .5rem !important;
    background-color: var(--mud-palette-surface);
}


.mud-input-control-helper-container {
    margin-bottom: -1rem;
}


/*.vilogin-username div .mud-shrink~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,*/
/*.vilogin-username div .mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,*/
/*.vilogin-pass div .mud-shrink~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined, */
/*.vilogin-pass div .mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {*/
/*    line-height: 1.3rem !important;*/
/*}*/

.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.mud-shrink~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined,
.mud-input:focus-within~label.mud-input-label.mud-input-label-inputcontrol.mud-input-label-outlined {
    line-height: 1.3rem !important;
}

.vilogin-welcome, .vilogin-welcome + button{
    display: inline-block;
    position: relative;
    top: -1rem;
}

.mud-input-root-margin-dense{
    padding:.5rem;
}

@media (max-width: 1500px) {
    html, body {
        font-size: 14px;
        line-height:14px;
    }
    .dashchart{
        margin-top:-2.2rem !important;
    }
}
@media (max-width: 1199px) {
    html, body {
        font-size: 12px;
        line-height:12px;
    }
    .dashchart{
        margin-top:-2rem !important;
    }
}

@media (max-width: 991px) {
    html, body {
        font-size: 11px;
        line-height:11px;
    }
}

@media (max-width: 767px) {
    html, body {
        font-size: 10px;
        line-height:10px;
    }
    
    .dashchart{
        margin-top:-1.5rem !important;
    }
    .mud-grid-spacing-xs-3>.mud-grid-item>.fraudchart{
        margin: -5rem auto;
    }

    .headerselect > div > label, .vilogin-username div.mud-input + label, .vilogin-pass div.mud-input + label, .vilogin-mfa-code div.mud-input + label{
        background-color: var(--mud-palette-background);
        border-radius: var(--mud-default-borderradius) !important;
        line-height: .2rem !important;
    }

}

@media (max-width: 576px) {
    html, body {
        font-size: 8px;
        line-height:8px;
    }
    .dashchart{
        margin-top:-3.5rem !important;
    }
}

html {
    position: relative;
    min-height: 100%;
}


.likeLink:hover{
    cursor: pointer;
}

/*.vilogin-link-forgot{*/
/*    position: relative;*/
/*    white-space: nowrap;*/
/*    top: 0;*/
/*}*/

/*====================================
Reset
====================================*/
html, div, span, a, img,
h1, h3, h4, h5, h6, hgroup, dl,
ol, ul, li, big, blockquote, em, q,
object, form, fieldset, label, legend {
    background: transparent;
    border: none;
    font-weight: inherit;
    font-style: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    /*text-align: left;*/
    vertical-align: baseline;
    white-space: normal;
}

textarea, input, select {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    margin: 0;
    padding: 0;
    text-align: left;
    white-space: normal;
}

h1, h2, h3, h4, h5, h6 { font-family: Arial, sans-serif;}
ol, ul     { list-style: none; }

table     { border-collapse: separate; border-spacing: 0; background-color: transparent; width: auto; height: auto; margin:0; padding:0;}
:focus     { outline: 0; }

.no-margin  { margin: 0 !important; }
.no-padding { padding: 0 !important; }

/*========================
Links
========================*/


/*========================
Main Headings
========================*/
h1 {font-size: 32px; margin-bottom:10px;}
h2 {font-size: 28px;}
h3 {font-size: 24px;}
h4 {font-size: 21px;}
h5 {font-size: 18px;}
h6 {font-size: 15px;}

body{background:#b8b8b8; margin:0 auto; padding:0;}


/*----------------- Content -----------------*/
.content-white-1014{
    /*background:var(--mud-palette-surface); */
    width:100%; 
    /*box-shadow:0 0 8px #444; */
    padding-top:17px; padding-bottom:20px; height:100%;}

#bg-title-green-1014{
    background: -webkit-linear-gradient(#005CA5, #007E9D); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#005CA5, #007E9D); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#005CA5, #007E9D); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#005CA5, #007E9D); /* Standard syntax */
    /*background: -webkit-linear-gradient(#43CC00, #007E00); !* For Safari 5.1 to 6.0 *!*/
    /*background: -o-linear-gradient(#43CC00, #007E00); !* For Opera 11.1 to 12.0 *!*/
    /*background: -moz-linear-gradient(#43CC00, #007E00); !* For Firefox 3.6 to 15 *!*/
    /*background: linear-gradient(#43CC00, #007E00); !* Standard syntax *!*/
    width:97%; margin:0 auto; height:4rem;
}
.title-top-green-1014{font-size:17px; font-weight:bold; color:var(--mud-palette-appbar-text) !important; text-shadow:1px 1px 1px #007E00; font-family:Arial, Helvetica, sans-serif; width:285px; margin:0 auto; padding-top:7px; text-transform:uppercase;}
/*.title-top-green-1014 td{padding-right:7px;}*/
.title-top-green-1014 td{text-align: center;}

.data-text-1014{background:#DCDCDC; font-size:14px; color:#000000; font-weight:bold; padding:8px; font-family:Arial, Helvetica, sans-serif; width:95.5%; margin:0 auto; margin-top:10px;
    position: relative;
    z-index: 10;}

.content-1014 {
    width: 42rem;
    /*margin-top:-3.5rem;*/
    /*width: 800px;*/
    /*margin: 0 auto;*/
    margin: -2rem auto 0;
}

#area-bottom-1014{width:97%; margin:0 auto; position: relative;}
.boxes-left-1014{float:left; width:79%; margin:0 0 0 0;}
.boxes-right-1014{float:right; width:21%; margin:2rem 0 0 0;}
.boxes-right-1014 img{width:100%; margin-bottom:4px;; width:12.8rem;}

.box-bottom-1014{float:left; width:33%; margin:0 0 0 0;}
.box-title-blue{background:#29343B; text-align:center; color:#FFF; font-weight:bold; font-size:1rem; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; width:100%; border-bottom:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF; height:32px; padding-top:12px;}
.box-alert-gray{font-size:1rem}
.box-bottom-gray{background:#DDDDDD; width:100%; font-size:14px; color:#000; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; text-align:center; border-bottom:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF; height:32px; padding-top:12px;}
.box-bottom-odd{background:#DDDDDD; width:100%; font-size:14px; color:#000; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; text-align:center; border-bottom:1px solid #FFF; border-left:1px solid #FFF; border-right:1px solid #FFF; height:32px; padding-top:12px;}

.clear{clear:both;}


.rem-chart-table-header{font-size: .7rem !important; white-space: unset !important;}
.rem-chart-table-header .google-visualization-table-th{font-size: .7rem !important; white-space: unset !important;}
.rem-chart-table-row{font-size: .55rem !important; white-space: unset !important;}

/*------------------------------------- Page Area 980px ------------------------------------------*/
@media only screen and (max-width: 980px) {
    .copy-right-1009{margin-left:10px;}
}


@media only screen and (max-width: 899px) {
    /*.dashchart{*/
    /*    margin-top:-3rem;*/
    /*}*/
    
    /*.content-1014{width:100%; margin:0 auto;}*/
    .content-1014{width:100%;}
    .content-1014 img{width:100%; height:100%;}

    .boxes-right-1014{float:none; margin: 0 auto; margin-top:1rem}
    .boxes-left-1014{float: none; margin: 0; width: 100%;}
}

@media only screen and (max-width:639px) {
    /*.dashchart{*/
    /*    margin-top:-2rem;*/
    /*}*/

    .logo-1009{float:none; margin:0 auto; padding-top:0; max-width:10rem; width:100%;}
    .menu-alerts-1009{color:#fff; float:none; font-size:14px; margin:0 auto; width:146px;}

}

@media only screen and (max-width:479px) {
    #bg-title-green-1014{width:94%;}
    .data-text-1014{width:89.5%;}
    .box-title-blue{height:26px;}
}

.float_contain
{
    clear: both;
    overflow: hidden;
}
.right { float: right; }
.right10 { margin-right: 10px; }
.left { float: left; }
.left10 { margin-left: 10px; }

.lalign {text-align: left;}
.calign {text-align: center;}
.ralign{text-align: right;}

.top5 {margin-top: 5px;}
.top10 {margin-top: 10px;}

.width100 {width:100%;}
.bold {font-weight: bold;}
.nobold {font-weight: normal;}



h1:focus {
    outline: none;
}

a, .btn-link {
    color: #0071c1;
}


.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

.content {
    padding-top: 1.1rem;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}
.modal {
    color:var(--mud-palette-text-primary);
    background-color: var(--mud-palette-text-disabled) !important;
}

.invalid {
    outline: 1px solid red;
}

.validation-message {
    color: red;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

.blazor-error-boundary {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
    padding: 1rem 1rem 1rem 3.7rem;
    color: white;
}

.blazor-error-boundary::after {
    content: "An error has occurred."
}