/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.ErrorMessage {
    font-weight: bold;
    color: #ff0000;
}

.WarningMessage {
    font-weight: bold;
    color: #fad6a5;
}

.InfoMessage {
    font-weight: bold;
    color: blue;
}

.LargeErrorMessage {
    font-size: 2em;
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/

.required-indicator
{
    /*color: red;
    font-size: 1.2em;
    font-weight: bold;*/
    background-color: #FFFEBD; 
}

.viewHeader h2
{
	margin: 5px 15px;
    /*font-size: 16px;*/
    font-size: 2em;
}

.viewHeader h3
{
	margin: 5px 15px;
    /*font-size: 16px;*/
    font-size: 1.5em;
}

.view-header-information {
    border: 2px solid;
    padding: 5px;
	margin: 5px 10px;
    /*border-radius: 25px;*/
}

.InformationText, .InstructionText, .InformationTextSmall, .InstructionTextSmall {
	background: #EEE;
	padding: 5px;
	margin: 5px 10px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	zoom: 1;
	display: block;
}

.InstructionText {
	/*background: #F8ECDF;
	border-color: #F60;*/
	background: #CDCDE0;
	border-color:#000064;
	color:#000064;
}

.InstructionTextSmall {
	/*background: #F8ECDF;
	border-color:#F60;*/
	width: 405px;
	text-align: center;
}

.InstructionTextIndent 
{
	background: #F8ECDF;
	border-color: #F60;
	padding: 5px;
	margin: 5px 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	zoom: 1;
	display: block;
	text-indent: 12px;
	font-size: smaller;
}

/*.dxgvCSD
{
    height: auto !important;
    max-height: 600px !important;
}*/

.LargeWarningText
{
	margin: 5px 15px;
    /*font-size: 16px;*/
    font-size: 3em;
    color: orange;
}

.inlineH2 {
    display: inline-block;
}

.buttonsPanelInline {
    height: 30px;
    overflow: auto;
    white-space: nowrap;
    margin: 2px auto auto auto;
    vertical-align: middle;
    display: inline-block;
    padding: 0px 40px;
}

.buttonsPanelCentre {
    width: 100%;
    height: 30px;
    overflow: auto;
    white-space: nowrap;
    margin: 2px auto auto auto;
    text-align: center;
    /*display: flex;
    justify-content: center;*/
}

.center-button-container {
    display: flex;
    justify-content: center;
    width: 100%;
}

.draggingStyle
{
    background-color: lightblue;
}

.targetGrid
{
    background-color: lightcoral;
}

.dxeMemoEditAreaSys{
    border-width: 1px !important
}

.videoContainer {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}