.DlgDefault {
	position: relative;
}

.DlgHeaderSizing {
	vertical-align: top;
    white-space: nowrap;
	/*	vertical-align: top;*/
	/* background-color: #c0c0c0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;*/
}

.DlgBodySizing {
	border: 1px solid #CBD5DD; /* #01B7E9;    */
	border-radius: 2px;
	padding-top: 5px;
    padding-bottom: 5px;
	margin-left: 5px;
	margin-top: 5px;
	vertical-align: top;
	margin-right: 5px;
	overflow-x: auto;
	overflow-y: auto;
	/*box-sizing: border-box;*/
	/*height: 78%;  */
	/*position: relative;
	top: auto;*/
	/*	vertical-align: top;*/
	/*	background-color: #c0c0c0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;*/
}

.DlgFooterSizing {
    width: 100%;
	padding-right: 7px;
	position: absolute;
	bottom: 0;
	margin-left: 5px;
    z-index: 1;            /*should be in front of other fields of the dialog */
    /*margin-right: 5px;*/
	/*position:absolute;
	bottom:auto;
	right:auto*/
	/*position: relative;
	top: auto;*/
	/*	vertical-align: top;*/
	/*	background-color: #c0c0c0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 100;*/
}

.dlgButtonFooter {
	/*	display: inline-block;
	float: right;*/
	/*	position: relative;*/
	/*	background-color: blueviolet;*/
	right: 0;
	margin-top: 10px;
	text-align: right;
    margin-right: 2px;
    margin-bottom: 2px;
    display: flex;
    justify-content: flex-end;
}

.btn-primary {
	background-color: #8EB2D1; /*#01B7E9;*/
	color: black;
	width: 120px;
    height: 26px;
}

.btn-secondary {
	/* background-color: transparent; #847F7F default*/
	background-color: rgba(65, 81, 99, 0.21);
	color: black;
	width: 120px;
    height: 26px;
}

/*focus for btn-default is in DefaultUiSettings*/
.btn-default {
	/*background-color: #CBD5DD;*/
	background-color: rgba(65, 81, 99, 0.21);
	color: black;
	width: 120px;
    height: 26px;
}

.btn-default:hover:enabled, .btn-primary:hover:enabled, .btn-secondary:hover:enabled {
     background-color: #8EB2D1;
}
.btn-default:disabled, .btn-primary:disabled, .btn-secondary:disabled {
	opacity: 0.55
}


.btn-no-background, .btn-no-background:focus {
	background: transparent;
	box-shadow: none;
	border: none;
	outline: none;
}


/*.dlg-btn-default-width {
	width: 120px;
}

.dlg-btn-default-height {
    height: 25px;
}
*/
.dlgBtnStyle {
	margin-bottom: 0;
	padding: 0;
    padding-top: 1px;
	border-radius: 3px;
	border: 1px solid darkgray;
	/*padding-bottom: 2px;*/
}
.dlgBtnImageStyle {
    margin-bottom: 0;
    padding: 0;
    border-radius: 3px;
    border: 1px solid darkgray;
}
/* hyperlink button */
.dlgBtnHyperlinkStyle {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: cornflowerblue;
    opacity: 0.8;
	font-weight: bold;
}
	.dlgBtnHyperlinkStyle:focus, .dlgBtnHyperlinkStyle:hover {
        box-shadow: 0px 0px;
        text-decoration: underline;
        opacity: 1;
        outline: none;
    }	

.dialogTitle {
	/*padding-left: 4px;*/
	padding: 4px;
	margin-bottom: 0;
	max-height: 30px;
	overflow: hidden;
	border-bottom: 1px solid #CBD5DD; /* #808080; */
	/*background-color: #01B7E9;*/
	background-color: rgba(0, 0, 255, 0.05);
	font-size: 18.0px;
	font-weight: 500;
	color: rgba(53, 75, 100, 0.8);
	z-index: 10;
    display: grid;
    grid-template-columns: 1fr auto;
}

/*.loginDialogView {
    width: 540px;
	height: 350px;
}
*/

.blazored-modalDialog {
	position: absolute;
	display: flex;
	z-index: 102;
	flex-direction: column;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #fff;
	padding: 0;
	box-shadow: 0 2px 2px rgba(0,0,0,.25);
}

.validationSummary-gradient {
	background: linear-gradient(90deg, rgba(229,20,20,1) 0%, rgba(251,209,209,1) 100%);
}

.validationSummary-hideButton {
    box-shadow: none;
    border: none;
    background-color: transparent;
    color: black;
    font-size: 12px;
    float: right;
}

@media (max-width: 800px) {
	.blazored-modalDialog {
        width: 100%;
        max-width: 100%;
        overflow: auto;
	}
}