/*For Dojo Menu Items*/
.tundra .dijitMenuBar 
{
	border: 0px solid;   
	border-color: transparent; 
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	color: #1931ac;
}

.tundra .dijitMenu
{
	border: 0px solid;   
	border-color: #A6299D;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	color: #1931ac;
}

.tundra .dijitMenuPassive .dijitMenuItemHover,
.tundra .dijitMenuItemSelected 
{
	background-color: #FFFFFF;
	color:#1931ac;
	text-decoration:underline;
}

.dijitMenuItem span
{
	padding: 4px 10px;
	-webkit-font-smoothing: antialiased;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    letter-spacing: .2px;
    color: #1931ac;
    text-shadow: none;	
}

.MenuBarWrapper
{
	box-sizing: border-box;
	width: -webkit-calc(100% - 570px);
	text-align: right;
    height: 60px;
    line-height: 60px;
    overflow: auto;
    display: inline-block;
    white-space: nowrap;
    padding-top: 17px;
    vertical-align: top;
}

/*For Dojo Menu Items Ends*/

.tundra .dijitTooltipContainer
{
	background-color: #1931ac;
	color: #ffffff;
	background-image: none!important;
	border-radius: 4px;
}
.tundra .dijitTooltipContainer span
{
	color: #ffffff;
}
.TitleButtonContainer .dijitDropDownButton .dijitButtonNode
{
	background-color: #1931ac;
	background-image: none!important;
	border: 0px;
}
.TitleButtonContainer .dijitDropDownButton .dijitButtonNode .dijitDownArrowButton .dijitArrowButtonInner
{
	background-image: url("../resource/actionmenu.png") !important;
	width: 40px;
    height: 10px;
    margin: 5px 0px 0 0px;
}
.tundra .dijitTooltipBelow .dijitTooltipConnector
{
	background-image: url("../resource/tooltipConnectorUp.png") !important;
}


body, textarea, input, select, button, p, span, ul, li, .tundra .dijittimepickermarker, .tundra .dijitcalendarmonthlabel
{
	-webkit-font-smoothing: antialiased;
    font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
    font-size: 12px;
    letter-spacing: .2px;
    color: #202124;
    text-shadow: none;
}

body
{
	background-color: transparent;
	border: 0px solid;
	padding: 0px;
	margin: 0px;
}

body.AppFrameBodyClass
{
	background-color: #FFFFFF;
	overflow: hidden;
}
.TopPanelBackground
{
	background-color: #FFFFFF;
}
.TopPanel
{
	padding:5px; 
	vertical-align:top;
	display: inline-block;
	background-color: transparent;
}
.LeftPanel
{
	background-color: #FFFFF0;
}
.WorkflowNavPanel
{
	background-color: #FFFFF0;
}
.EntityBody
{
	height: 100%;
	background-color: transparent;
}

div.EntityBody
{
	overflow: hidden;
}

.Entity
{
	background-color: #f0f3ff;
	width: 100%;
}
.EntityCommand
{
	padding: 5px;
	background-color: transparent;
}
.PoweredBy
{
	text-align: left;
	vertical-align: middle;
	color: #A4A4A4;
	width: 75%;
	display:none;
}
.PoweredBy span
{
	color: #000000;
	line-height: 20px;
}
.PoweredBy:hover
{
	filter: drop-shadow(2px 2px 8px black);
	-webkit-transition: color 500ms, background-color 500ms, border-color 500ms, -webkit-filter 500ms linear;
	-moz-transition: color 500ms, background-color 500ms, border-color 500ms, -webkit-filter 500ms linear;
	-ms-transition: color 500ms, background-color 500ms, border-color 500ms, -webkit-filter 500ms linear;
	-o-transition: color 500ms, background-color 500ms, border-color 500ms, -webkit-filter 500ms linear;
	transition: color 500ms, background-color 500ms, border-color 500ms, -webkit-filter 500ms linear;
}
table.ApplicationTitleContainer
{
	width: 88%;
}
.ApplicationTitle
{
	color: #FFFFFF;
	white-space: nowrap;
	background-color: transparent;
	padding: 0px 0px 0px 10px;
	text-align: left;
	width: 100%;
	height: 5px;
}
.Container
{
	border: 1px solid #dbdeff;
    border-radius: 4px;
    margin: 5px 1px 0px 0px;
    display: inline-block;
    float: left;
    clear: left;
    padding: 5px;
}
.graphWithBackgroundImage
{
	position: absolute;
	top:40;
	left: 15;
}
.GraphContainer
{
	border: 1px solid #dbdeff;
    border-radius: 4px;
    margin: 5px 1px 0px 0px;
    display: inline-block;
    float: left;
    clear: left;
    padding: 5px;
}
.Graph
{
    display: inline-block;
    float: left;
    clear: left;
    min-height: 215px;
    min-width: 300px;
}
.GraphLegendContainer
{
    float: left;
    clear: left;
	padding-top: 0px;
    padding-left: 25px;    
}
.GraphLegendContainer tr
{
	white-space: nowrap;
}
.GraphActionsContainer
{
    margin: 5px 1px 0px 0px;
    display: inline-block;
    float: left;
    clear: left;
    padding: 5px;
}
.TreeTitle
{
    color: white;
    background-color: #1931ac;
    padding: 13px;
    height: 40px;
    margin-left: -11px;
    margin-top: -11px;
    margin-right: -13px;
    display: block;
}
.EntityTitleBox
{
	background-color: #1931ac;
}
div.EntityTitle
{
	white-space: nowrap;
	height: 20px;
}
div.EntityTitle img.light, div.EntityTitle img.dark
{
	float: left;
	height: 15px;
	margin: 3px 0px 0px 10px;
}

div.EntityTitle img.dark
{
	display: none;
}

div.EntityTitle span
{
	float: left;	
	display: inline-block;
	vertical-align: middle;
	margin: 2px 20px 0px 10px;
	font-weight: 600!important;
	color: #ccc;
}
.loggedInUserDisplay
{
	box-sizing: border-box;
	text-align: right; 
	white-space: nowrap;
	background-color: transparent;
	margin-left: 10px;
	display: inline-block;
	width: 250px;
	height: 60px;
	line-height: 60px;
	vertical-align: top;
}
.loggedInUserDisplay span
{
	text-align: right; 
	color: #1e30a1;
	white-space: nowrap;
	background-color: transparent;
	font-weight: 600;
	display: inline-block;
	max-width: 160px;
}
.userIcon
{
	min-height: 58px;
	min-width: 58px;
	max-height: 58px;
	max-width: 58px;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 10px 0px 10px;
    border-radius: 50%;
    border: 1px solid #dbdeff;
}
.LogoHolder
{
	height: 60px;
	background-color: transparent;
	text-align: left;
	width: 300px;
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
div.PoweredLogoHolderAbsolute
{
	position: absolute;
	top:  10;
	left: 10;
	text-align: center;
	vertical-align: middle;
}
div.ProtectionSealHolder
{
	position: absolute;
	top: 10;
	left:50;
	text-align: center;
	vertical-align: middle;
}

/*Tab related css items start*/
table.TabHeaderContainer
{
	width: 100%;
}
div.TabHeaderContainer
{
	overflow-x:auto;
	overflow-y:hidden;
	padding: 0px 26px 10px 5px;
	margin: 0px -5px 0px -5px;
	height: 57px;
	background-color: #1931ac;
}
div.BottomTabHeaderContainer
{
	background-color: #dae0ff;
	overflow-x:auto;
	overflow-y:hidden;
	padding: 0px 15px 10px 5px;
	margin: 0px 0px 0px 0px;
	height: 57px;
	border-radius: 0px 0px 4px 4px;
}

.TabHeader, .BottomTabHeader
{
	background-color: transparent;
	color: #FFFFFF;
}
.ActiveTabHeader, .ActiveBottomTabHeader
{
	background-color: transparent;
	color: #333;
}

div.TabHeader, div.ActiveTabHeader, div.BottomTabHeader, div.ActiveBottomTabHeader, div.TabHeader span, div.ActiveTabHeader span, div.BottomTabHeader span, div.ActiveBottomTabHeader span, div.TabHeader img, div.ActiveTabHeader img, div.BottomTabHeader img, div.ActiveBottomTabHeader img, .TabBody, button.active, button.B80X30, button.B150X30, button.B180X30, button.actionActive, button.actionActiveLogo, button.actionActiveFlexi, .PropertyAction, button.TitleButton, a.VOIPLink, button.actionActiveX1_5, button.actionActiveX2, button.actionActiveBigX2, button.actionActiveX3, button.actionActiveX4, button.actionActiveX5, button.login, button.KeyCommand, tr.Normal, tr.GridNormal, tr.SecondLevelNormal, tr.FirstLevelNormal, tr.NormalCard td div, tr.GridNormalCard td div
{
	-webkit-transition: color 2s, background-color 2s, border-color 2s, height 0.5s, width 0.5s, font-size 0.5s;
	-moz-transition: color  2s, background-color 2s, border-color 2s, height 0.5s, width 0.5s, font-size 0.5s;
	-ms-transition: color  2s, background-color 2s, border-color 2s, height 0.5s, width 0.5s, font-size 0.5s;
	-o-transition: color  2s, background-color 2s, border-color 2s, height 0.5s, width 0.5s, font-size 0.5s;
	transition: color  2s, background-color 2s, border-color 2s, height 0.5s, width 0.5s, font-size 0.5s;
}

div.TabHeader
{
	background-color: transparent;
	padding: 5px;
	margin: 0px 10px 0px 0px;
	float:left;
	cursor: pointer;
	white-space: nowrap;
	color: #C4C4C4;
	min-width: 40px;
	height:43px;
}
div.BottomTabHeader
{
	background-color: transparent;
	padding: 5px;
	margin: 0px 5px 0px 0px;
	float:left;
	cursor: pointer;
	white-space: nowrap;
	color: #C4C4C4;
	min-width: 40px;
	height:43px;
}
div.TabHeader:hover, div.BottomTabHeader:hover
{
	color: #888888;
}

div.ActiveTabHeader
{
	background-color: transparent;
	padding: 5px;
	margin: 0px 10px 0px 0px;
	float:left;
	white-space: nowrap;
	color: #333;
	min-width: 40px;
	height:43px;
}

div.ActiveBottomTabHeader
{
	background-color: transparent;
	padding: 5px;
	margin: 0px 5px 0px 0px;
	float:left;
	white-space: nowrap;
	color: #333;
	min-width: 40px;
	height:43px;
}

div.ActiveTabHeader span, div.ActiveBottomTabHeader
{
	clear: both;	
	display: block;
	text-align: center;
	font-size: 10px;
	color: #ffffff;
}

div.TabHeader span, div.BottomTabHeader
{
	clear: both;	
	display: block;
	text-align: center;
	font-size: 10px;
	color: #ccc;
}


div.ActiveTabHeader img.dark, div.TabHeader img.dark, div.BottomTabHeader img.dark, div.ActiveBottomTabHeader img.dark
{
	display: none;
	height: 25px;
	margin: 0px auto 5px auto;
	background-color: #9b7aff;
    padding: 5px 20px 5px 20px;
    border-radius: 4px;
}

div.ActiveTabHeader img.light, div.TabHeader img.light, div.BottomTabHeader img.light, div.ActiveBottomTabHeader img.light
{
	display: block;
	height: 25px;
	margin: 0px auto 5px auto;
	background-color: #9b7aff;
    padding: 5px 20px 5px 20px;
    border-radius: 4px;
}

div.TabHeader img.light, div.BottomTabHeader img.light
{
	opacity: 0.7;
	background-color: #2843cc;
}

div.TabHeader:hover img.dark, div.BottomTabHeader:hover img.dark
{
	opacity: 1;
	filter: grayscale(60%) drop-shadow(2px 2px 8px black);
	-webkit-transition: color 500ms, background-color 500ms, border-color 500ms, -webkit-filter 500ms linear;
	-moz-transition: color 500ms, background-color 500ms, border-color 500ms, -webkit-filter 500ms linear;
	-ms-transition: color 500ms, background-color 500ms, border-color 500ms, -webkit-filter 500ms linear;
	-o-transition: color 500ms, background-color 500ms, border-color 500ms, -webkit-filter 500ms linear;
	transition: color 500ms, background-color 500ms, border-color 500ms, -webkit-filter 500ms linear;
}


/*Uncomment if only icons are required without tab texts*/
/*
div.ActiveTabHeader img.light, div.TabHeader img.light, div.ActiveTabHeader img.dark, div.TabHeader img.dark, div.BottomTabHeader img.dark, div.BottomTabHeader img.light, div.ActiveBottomTabHeader img.dark, div.ActiveBottomTabHeader img.light
{
	height: 40px;
	margin: 0px auto 0px auto;
}
div.ActiveTabHeader span, div.TabHeader span, div.BottomTabHeader span, div.ActiveBottomTabHeader span
{
	display: none;
}
*/

.FirstTabHeader
{
	white-space: nowrap;
	width: 0px;
	border:  0px solid;
}
.FillerTabHeader
{
	white-space: nowrap;
	height: 20px;
	width: 100%;
	border:  0px solid;
}
.TabBody
{
	background-color: #FFFFFF;
	border-radius: 4px;
}
div.APIContent
{
	overflow:auto;
}
/*Tab related css items ends*/

/*suggestion box*/
div.SuggestionBox
{
	background-color: #FFFFFF;
	color: #333;
	border-width: 1px;
	border-style: solid;
	border-color: #dbdeff;
	overflow: auto;
	max-height: 100px;
	z-index: 999;
}
div.SuggestionBox ul li:hover
{
	background-color: #F2F2F2;
	cursor: pointer;
}
div.SuggestionBox ul li.selected
{
	background-color: #F2F2F2;
}


.MultiLevelContainer
{
	background-color: transparent;
	color: #2F4F4F;
	border: 1px solid #dbdeff;
	border-radius: 4px;
}


/*Child starts*/
table.GridChildEntity, table.ChildEntity, table.SecondLevelChildEntity
{
	background-color: #FFFFFF;
	color: #333;
	width: 100%;
}
.GridChildEntityTitle, .ChildEntityTitle, .SecondLevelChildEntityTitle
{
	background-color: #1931ac;
	border: solid #1931ac;
    border-width: 1px 1px 0px 1px;
    border-radius: 4px 4px 0px 0px;	
}
.GridChildEntityTitleCell, .ChildEntityTitleCell, .SecondLevelChildEntityTitleCell
{
	color: #333;
	white-space: nowrap;
	padding-left: 3px;
}
.GridChildEntityTitleCell img.light, .GridChildEntityTitleCell img.dark, .ChildEntityTitleCell img.light, .ChildEntityTitleCell img.dark, .SecondLevelChildEntityTitleCell img.light, .SecondLevelChildEntityTitleCell img.dark
{
	float: left;
	height: 20px;
	margin: 5px 10px 0px 0px;
}
.GridChildEntityTitleCell img.dark, .ChildEntityTitleCell img.dark, .SecondLevelChildEntityTitleCell img.dark
{
	display: none;
}
.GridChildEntityTitleCell span, .ChildEntityTitleCell span, .SecondLevelChildEntityTitleCell span
{
	float: left;
	height: 20px;
	margin: 8px 20px 0px 0px;
	vertical-align: middle;
	color: #ffffff;
}

.GridChildEntityBody, .ChildEntityBody, .SecondLevelChildEntityBody
{
	background-color: #FFFFFF;
	border: solid #dbdeff;
	border-width: 0px 1px 1px 1px;
	border-radius: 0px 0px 4px 4px;
}

    
    
table.GridEntityChildHeaderTable, table.EntityChildHeaderTable, table.SecondLevelEntityChildHeaderTable
{
	width: 100%;
}
tr.GridChildColumnHeader, tr.ChildColumnHeader, tr.SecondLevelChildColumnHeader
{
	background-color: #f4f5ff;
}
.GridChildColumnHeaderCell, .ChildColumnHeaderCell, .SecondLevelChildColumnHeaderCell
{
	white-space: nowrap;
	width: 2%;
}
.GridChildColumnHeaderTextCell, .ChildColumnHeaderTextCell, .SecondLevelChildColumnHeaderTextCell
{
	color: #1931ac;
	white-space: nowrap;
	height: 30px;
    padding: 5px;
}
::-webkit-scrollbar
{
	width: 5px;
	height: 5px;
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-button, ::-webkit-scrollbar-corner
{
	background-color: transparent;
}
::-webkit-scrollbar-thumb
{
	background-color: #dbdeff;
}
div.GridEntityChildBodyDiv, div.EntityChildBodyDiv, div.SecondLevelEntityChildBodyDiv
{
}
table.GridEntityChildBodyTable, table.EntityChildBodyTable, table.SecondLevelEntityChildBodyTable
{
	width: 100%;
}
.GridChildEntityCell, .ChildEntityCell, .SecondLevelChildEntityCell
{
	padding: 15px 5px 15px 5px;
	border: 0px 0px 0.5px 0px solid #d5d5d5;
	word-break: break-word;
}
.GridNumericChildEntityCell, .NumericChildEntityCell, .SecondLevelNumericChildEntityCell
{
	text-align: right;
	padding: 15px 5px 15px 5px;
	border: 0px 0px 0.5px 0px solid #d5d5d5;
	word-break: break-word;
}
tr.GridNormal, tr.Normal, tr.SecondLevelNormal
{
	color: #333;
	background-color: transparent;
	cursor: pointer;
	height: 20px;
}

tr.NormalCard td div, tr.GridNormalCard td div
{
	color: #2F4F4F;
	background-color: #FFFFFF;
	cursor: pointer;
	margin: 10px;
	padding: 10px;
	border: 0.5px solid #cadada;
	float:left;
} 
 
tr.GridNormal:hover, tr.Normal:hover, tr.SecondLevelNormal:hover, tr.NormalCard:hover, tr.GridNormalCard:hover
{
	background-color: #fbfbff;
}
tr.GridSelected, tr.Selected, tr.SecondLevelSelected
{
	background-color: #f1f1ff;
	color: #333;
	height: 20px;
}
tr.SelectedCard td div, tr.GridSelectedCard td div
{
	color: #333;
	background-color: #EFEFEF;
	cursor: pointer;
	margin: 10px;
	padding: 10px;
	border: 0.5px solid #cadada;
	float:left;
}
.AttributeCardClass, .AttributeNumericCardClass, .GridAttributeCardClass, .GridAttributeNumericCardClass
{
	float:left;
	padding: 5px;
}
.AttributeCardClass span, .AttributeNumericCardClass span, .GridAttributeCardClass span, .GridAttributeNumericCardClass span
{
	padding-right: 5px;
	font-weight: bold !important;
}

/*Child ends*/



/*First level child for multi level container*/
.FirstLevelChild
{
	background-color: #FFFFFF;
	vertical-align: top;
}
table.FirstLevelChildEntity
{
	width: 100%;
	background-color: #FFFFF0;
}
.FirstLevelChildEntityTitle
{
	background-color: #1931ac;
	height: 30px;
	border-radius: 4px 0px 0px 0px;
}
.FirstLevelChildEntityTitle img.light, .FirstLevelChildEntityTitle img.dark
{
	float: left;
	height: 22px;
	margin: 5px 10px 5px 0px;
}
.FirstLevelChildEntityTitle img.dark
{
	display: none;
}
.FirstLevelChildEntityTitle span
{
	float: left;
	height: 20px;
	margin: 9px 20px 0px 0px;
	display: inline-block;
	vertical-align: middle;
	color: #ffffff;
}
.FirstLevelChildEntityTitleCell
{
	color: #333;
	white-space: nowrap;
	width: 100%;
	padding-left: 13px;
}
.FirstLevelChildEntityBody
{
	background-color: #FFFFFF;
}
.FirstLevelLeftSpace
{
	width: 10px;
	background-color: #1931ac;
	border-radius: 0px 0px 0px 4px;
}

.FirstLevelChildColumnHeaderCell
{
	white-space: nowrap;
	width: 2%;
}
.FirstLevelChildEntityCell
{
	white-space: nowrap;
	height: 25px;
	padding: 15px 5px 15px 5px;
}
.FirstLevelChildColumnHeaderTextCell
{
	color: #333;
	white-space: nowrap;
}
table.FirstLevelEntityChildHeaderTable
{
	width: 100%;
}
tr.FirstLevelChildColumnHeader
{
	background-color: #1931ac;
}
div.FirstLevelChildEntityBodyDiv
{
	width: 100%;
	background-color: #1931ac;
	overflow: auto;
}
table.FirstLevelEntityChildBodyTable
{
	width: 100%;
}
tr.FirstLevelChildColumnHeader
{
	visibility: false;
}
.ChildEntityCommand
{
	margin-right: 5px;
}
table.FirstLevelChildEntityCommand
{
	background-color: #1931ac;
	width: 100%;
}
tr.FirstLevelNormal
{
	color: #ffffff;
	background-color: #1931ac;
	cursor: pointer;
	height: 20px;
} 
tr.FirstLevelNormal:hover
{
	color: #333;
	background-color: #F9F9F9;
}
tr.FirstLevelSelected
{
	background-color: #FAFAFA;
	color: #333;
	height: 20px;
}
/*First level child for multi level container ends*/




.childLastColumnHeaderCell
{
	white-space: nowrap;
	width: 99%;
}
.secondLevelChild
{
	background-color: #FAFAFA;
	padding: 10px;
	vertical-align: top;
}



/*Entity Attributes related css items start*/
button.active, button.B80X30, button.B150X30, button.B180X30, button.actionActive, button.actionActiveLogo, button.actionActiveFlexi, button.actionActiveX1_5, button.actionActiveX2, button.actionActiveBigX2, button.actionActiveX3, button.actionActiveX4, button.actionActiveX5, button.login, button.KeyCommand
{
	color: #333;
	background: #FFFFFF;   
	height: 30px;
	text-align: center;
	line-height:30px;
	cursor: pointer;
	padding: 2px;
	border: 1px solid #dbdeff;
	border-radius:4px;
	display: inline-block;
	margin: auto;
	vertical-align: middle;
	margin-bottom: 5px;	
}
.PropertyAction, a.VOIPLink
{   
	color: #777;
	background: #FFFFFF;
	height: 30px;
	line-height:30px;
	text-align: center;	
	cursor: pointer;
	padding: 0px 5px 0px 5px;
	border: 1px solid #dbdeff;
	border-radius:4px;
	display: inline-block;
	margin: auto;
	vertical-align: middle;
	float: left;
	margin: 5px 0px 0px 5px;
}

.TitleButtonContainer
{
	text-align: right;
    white-space: nowrap;
}

button.TitleButton
{
	background: transparent;	
	border-radius:4px;
	cursor: pointer;
	border: 0px none;
	display: inline-block;
	vertical-align: middle;
	margin: 0px 0px 0px 10px;
	height: 20px;
	line-height: 20px;
}

button.exploreButton
{   
	color: #050;
	border: 1px solid;   
	border-color: #696 #363 #363 #696;
	vertical-align: top;   
}
button.active:hover, button.B80X30:hover, button.B150X30:hover, button.B180X30:hover, button.actionActive:hover, button.actionActiveLogo:hover, button.actionActiveFlexi:hover, .PropertyAction:hover, a.VOIPLink:hover, button.actionActiveX1_5:hover, button.actionActiveX2:hover, button.actionActiveBigX2:hover, button.actionActiveX3:hover, button.actionActiveX4:hover, button.actionActiveX5:hover
{
	background: #dbdeff;
	color: #333;
}
button.login
{
	background: #1931ac;
	color: #ffffff;
	margin-top: 15px;
	width: 300px;
	font-weight: 600;
}
button.login:hover
{
	background: #12268a;
	color: #ffffff;
}
.Highlighted
{
	background: #1931ac!important;
	color: #ffffff!important;
	font-weight: 600!important;
}
button.active:disabled, button.B80X30:disabled, button.B150X30:disabled, button.B180X30:disabled, button.actionActive:disabled, button.actionActiveLogo:disabled, button.actionActiveFlexi:disabled, .PropertyAction:disabled, a.VOIPLink:disabled, button.actionActiveX1_5:disabled, button.actionActiveX2:disabled, button.actionActiveBigX2:disabled, button.actionActiveX3:disabled, button.actionActiveX4:disabled, button.actionActiveX5:disabled
{
	background: #EFEFEF;
	color: #999;
}
button img.light, button img.dark, button.KeyCommand img.light, button.KeyCommand img.dark
{
	height: 28px;
	float: left;
	margin: 1px 0px 1px 2px;
}
.PropertyAction img.light, .PropertyAction img.dark, a.VOIPLink img.light, a.VOIPLink img.dark
{
	height: 20px;	
	margin: 5px 0px 5px 0px;
	vertical-align: middle;
	display: inline-block;
}
button.TitleButton img.light, button.TitleButton img.dark
{
	height: 20px;	
	margin: 0px;
	vertical-align: middle;
	display: inline-block;
}
button img.light, a img.light, .PropertyAction img.light, a.VOIPLink img.light
{
	display: none;
}
button.KeyCommand img.light, button.TitleButton img.light, .Highlighted img.light, .Highlighted img.light
{
	display:block;
}
button.KeyCommand img.dark, button.TitleButton img.dark, .Highlighted img.dark, .Highlighted img.dark
{
	display:none;
}
button span, button.KeyCommand span
{
	line-height: 26px;
	margin-left: 2px;
	float: left;
	display: inline-block;
	vertical-align: middle;
	padding-right: 5px;
}
button.KeyCommand span, button.TitleButton span, .Highlighted span
{
	color: #ffffff;
}
button.KeyCommand
{
	background: #1931ac;
	color: #ffffff;
	width: 120px;
	font-weight: 600;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	height: 40px;
	margin-top: 20px!important;
	border: 1px solid #1931ac;
}
button.KeyCommand span
{
	font-size: 18px;
	line-height: 30px;
	margin-left: 10px;
	margin-top: 3px;
}
.PropertyAction span, a.VOIPLink span, button.TitleButton span
{
	margin: 0px 5px 0px 5px;
	display: inline-block;
	vertical-align: middle;
}
button.TitleButton span
{
	margin: 1px 5px 0px 5px;
}
button.actionActiveLogo span
{
	display: none;
}
.Margin
{
	margin: 5px!important;
}
.LeftMargin
{
	margin-left: 5px !important;
}
.RightMargin
{
	margin-right: 5px !important;
}
.TopMargin
{
	margin-top: 5px !important;
}
.BottomMargin
{
	margin-bottom: 5px !important;
}
.LeftMarginX2
{
	margin-left: 10px !important;
}
.RightMarginX2
{
	margin-right: 10px !important;
}
.RightMarginX3
{
	margin-right: 15px !important;
}
.RightMarginX4
{
	margin-right: 20px !important;
}
.RightMarginX5
{
	margin-right: 250px !important;
}
.RightMarginX6
{
	margin-right: 30px !important;
}
.RightMarginX7
{
	margin-right: 35px !important;
}
.RightMarginX8
{
	margin-right: 40px !important;
}
.RightMarginX9
{
	margin-right: 45px !important;
}
.MarginX2
{
	margin: 10px !important;
}
.TopMarginX2
{
	margin-top: 10px !important;
}
.BottomMarginX2
{
	margin-bottom: 10px !important;
}
.TopMarginX3
{
	margin-top: 15px !important;
}
.BottomMarginX3
{
	margin-bottom: 15px !important;
}
.TopMarginX4
{
	margin-top: 20px !important;
}
.BottomMarginX4
{
	margin-bottom: 20px !important;
}
.TopMarginX5
{
	margin-top: 25px !important;
}
.TopMarginGridAlign
{
	margin-top: 34px !important;
}
.BottomMarginX5
{
	margin-bottom: 25px !important;
}

.NoRightMargin
{
	margin-right: 0px !important;
}
.NoLeftMargin
{
	margin-left: 0px !important;
}
.NoTopMargin
{
	margin-top: 0px !important;
}
.NoBottomMargin
{
	margin-bottom: 0px !important;
}

.Padding
{
	padding: 5px !important;
}
.LeftPadding
{
	padding-left: 5px !important;
}
.RightPadding
{
	padding-right: 5px !important;
}
.TopPadding
{
	padding-top: 5px !important;
}
.BottomPadding
{
	padding-bottom: 5px !important;
}
.PaddingX2
{
	padding: 10px !important;
}
.LeftPaddingX2
{
	padding-left: 10px !important;
}
.RightPaddingX2
{
	padding-right: 10px !important;
}
.TopPaddingX2
{
	padding-top: 10px !important;
}
.BottomPaddingX2
{
	padding-bottom: 10px !important;
}

.NoRightPadding
{
	padding-right: 0px !important;
}
.NoLeftPadding
{
	padding-left: 0px !important;
}
.NoTopPadding
{
	padding-top: 0px !important;
}
.NoBottomPadding
{
	padding-bottom: 0px !important;
}

.HasAction
{
	width: 230px!important;
}
.HasActionX2
{
	width: 165px!important;
}
.AlignTop
{
	vertical-align: top!important;
}
.AlignBottom
{
	vertical-align: bottom!important;
}
.AlignMiddle
{
	vertical-align: middle!important;
}
.AlignLeft
{
	text-align: left!important;
}
.FloatLeft
{
	float: left!important;
}
.FloatRight
{
	float: right!important;
}
.AlignCenter
{
	text-align: center!important;
}
.AlignRight
{
	text-align: right!important;
}
.DarkBackground
{
	background-color: #1E30A1;
}
.DisplayNone
{
	display: none;
}
button.active 
{	   
	width: 60px;
}
button.B80X30
{   
	width: 80px;
	height: 30px;
}
button.B150X30
{   
	width: 150px;
	height: 30px;
}
button.B180X30
{
	width: 300px;
	height: 30px;
}
button.actionActive
{   
	width: 90px;
}
button.actionActiveLogo
{
	width: 30px;
}
a.VOIPLink
{   
	text-decoration: none;	
}
button.actionActiveX1_5
{
	width: 105px;
}
button.actionActiveX2
{   
	width: 120px;
} 
button.actionActiveBigX2
{   
	width: 120px;
	height: 45px;
} 
button.space
{
	margin: 1px;
}
button.actionActiveX3
{   
	width: 180px;
}  
button.actionActiveX4 
{   
	width: 240px;
}  
button.actionActiveX5
{   
	width: 300px;
}
.entityAttributeNameCell, .ParentNameCell, .ParentCell
{
	vertical-align: middle;
	white-space: nowrap;
	color: #1931ac;
}
.entityAttributeCell
{
	vertical-align: top;
	white-space: nowrap;
	color: #1931ac;
}
.entityAttributeNameCell, .ParentNameCell
{
	padding-right: 5px;
}
span.entityAttributeName, span.ParentName
{
	vertical-align: middle;
	white-space: nowrap;
	color: #1931ac;
	float: left;
	margin-top: 20px;
	margin-right: 5px;
	font-size: 18px;
    font-weight: 600;
}
.entityAttributeGap
{
	width: 50px;
}
tr.ParentsRow
{
	width: 100%;
}

.richEditor
{
	color: #333;
	background-color: #FFFFFF;
	float: left;
	clear: left;
	border: 1px solid #dbdeff;
    border-radius: 4px;
    margin: 5px 0px 5px 0px;
}

.richEditor .dijitEditor
{
	border: none;
}

.dijitToolbar
{
    border-bottom: 1px solid #dbdeff!important;
    background: none!important;
    padding: 10px;
}

.ReadingPane
{
	overflow: auto;
	float: left;
	clear: left;
	font-size: 20px;
	text-align: justify;
}

.entityAttributeControl, .entityAttributeControlSelect, .entityAttributeControlSelectFD, .entityAttributeControlCheckBox, .datetimeDate, .datetimeTime, input.textbox1to50, input.textbox1to50Num, input.textbox50to100, textarea.textarea100to200, textarea.textarea200to500, textarea.textareaDoubleColumn, textarea.textarea500to1000, textarea.textarea1000plus, .SigPad, .ColorPicker
{
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #dbdeff !important;
	padding: 5px;
	margin: 5px 100px 5px 0px;
	resize: none !important;
	background: none;
	background-image: none !important;
	background-color: #FFFFFF !important;
	color: #333 !important;
	border-radius: 4px;
	display: inline-block;
	vertical-align: middle;
	float: left;
	clear: left;
}

.SigPad
{
	border: 0px!important;
	margin-top: 5px!important;
}
.sigWrapper.current 
{
	border-color: #dbdeff!important;
	border-radius: 4px;
}
.SigPad .drawIt .current
{
	background-color: #816dec!important;
	border-radius: 4px 4px 0px 0px!important;
}
.sigNav 
{
	margin-top: -25px!important;
}

.clearButton a
{
	color: #816dec!important;
}

textarea:focus, input:focus, button:focus, select:focus
{
	outline: none;
	box-shadow: 0 0 3pt 3pt #b1b7f9;
}

.entityAttributeControlCheckBox
{
	height: 30px;
}

.RadioContainer, .rangeContainer
{
	float: left;
	margin: 5px 5px 5px 0px;
	clear: left;
}

.radioOptionLabel
{
	float: left;
	line-height:30px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #dbdeff;
	border-width: 1px 0px 1px 1px;
	cursor: pointer;
	z-index: 90;
	color: #999;
	text-align: center;
}

.RadioContainer .radioOptionLabel:first-of-type
{
	border-radius: 4px 0px 0px 4px;	
}

.RadioContainer .radioOptionLabel:last-of-type
{
	border-width: 1px;
	border-radius: 0px 4px 4px 0px;	
}

.radioOptionLabel:hover 
{
	background: #DDD;
}

input[type="radio"]:checked+label
{
	background: #816dec;
	color: #ffffff;
}

.entityAttributeControlRadio
{
	float: left;
	margin: 5px 10px 5px 0px;
	height: 30px;
	display: block;
  	position: absolute;
  	top: 0;
  	left: 0;
  	right: 0;
  	bottom: 0;
  	opacity: 0.00;
  	z-index: 100;
}

.datetimeDate
{
	margin-right: 0px;
	padding-top: 8px;
    padding-bottom: 2px;
    height: 20px;
}

.datetimeTime
{
	clear: none;
	margin-left: 5px;
	padding-top: 8px;
    padding-bottom: 2px;
    height: 20px;
}

.datetimeDate .dijitButtonNode
{
	background-image: url("../resource/calendar.png") !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	position: relative !important;
	border: 0px !important;
}
.datetimeTime .dijitButtonNode
{
	background-image: url("../resource/clock.png") !important;
	background-color: transparent !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	position: relative !important;
	border: 0px !important;
}
.dijitCalendarPopup
{
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #dbdeff !important;
	border-radius: 4px !important;
	background-color: white!important;
}
.dijitCalendarPopup div table
{
	padding-left: 17px !important;
}
.datetimeDate .dijitArrowButtonInner, .datetimeTime .dijitArrowButtonInner
{
	background: none;
}


.entityAttributeControl:disabled, .entityAttributeControlSelect:disabled, .entityAttributeControlSelectFD:disabled, input.datetimeDate:disabled, input.datetimeTime:disabled, input.textbox1to50:disabled, input.textbox1to50Num:disabled, input.textbox50to100:disabled, textarea.textarea100to200:disabled, textarea.textarea200to500:disabled, textarea.textareaDoubleColumn:disabled, textarea.textarea500to1000:disabled, textarea.textarea1000plus:disabled, .SigPad:disabled, .dj_safari .dijitTextBoxDisabled input, .ColorPicker:disabled
{
	color: #222;
	background: none;
	background-image: none !important;
	background-color: #FAFAFA !important;
}
.entityAttributeControlSelect
{
	width: 290px;
	height: 18px !important;
}
.entityAttributeControlSelectFD
{
	width: 300px;
	height: 30px !important;
}
a.Link
{
	color: #2F4F4F;
	margin: 0px 0px 0px 0px;
}
a.downloadLink
{
	color: #2F4F4F;
	margin: 5px 1px 1px 0px;
	display: inline-block;
	width: 300px;
	overflow: hidden;
	clear: left;
	float: left;
}
a.HelpLink
{
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
}
input.textbox1to50Num
{
	text-align: right;
}
.entRepresentation
{
	margin: 5px 100px 5px 0px;
	padding: 0px 4px 0px 4px;
	display: inline-block;
	width: 292px;
	overflow: hidden;
	float: left;
	clear: left;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
    font-weight: 500;
}
.datetimeDate
{
	width: 170px !important;
	background-image: none !important;
}
.datetimeTime
{
	width: 100px !important;
	background-image: none !important;
}
input.textbox1to50, input.textbox1to50Num
{
	width: 300px;
	height: 30px;
}
input.textbox50to100
{
	width: 300px;
	height: 30px;
}
textarea.textarea100to200
{
	width: 300px;
	white-space: pre-wrap;
	height: 30px;
}
textarea.textarea200to500
{
	width: 300px;
	white-space: pre-wrap;
}
textarea.textareaDoubleColumn
{
	width: 660px;
	height: 150px;
	white-space: pre-wrap;
}
textarea.textarea500to1000
{
	width: 300px;
	white-space: pre-wrap;
}
textarea.textarea1000plus
{
	width: 300px;
	white-space: pre-wrap;
}
textarea.codePreview
{
	white-space: pre;  
	overflow: auto;
}


/*checkbox switch*/
.switch
{
  position: relative;
  display: inline-block;
  width: 50px;
  height: 20px;
  float: left;
  clear: left;
  margin: 5px 100px 5px 0px;
}

.switch input 
{ 
  opacity: 0;
  width: 0;
  height: 0;
}

.switchslider 
{
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #FFFFFF;
  border: 1px solid #dbdeff;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 20px;
}

.switchslider:before 
{
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
  border: 1px solid #dbdeff;
  border-radius: 50%;
}

input:checked + .switchslider 
{
  background-color: #816dec;
}

input:focus + .switchslider 
{
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .switchslider:before 
{
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}


/*Range Slider*/
.rangeSlider
{
	width: 300px;
}


/*Color Picker*/
.ColorPicker
{
	margin: 5px 5px 5px 0px;
	padding: 1px;
	height:30px;
	width:50px;
}


/*Entity Attributes related css items end*/

/*Shadows here*/
.EntAttribs, .BoxInBox, .InTabEntAttribs, .TabBody
{
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.05);
}

/*Images and Icons*/
img.BoxedPhoto
{
	padding: 20px;
    border: 1px solid #dbdeff;
    border-radius: 4px;
}
img.BoxedPhoto:hover
{
	background-image: url(../resource/upload.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 15px 15px;
	cursor: pointer;
}
img.Photo
{
	margin: 3px 1px 3px 5px !important;
	resize: none !important;
	border-radius: 5px;
	display: inline-block;
	vertical-align: middle;		
}
img.SortIcon
{
	height: 15px;
	width: 15px;
}
img.InScreenIcon
{
	height: 15px;
	width: 15px;
	vertical-align: middle;
    padding: 0px 5px 0px 5px;
}
.entityAttributeName + .InScreenIcon
{
	padding: 15px 5px 0px 5px;
}
input + .InScreenIcon, div + .InScreenIcon, textarea + .InScreenIcon, select + .InScreenIcon
{
	float: left;
    padding-top: 14px;
    padding-left: 5px;
}
img.HelpIcon, img.HelpIconLight, img.HelpIconDark
{
	height: 15px;
	width: 15px;
	margin-left: 5px;
	display: inline-block;
	vertical-align: middle;
}
img.HelpIconDark
{
	display: none;
}
img.ScrollIcon
{
	height: 15px;
	width: 15px;
}
img.Logo
{
	height: 60px;
	margin-right: 10px;	
}
img.PoweredByLogo
{
	height:60px;
}
/*Images and Icons ends*/
.EntAttribs, .BoxInBox, .InTabEntAttribs
{
	margin: 10px;
	vertical-align: middle;
}

.EntAttribs
{
	background-color: #FFFFFF;
	border-radius:4px;
}

.HighlightedBox
{
    padding: 10px 20px 20px 20px;
    background-color: #dbdeff;
    border-radius: 4px;
}

.BoxInBox
{
	background-color: #F0F0F0;
}
.InTabEntAttribs
{
	background-color: #FFFFFF;
}
.MediaContent
{
	background-color: #E0D0B0;
	margin: 10px;
	vertical-align: middle;
}
.LoginEntity
{
	background-color: #FFFFFF;
	background: url(../resource/login_page_bg.jpg) repeat-x;
	background-size: auto 100%;
	width: 100%;
}
.LoginAlignment
{
	padding: 5px;
	vertical-align: middle;
	text-align: center;
}
.LoginBox
{
	color: #500E4B;
	background-color: #FFFFFF;
	margin: 10px;
	vertical-align: middle;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
}
.LoginNameCell
{
	white-space: nowrap;
	color: #500E4B;
}
div.MessagePlaceholder
{
	display: inline-block;
	padding: 0px 5px 0px 5px;
	border-radius: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	line-height: 30px;
	vertical-align: middle;
	color: transparent;
}
.thickBorder
{
	border: 5px solid #1931ac;
	border-radius: 4px;
}
.PostScript
{
	margin-top: 5px;
	margin-left:5px;
	float: left;
	line-height: 30px;
	color: #1931ac;
}


.PreScript
{	
	margin-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 4px 0px 0px 4px;
    float: left;
    clear: left;
    line-height: 30px;
    background-color: #816dec;
    color: white;
    width:50px;
    text-align: center;
}
.PreScript + input
{
	clear: none;
	width: 240px;
	border-radius: 0px 4px 4px 0px;
}


input + .PropertyAction, div + .PropertyAction, input + .VOIPLink, textarea + .PropertyAction, select + .PropertyAction
{
	margin-left: -95px;
}

a.PropertyAction
{
	height: 28px;
}


input + .PostScript, div + .PostScript, textarea + .PostScript, select + .PostScript
{
	margin-left: -95px;
	color: #1931ac;
}

.HalfWidth
{
	width: 150px!important;
}

.PropertyAction:last-child
{
	margin-right: 20px;
}


/*Questionnaire start*/
div.QuestionSet
{
	width:850px;
	overflow: auto;
}
div.QuestionContainer
{
	box-sizing: border-box;
	width: 100%;
    max-width: 800px;
	float: left;
    clear: left;
    margin-top: 10px;
    margin-bottom: 20px;
    background: #f4f4f4;
    padding: 10px;
    transition: background-color 2s ease;
    border-radius: 10px;
}
div.QuestionIcon
{
	float: left;
	clear: left;
    width: 70px;
    height: 70px;
    margin-right: 15px;
}
div.QuestionIcon img
{
	width: 64px;
}
div.QuestionIcon:empty
{
	background: url(../resource/Alt-Question.png) no-repeat;
}
div.QuestionContent
{
	float: left;
	width: -webkit-calc(100% - 100px);
}
div.Question
{
	box-sizing: border-box;
	width: 100%;
	margin-left: 5px;
	white-space: normal;
	text-align: justify;
	color: #1931ac;
}
.Question ul, .Question ul li
{
	color: #1931ac;
}
div.Answer
{
	margin-top: 7px;
}
.postfix
{
	box-sizing: border-box;
	margin-left: 5px;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 37px;
    display: inline-block;
    font-size: 16px;
    color: #fff;
    border-width: 1px;
    margin-left: 0px;
    margin-top: 0px;
    border: 1px solid #254694;
    background-color: #254694;
    text-align: center;
    vertical-align: top;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.postfix:empty
{
	display:none;
}
.prefix 
{
	box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 37px;
    width: 30px;
    display: inline-block;
    font-size: 30px;
    color: white;
    border-width: 1px;
    margin-left: 0px;
    margin-top: 0px;
    border: 1px solid #244696;
    background-color: #244696;
    text-align: center;
    vertical-align: top;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    float: left;
}
.prefix:empty
{
	display:none;
}
.prefix + input
{
	clear: none;
	border-radius: 0px 4px 4px 0px;
}
.Answer .textbox1to50, .Answer .textbox50to100, .Answer .textbox100to200
{
    width: 100%;
    border: 1px solid #EEE;
    min-height: 40px!important;
    color: #333;
    background: #fff;
    font-size: 16px;
    font-weight: 400;
    padding: 0 12px 0 12px;
    margin: 0px;
}
.Answer .entityAttributeControlSelect
{
	width: 100%;
	color: #333;
	background: #fff;
	height: 40px!important;
	border: 0;
	outline: none;
	opacity: 1;
	font-size: 16px;
	font-weight: 300;
	line-height: 25px;
	border: 1px solid #eee;
	margin: 0px;
}
div.ImageOptionsSet
{
	margin-top: 10px;
	margin-left: 0px;
	display: inline-flex;
	border-radius: 5px;
    background-color: #f2f2f2;
    max-width: 700px;
}
label.ImageOption
{
	margin: 10px;
    display: block;
    background-color: transparent;
    border: 3px solid transparent;
    border-radius: 5px;
    width: 150px;
    height: 120px;
    align-content: center;
    transition: background-color 1s ease;
    cursor: pointer;
}
label.ImageOption img
{
	vertical-align:middle;
	width:50px;
	margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    opacity:0.3;
}
label.ImageOption span
{
	vertical-align:middle;
	font-size: 15px;
    font-weight: 200;
    color: #bbb;
    text-align: center;
    margin-top: 10px;
    display: block;
}
label.ImageOption:hover
{
	background-color: #edf7ff;
}
label.ImageOptionActive
{
	border: 3px solid #254694;
	background-color: #FFFFFF;
}
label.ImageOptionActive img
{
	opacity:1;
}
label.ImageOptionActive span
{
    color: #264496;
}
label.ImageOption input
{
	position: absolute;
    margin-left: 5px;
    margin-top: 5px;
    width: 10px;
    display: none;
}

div.TextOptionsSet
{
	margin-top: -6px;
	margin-left: 0px;
	display: inline-flex;
	max-width: 700px;
}
label.TextOption
{
	margin: 10px;
    display: block;	
    width: 60px;
    height: 40px;
    align-content: center;
    transition: background-color 1s ease;
    cursor: pointer;
	border: 1px solid #eee;
	background: #fff;
	border-radius: 3px;	
}
label.TextOption span
{
	vertical-align:middle;
	font-size: 15px;
    font-weight: 200;
    color: #333;
    text-align: center;
    margin-top: 46px;
    display: block;	
	white-space: nowrap;
}
label.TextOption:hover
{
	background-color: #254694;
	color: #fff;
	border: 1px solid #254694;
}
label.TextOptionActive
{
	border: 1px solid #254694;
	background-color: #254694;
}

label.TextOptionActive:after
{
	  font-size: 30px;
	  font-weight: 600;
	  position: relative;
	  content: "\2713";  
	  display: block;
	  color: #fff;
	  left: 0;
	  top: -70px;
	  text-align: center;
}
		
label.TextOption input
{
	position: absolute;
    margin-left: 5px;
    margin-top: 5px;
    width: 10px;
    display: none;
}
/*Questionnaire end*/



/*ERROR WARNING VALIDATED*/
.ValError, .ValError span, .ValError img, textarea.ValError, input.ValError, select.ValError
{
	background-color: red!important;
	border-color: red!important;
    color: white!important;
}

.ValWarning, .ValWarning span, .ValWarning img, textarea.ValWarning, input.ValWarning, select.ValWarning
{
	background-color: orange!important;
	border-color: orange!important;
    color: white!important;
}

.ValValidated, .ValValidated span, .ValValidated img, textarea.ValValidated, input.ValValidated, select.ValValidated
{
	background-color: lightgreen!important;
	border-color: lightgreen!important;
    color: black!important;
}

.ValError img.dark, .ValWarning img.dark
{
	display: none;
}

.ValError img.light, .ValWarning img.light
{
	display: block;
}

.ValValidated img.dark
{
	display: block;
}

.ValValidated img.light
{
	display: none;
}

.ValidationMessage
{
	display: none!important;
}
/*ERROR WARNING VALIDATED END*/




/*Responsive Starts*/
@media only screen and (min-width: 571px) and (max-width: 660px)
{
input.textbox50to100, textarea.textarea100to200, .entityAttributeControlSelectFD, .textbox1to50Num
{
	width: 250px!important;
}
textarea.textareaDoubleColumn
{
	width: 560px;
}
.entityAttributeControlSelect
{
	width: 240px;
}
}


@media only screen and (min-width: 366px) and (max-width: 570px)
{
input.textbox50to100, textarea.textarea100to200, .entityAttributeControlSelectFD, .textbox1to50Num
{
	width: 150px!important;
}
textarea.textareaDoubleColumn
{
	width: 360px;
}
.entityAttributeControlSelect
{
	width: 140px;
}
.datetimeDate
{
	width: 138px !important;
}
}


@media only screen and (min-width: 271px) and (max-width: 365px)
{
input.textbox50to100, textarea.textarea100to200, .entityAttributeControlSelectFD, .textbox1to50Num
{
	width: 125px!important;
}
textarea.textareaDoubleColumn
{
	width: 310px;
}
.entityAttributeControlSelect
{
	width: 115px;
}
.datetimeDate
{
	width: 113px !important;
}
}


@media only screen and (min-width: 10px) and (max-width: 270px)
{
input.textbox50to100, textarea.textarea100to200, .entityAttributeControlSelectFD, .textbox1to50Num
{
	width: 100px!important;
}
textarea.textareaDoubleColumn
{
	width: 260px;
}
.entityAttributeControlSelect
{
	width: 90px;
}
.datetimeDate
{
	width: 88px !important;
}
}
/*Responsive End*/