h1:focus {
    outline: none;
}

.valid.modified:not([type=checkbox]) {
    outline: 1px solid #26b050;
}

.invalid {
    outline: 1px solid #e50000;
}

.validation-message {
    color: #e50000;
}



.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."
    }

.darker-border-checkbox.form-check-input {
    border-color: #929292;
}
.mbtm { margin-bottom:0px;}
.PoApprovalGrid .dxbl-grid-focused-row {
    background-color: dodgerblue !important;
}
/* Body Container */
 /*============================================*/
/*body{font-family: 'Roboto', sans-serif;  margin:0; padding:0;}*/

*, *::before, *::after {box-sizing: border-box;}

.nopad{padding:0;}
.container{ max-width:100% !important;}
.containerwrap { padding: 20px 0px; position: relative;}
.containerwrap h1 { margin: 0px; padding:3px 0px 10px; font-size: 17px; font-weight: 500; color: #000000;}
.containerwrap h1 span {color: #DB4129;}
.containerwrap h2 { margin: 0px; padding:10px 1px; font-size: 18px; font-weight: 500; color: #000000;}
.containerwrap h3 { margin: 0px; padding:3px 0px; font-size: 16px; font-weight: 400; color: #000000;}
.containerwrap p { margin: 0; padding:3px 0px; font-size: 15px; color: #000000; text-wrap: wrap; }
.contentwrap {  padding: 0px;  max-height: 0;  overflow: hidden;  transition: max-height 0.2s ease-out;  background-color: #ffffff;}
 
/* Card Box and Borders */
 /*============================================*/
.cardwrap{ background:#F6F9FC; border:1px solid #DEDFEF; border-radius: .45rem;}
.infowrap{ background:#ffffff; padding:10px 10px 15px 10px; margin:0px;}
.card-box { border:1px solid #DEDFEF;}
.pocard {  border-width: 0;  transition: all .2s;  position: relative;  display: flex;  flex-direction: column;  min-width: 0; background-color: #fff;  background-clip: border-box;  border-radius: .45rem; white-space: nowrap; }
.card1 {  transition: all .2s;  position: relative;  display: flex;  flex-direction: column;  min-width: 0;  word-wrap: break-word;  background-color: #fff;  background-clip: border-box;  border-radius: 0rem;}
.pocard.mb-3 {  margin-bottom: 20px !important;}
.card-btm-border {  border-bottom: transparent solid 4px;}
.card-shadow-created {  box-shadow: 0 .46875rem 2.1875rem rgba(217,37,80,.03),0 .9375rem 1.40625rem rgba(217,37,80,.03),0 .25rem .53125rem rgba(217,37,80,.05),0 .125rem .1875rem rgba(217,37,80,.03);}
.card-shadow-pending {  box-shadow: 0 .46875rem 2.1875rem rgba(247,185,36,.03),0 .9375rem 1.40625rem rgba(247,185,36,.03),0 .25rem .53125rem rgba(247,185,36,.05),0 .125rem .1875rem rgba(247,185,36,.03);}
.card-shadow-approved {  box-shadow: 0 .46875rem 2.1875rem rgba(58,196,125,.03),0 .9375rem 1.40625rem rgba(58,196,125,.03),0 .25rem .53125rem rgba(58,196,125,.05),0 .125rem .1875rem rgba(58,196,125,.03);}
.card-shadow-closed {  box-shadow: 0 .46875rem 2.1875rem rgba(63,106,216,.03),0 .9375rem 1.40625rem rgba(63,106,216,.03),0 .25rem .53125rem rgba(63,106,216,.05),0 .125rem .1875rem rgba(63,106,216,.03);}

.border-created {  border-color: #EC1C24 !important;}
.border-pending {  border-color: #FEC53D !important;}
.border-approved {  border-color: #4AD991 !important;}
.border-closed {  border-color: #8280FF !important;}

@media screen and (max-width: 600px) {
.cardbox table {border: 0;}
.cardbox table caption {font-size: 1.3em;}
.cardbox table thead {border: none;	clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px;}
.cardbox table tr {	border-bottom: 3px solid #dee2e6;display: block;margin-bottom: .625em;}
.cardbox table td {	border-bottom: 1px solid #dee2e6;border-top: 0px solid #dee2e6;	display: block;	text-align: right;}
.cardbox table td::before {content: attr(data-title); font-weight: bold;text-transform: uppercase;font-size: 12px !important; width: 40% !important; text-align: left !important;float: left !important;}
.cardbox table td:last-child {border-bottom: 0;}
}

/* Buttons and Text Colors */
 /*============================================*/
.btn .pobadge { margin-left: 8px;}
.btn .pobadge { position: relative; top: -1px;}

.price { border:1px solid #0C9FCC; background:#0C9FCC; border-radius:40px; color:#ffffff; margin:0px; padding: 0px 10px; margin: 0px; width: 50px;}
.subject { border:1px solid #FF36A7; background:#FF36A7; border-radius:40px; color:#ffffff; margin:0px; padding: 0px 10px; margin: 0px; width: 50px;}

.approved { border:1px solid #4AD991; background:#4AD991; border-radius:40px; color:#ffffff; margin:0px; padding: 0px 10px; margin: 0px; width: 50px;}
.created { border:1px solid #4F5AED; background:#4F5AED; border-radius:40px; color:#ffffff; margin:0px; padding: 0px 10px; margin: 0px; width: 50px;}

.widget-chart {  text-align: center; padding: 1rem; position: relative;}
.text-grey {  color:#636466;}
.text-left {  text-align: left !important;}
.txt-success { border: 1px solid #3ac47d; background: #3ac47d; border-radius: 40px; color: #ffffff !important; margin: 0px; padding: 0px 10px; margin: 0px;}
.text-light {  color: #000 !important;}
.warning { color: red;}

/* Accordion and Text Colors with Badges */
 /*============================================*/
.PODetail.collapsible {
    background-color: #E3E5EA;
    border: 1px solid #DEDFEF;
    color: #000;
    cursor: pointer;
    padding: 5px 10px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 16px;
    border-radius: 0px;
    margin-bottom: 5px;
    font-weight: 500;
}

.PODetail.Noncollapsible {
    background-color: #996666;
    border: 1px solid #996666;
    color: #000;
    cursor: pointer;
    padding: 5px 10px;
    width: 100%;
    text-align: left;
    outline: none;
    font-size: 16px;
    border-radius: 0px;
    margin-bottom: 5px;
    font-weight: 500;
}

.PODetail.Noncollapsible, .collapsible:hover {
    background-color: #8F949D;
    color: #fff;
}

.PODetail.collapsible, .collapsible:hover {
    background-color: #8F949D;
    color: #fff;
}

.PODetail.collapsible:after {
        content: "\2212";
        color: #fff;
        position: absolute;
        right: 15px;
        font-weight: bold;
    }

.PODetail.collapsed:after {
    content: '\002B';
    color: #000;
    position: absolute;
    right: 15px;
    font-weight: bold;
}

.PODetail .actionBtn {
    position: relative;
    float: right;
    z-index: 9;
    margin-right: 15px;
    font-weight: bold;
    margin-top: -4px;
}

.content {  padding: 0 18px;  max-height: 0; transition: max-height 0.2s ease-out;  background-color: #ffffff; border:1px solid #EFEDF6; display:contents}

.pobadge { font-weight: 700;  text-transform: uppercase;  padding: 5px 10px;  min-width: 19px;  display: inline-block;  font-size: 75%;  line-height: 1;  text-align: center;  white-space: nowrap;  vertical-align: baseline;  border-radius: .25rem; }
.pobadge-success { color: #fff; background-color: #DB4129;}
.pobadge-pill { padding-right: .6em; padding-left: .6em; border-radius: 10rem; width:40px; margin-left:5px;}
.po { border:1px solid #FF36A7; background:#FF36A7; border-radius:40px; color:#ffffff; padding:10px; margin:0px; padding: 0px 10px; margin: 0px; width: 50px;}
.view {background:red; display:block; padding:0px; margin:0px; height:100px;}

/* Table Container */
 /*============================================*/
.PoApprovalGrid .table > :not(:last-child) > :last-child > * {  border-bottom-color: white;}
.PoApprovalGrid table { border: 1px solid #EFEDF6; border-collapse: collapse; margin: 0; padding: 0; width: 100%; font-size: 14px;}
.PoApprovalGrid table caption { font-size: 14px;}
.PoApprovalGrid table tr {background-color: #ffffff; border: 1px solid #EFEDF6;}
.PoApprovalGrid table td { white-space: nowrap; }
table.with-ellipsis th, table.with-ellipsis td { text-overflow: ellipsis;}
.PoApprovalGrid table th { text-align: left !important;}
.PoApprovalGrid table th, .PoApprovalGrid table td { text-align: left; padding:5px !important;}
.PoApprovalGrid table th { font-size: 14px; background:#F5F7FB;}
.PoApprovalGrid table tr:hover { background-color: #f5f9ff; }
.PoApprovalGrid table tr:active {background-color: #ffffff;}
.PoApprovalGrid .hiddenRow { padding: 0 !important;}

/* Set box sizing to border-box Tables */
 /*============================================*/
.cardbox {}
.cardbox table { border: 1px solid #dee2e6;	border-collapse: collapse;	margin: 0;	padding: 0;	width: 100%; white-space: nowrap; }
.cardbox table tr {	background-color: #ffffff; border: 1px solid #dee2e6;padding: .35em; white-space: nowrap; }
    .cardbox table tr:hover {
        background-color: #f5f9ff;
    }
.cardbox table th, .cardbox table td {padding: .625em;text-align: left; white-space: nowrap; }
.cardbox table th {	font-size: .85em;text-transform: uppercase; white-space: nowrap; }

.custom-table {	border-collapse: collapse;}
.custom-table thead th {background: #F5F7FB; }
.custom-table tbody td {border-top: 0px solid #eee; }
.custom-table thead th, .custom-table tbody td {padding: 5px; white-space: nowrap; }
.custom-table table.with-ellipsis td { text-overflow: ellipsis;}

.region {}
.practice{ cursor:pointer;}
.practice td:first-child {padding-left: 10px;}
.provider td:first-child {padding-left: 10px;}
.provider{display:none; background: #fdfdff !important;}

.pocard { border-radius: .45rem;}
.card1 p { margin-top: 0; margin-bottom: .50rem;text-wrap:wrap;}
.widget-chart2 h3 {margin: 0px; padding: 3px 0px; font-size: 16px;  font-weight: 400;}
.widget-chart2 h2 {margin: 0px; padding: 10px 1px; font-size: 18px;  font-weight: 500;}
.content {padding: 0px;}
.collapsible {display: block;}
.widget-chart.text-left {display: block;}
.pogrid.dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table > thead { background: #F5F7FB;}
.pogrid.dxbl-grid .dxbl-grid-table > thead .dxbl-grid-header-row > th:not(.dxbl-grid-empty-cell)::before {
    background: #F5F7FB;
}
.pogrid.dxbl-grid-focused-row {
    background-color: #3f6ad8 !important;
}

.pogrid.dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > .dxbl-grid-table {
    display: inline-table;
}

.boxtbl table {	border-spacing: 0;	border-collapse: collapse;}
.boxtbl td,.boxtbl th { padding: 0 .3em;white-space: nowrap;}
.boxtbl td {border: 1px solid rgba(0, 0, 0, .1);}




@media screen and (max-width:768px) {
.mbtm { margin-bottom:10px !important;}
.card1 {margin-bottom:10px !important;  -webkit-box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1); -moz-box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1); box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1);}
}
@media screen and (max-width:640px) {
.mbtm { margin-bottom:10px !important;}
.card1 {margin-bottom:10px !important;  -webkit-box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1); -moz-box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1); box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1);}
}
/* Mobile Reponsive CSS */
 /*============================================*/

@media screen and (max-width: 600px) {
.mbtm { margin-bottom:10px !important;}
    .content {
        display: contents !important;
    }

    .card1 {
        margin-bottom: 10px !important;
    }


    .infowrap {
        padding: 0px !important;
    }

    .card1 p {
        text-transform: capitalize !important;
    }

    .text-grey {
        color: #636466;
        font-weight: 600 !important;
        text-transform: uppercase !important;
    }

    .cardbox table {
        display: grid !important;
    }

        .cardbox table thead {
            display: none !important;
        }

        .cardbox table td {
            text-align: left !important;
            border: 1px solid #f7f7f7 !important;
            word-wrap: break-word !important;
        }

    .card {
        box-shadow: none !important;
    }

    .pogrid.dxbl-grid .dxbl-grid-table .dxbl-grid-expand-button-cell .dxbl-grid-expand-button {
        float: left !important;
    }

    .pogrid.dxbl-grid .dxbl-grid-table .dxbl-grid-focused-row:not(.dxbl-grid-touch-selection):not(.dxbl-grid-touch-selection-edge) > td:not(.dxbl-grid-empty-cell):not(.dxbl-grid-indent-cell)::before {
        position: relative !important;
    }

    .pogrid.dxbl-scroll-viewer > .dxbl-scroll-viewer-vert-scroll-bar > .dxbl-scroll-viewer-scroll-thumb {
        background: transparent !important;
    }

    .widget-chart {
        padding: .5rem !important;
    }

    .dxbl-grid-detail-cell.nopadleft {
        padding-left: 0rem !important;
    }

    .text-grey {
        color: #888;
        font-size: 15px !important;
    }

    .widget-chart2 h2 {
        font-size: 20px !important;
    }

    .text-blue {
        color: #3f6ad8;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        font-size: 11px !important;
    }

    .text-header {
        color: #3f6ad8;
        font-weight: 600 !important;
        text-transform: uppercase !important;
        font-size: 13px !important;
    }

    .dxbl-grid-table.noborder {
        border: 0px solid #e9ecef !important;
    }

    .cardbox table td {
        text-align: right !important;
        border: 1px solid #f7f7f7 !important;
        text-wrap: wrap;
    }

    .cardbox table tr {
        background-color: #ffffff;
        border: 1px solid #cdcece;
        padding: .35em;
        white-space: nowrap;
    }

    .btn-success {
        color: #fff !important;
    }

    .pogrid.dxbl-grid-detail-cell.noleftpad {
        padding-left: 0rem !important;
    }

    .PoApprovalGrid > .dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content colgroup col:nth-child(2),
    .PoApprovalGrid > .dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content colgroup col:nth-child(3) {
        width: 47% !important;
    }

    .PoApprovalGrid > .dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content colgroup col:nth-child(n+4) {
        width: 0px !important;
    }

    .PoApprovalGrid > .dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content colgroup col:nth-child(1) {
        width: 43px !important;
    }
  
    .WOExplorerGrid > .dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content colgroup col:nth-child(2),
    .WOExplorerGrid > .dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content colgroup col:nth-child(3) {
        width: 40% !important;
    }
     WOExplorerGrid > .dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content colgroup col:nth-child(5){
        width: 10% !important;
    }

    .WOExplorerGrid > .dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content colgroup col:nth-child(n+5) {
        width: 0px !important;
    }

    .WOExplorerGrid > .dxbl-grid > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content colgroup col:nth-child(1) {
        width: 8% !important;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
 
/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.mbtm { margin-bottom:10px !important;}
.card1 {margin-bottom:10px !important;  -webkit-box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1); -moz-box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1); box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1);}
}
 
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.mbtm { margin-bottom:10px !important;}
.card1 {margin-bottom:10px !important;  -webkit-box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1); -moz-box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1); box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1);}
}
 
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
.mbtm { margin-bottom:10px !important;}
.card1 {margin-bottom:10px !important;  -webkit-box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1); -moz-box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1); box-shadow:0px 4px 5px 0px rgba(0, 1, 1, 0.1);}
}

.dxEventRefDocument .dxreView {
    max-height: 75vh;
}
 .PoApprovalGrid thead {
    z-index: 3 !important;
}
 
.pogrid thead {
    z-index: 2 !important;
}
.PoApprovalGrid .actionBtn{
    z-index: unset;
}
 
.PoApprovalGrid .actionBtn .dropdown-menu.layout{
    z-index: 2 !important;    
}