body {
	overflow:auto;
}


.seyc-page {
	-webkit-backface-visibility: hidden;
	background-color: #dbe3ec;
}

/*By default the min-height is defined for the page by JQueryMobile (see line 511 of version 1.4.5)
But in some cases the min-height isn't defined and another value is set which create issue */
.ui-mobile .ui-page.seyc-page {
    min-height: 80%;
}

.seyc-footer {
	text-align: center;
	background-color: #2a649d;	
	border-top: solid #dbe3ec 1px !important;
}

.seyc-header-grid.ui-bar-inherit, .seyc-header-grid .ui-bar-b, .seyc-login-header{
	background-color: #435b73;
}

/*
==================
  Navbar Styles
==================
*/
.seyc-nav-btn {
	background-color: #b0bec8 !important;
}

.seyc-navbar .ui-disabled .seyc-nav-btn .seyc-btn-icon{
	opacity: 0.3;
}

.seyc-footer-simpleChildView .seyc-navbar{
	/*To overcome footer padding*/
	margin-top: -0.4em;
	margin-bottom: -0.5em;
	background-color: #dbe3ec;
	border-top: solid #dbe3ec 1px !important;
}

.seyc-footer-simpleChildView .seyc-nav-btn{
	min-height: 2.2em;
	padding-top: 0.9em;
	padding-bottom: 0.9em;
	margin-right: 1px !important;
	overflow: visible;
}
.seyc-footer-simpleChildView .seyc-navbar li:last-child .seyc-nav-btn{
	margin-right: 0em !important;
}

.seyc-footer-simpleChildView .seyc-nav-btn .seyc-btn-label{
	display: inline-block;
	margin-top: 0.35em;
}


/*
==================
  Common Styles
==================
*/
.seyc-background-highlight {
	background-color: #2a649d !important;
	color: white !important;
}

/* Align icons inside label */
label.ui-input-text img,label.ui-select img {
	padding: 6px;
}

/* Notification bubble style */
span.bubble {
	padding: 3px;
	margin-left: -10px;
	line-height: 40px;
	padding-left: 5px;
	padding-right: 5px;
	border: 1px solid white;
	-webkit-box-shadow: 0px 1px 2px 0px #333;
	-webkit-border-radius: 10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f3888b),
		to(#c90e17));
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 12px;
}

.seyc-btn-icon,.seyc-icons {
	background: url(images/icons-16.png);
	background-repeat: no-repeat;
}

.seyc-btn-icon {
	display: inline-block;
	margin-right: 0.5em;
	width: 16px;
	height: 16px;
	max-width: 21px;
	max-height: 21px;
	position: relative;
	top: 0.15em;	
}


.seyc-btn-noIcon {
	height: 1em;
	display: inline-block;
	position: relative;
	top: 0.26em;
	background: none;
}

.seyc-btn-icon:after {
	background-repeat: no-repeat;
	content: "";
}

.seyc-btn-label {
	display: inline;
}

.seyc-btn-badger {
	background-color: #ffffff;
	color: #000000;
	padding: 0.5em 0.5em 0.4em 0.45em;	
	line-height: 1;
	position: absolute;
	top: -0.7em;
	right: 0px;	
	font-size: 0.7em;
	font-weight: bold;
	border: solid #797a7a 1px;
	min-width: 12px;
	height: 12px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}

.seyc-greenBadger {
	background-color: #15ccb5;
}

.seyc-redBadger {
	background-color: #e75b4d;
}
/* debut */

/*Information block*/
.seyc-infoBlock {
	background-color: #ffffff;
	display: block;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1em;
	box-shadow: 2px 2px 4px #797a7a;
}

.seyc-whiteContent {
	color: #ffffff;
}

.seyc-whiteContent .seyc-text-span {
	color: #ffffff;
}

.seyc-infoBlock-main{
	display: table;
	width: 100%;
} 

.seyc-infoBlock .seyc-buttonBlock {
	width: 20%;
	margin: 0px;
	vertical-align: middle;
	display: table-cell;
	float: none;
}

.seyc-infoBlock .ui-block-b {
	width: 60%;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	float: none;
}


.seyc-infoBlock  .ui-btn {
	background-color: inherit !important;
	color: inherit !important;
	margin: 0px !important;
	font-size: 0.95em !important;
}


.seyc-infoDetails {
	font-weight: bold;
	position: relative;
}

.seyc-infoDetails>div{
	/*margin: 0.5em*/
}

.seyc-infoBlock-lower {
	clear: both;
	padding: 0em 1em 0.7em 1em;		
	text-align: left;
	font-size: 0.9em;
}

.seyc-infoBlock-upper {
	display: table;
	width: 100%;	
}

.seyc-infoBlock-upper>div {
	display: table-cell;
}

.seyc-infoBlock-upperLeft {
	text-align: left;
	padding: 1em;	
	padding-bottom: 0.6em;
}

.seyc-infoBlock-upperRight {	
	padding: 1em;	
	padding-bottom: 0.6em;
}

.seyc-infoBlock-upperRight>* {
	vertical-align: middle;
}

.seyc-infoBlock-dual .ui-block-b {
	width: 80%;
}


.seyc-infoBlock  .seyc-btn-icon {
	margin-right: 0px;
}

.seyc-block-btn {
	padding: 0.7em;
}

.seyc-block-btn .seyc-btn-label {
	display: block;
	margin-top: 3px;
}

.seyc-infoBlock-sumIndicator {
	margin: 0 !important;
	width: 100%;
	line-height: 30px;
	height: 30px;
	background-color: #d1d6d6;
	color: #000;
}

.seyc-infoBlock-customViews {
	padding: 0em 1em 0.7em 1em;	
	text-align: left;
	font-size: 0.9em;
}
.seyc-infoBlock-customViews .seyc-customCell{
	font-size: 0.78em;
}

/*Header customization*/
@media all {
	.seyc-header-grid.ui-grid-b .ui-block-a {
		width: 20%;
	}
	.seyc-header-grid.ui-grid-b .ui-block-b {
		width: 50%;
	}
	.seyc-header-grid.ui-grid-b .ui-block-c {
		width: 30%;
	}
	.seyc-header-grid.ui-grid-c .ui-block-a {
		width: 20%;
	}
	.seyc-header-grid.ui-grid-c .ui-block-b {
		width: 30%;
	}
	.seyc-header-grid.ui-grid-c .ui-block-c {
		width: 30%;
	}
	.seyc-header-grid.ui-grid-c .ui-block-d {
		width: 20%;
	}
}
/* part: content */
div[data-role="content"] { /* some rules */
	
}

div[data-role="content"] .seyc-panelCard {
	margin: 1em 1em 0em 1em;	
}

img {
	width: auto\9; /* ie8 */
	height: auto\9; /* ie8 */
}

div[data-role="content"] .seyc-panelCard .ui-btn-active,div[data-role="content"] .seyc-panelCard .ui-btn-down-none
	{
	background-image: none;
	background-color: transparent;
	/* border: none; problem in IE for select view in panelview*/
	text-shadow: none;
	opacity: 0.6;
}

.ui-radio>label {
	opacity: 1 !important;
}

.seyc-no-border { /*No Border*/
	border: none;
}

/*form validation*/
.seyc-fieldWrapper-span {
	clear: both;
	overflow: hidden;
}

.seyc-field-has-message span.seyc-validationMessage {	
	text-align: center;
	display: block;
	font-size: 0.85em;
	padding:0.35em 0.4em 0em 0.4em;	
}

/* mandatory labels */
span.seyc-text-mandatory {
	color: darkred;
/*	font-size: 0.75em;
	vertical-align: super;*/
}

.seyc-singleLineLabelParent .seyc-singleLineTextInLabel.seyc-text-mandatory,
.seyc-singleLineLabelParentBlock .seyc-singleLineTextInLabel.seyc-text-mandatory {
    padding-right: 0.20em;
}

/* Validation */
.seyc-fieldWrapper-span.seyc-mandat {
	/* border-color: red; */
	
}

.seyc-fieldWrapper-span.seyc-mandat div.ui-input-text {
	/* border-color: red !important; */
	
}

.seyc-fieldWrapper-span.seyc-mandat div.ui-btn-corner-all {
	/* border-color: red !important; */
	
}

.seyc-fieldWrapper-span .nomandat {
	
}

.seyc-fieldWrapper-span.seyc-error {
	background-color: #EFD8D7;
}

.seyc-fieldWrapper-span.seyc-error span.ui-btn-inner {
	background-color: #EFD8D7 !important;
}

.seyc-fieldWrapper-span.seyc-error div.ui-input-text,.seyc-fieldWrapper-span.seyc-error div.ui-corner-all
	{
	border-color: #C8A5A5 !important;
	background: #FFCCCC !important;
}

.seyc-fieldWrapper-span .seyc-error span.seyc-validationMessage, .seyc-fieldWrapper-span .seyc-warning span.seyc-validationMessage {
	padding : 0.25em 0.5em 0.25em 0.5em;
}

.seyc-fieldWrapper-span.seyc-warning {
	background-color: #FCD50B;
}

.seyc-fieldWrapper-span.seyc-warning span.ui-btn-inner {
	background-color: #FCD50B !important;
}

.seyc-fieldWrapper-span.seyc-warning div.ui-input-text,.seyc-fieldWrapper-span.seyc-warning div.ui-corner-all
	{
	border-color: #FDF877 !important;
	background: #FCD50B !important;
}

.seyc-singleLine .seyc-fieldWrapper-span  .seyc-validationMessage{
	width: auto;
	float: none;
} 

.seyc-singleLine .seyc-text-span label{
	margin-bottom: 0em !important;
}
.seyc-singleLine.seyc-field-has-message .seyc-singleLineLabelParent label{
	margin-bottom: 1.5em !important;
}

.seyc-singleLineLabelParent .seyc-singleLineTextInLabel{
	padding-right: 0.5em;
}
.seyc-field-has-error .seyc-singleLineLabelParent .seyc-singleLineTextInLabel{
	max-width: 80%;
}

.seyc-field  .seyc-range-label{
	margin-top:0.3em;
}

.seyc-radioGroup-horizontal .ui-controlgroup-controls{
	padding-left: 1em;	
	padding-right: 1em;	
}

.seyc-radioGroup-vertical .ui-radio > label, .seyc-controlGroup .ui-checkbox > label, 
.seyc-fieldWrapper-span .ui-checkbox > label {
	background-color: #dbe3ec !important;
}

/*Scan zone*/

/*This JQM style needs to be overridden as we do not have any control over its insertion*/
.seyc-scanView .ui-input-search, .seyc-fieldWrapper-span .ui-input-search{/* if we dont want search field to have "x" button inside replace seyc-fieldWrapper-span with seyc-search-field*/
	padding-right: 0em;
	width: auto !important;
	float: none !important;
	margin-top: 0em;
	margin-bottom: 0em;
	background-color: #ffffff !important;
	-webkit-border-radius: 1.2em;
	border-radius: 1.2em;
}

/*This JQM style needs to be overridden as we do not have any control over its insertion*/
.seyc-scanView .ui-input-search:after{
	left: 0.7em;
	/* background-image: url(images/svg/scan.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -3318px;
	opacity: 1;
}

.seyc-fieldWrapper-span .seyc-search-field{ /* if we dont want search field to have "x" button inside replace seyc-fieldWrapper-span with seyc-search-field*/
	padding-right : 2.93em;
	padding-left: 2.3em;	
	padding-top: 0.6em;
	padding-bottom: 0.6em;
}

/*List styles*/
.seyc-list-parent{
	margin: 1em;
}

/*Menu list should occupy full width*/
#MenuContent .seyc-list-parent
{
	margin-left: 0em;
	margin-right: 0em;
	margin-top:0em; 
	margin-bottom:0em;
}

.seyc-popup-content-section .seyc-list-parent,
.seyc-panel-overlay .seyc-list-parent{
	margin: 0em;
}

/*Left and right margin not needed for Business Cards that are displayed within a list and also a list within a list*/
.seyc-list-parent .seyc-businessCard, .seyc-list-parent .seyc-list-parent{
	margin-left: 0em;
	margin-right: 0em;
}

.seyc-list {
	margin: 0em !important;	
}

.seyc-nowrap ul {
	overflow: hidden;
}

.seyc-nowrap li {
	overflow: hidden;
}

.seyc-nowrap span {
display:block; /* because we're using a span class */
    white-space: nowrap; /* This prevents the content from breaking onto another line */
    
/* width: 30%; */ /* this should be the width of your content */
    overflow: hidden; /* hides the text that is outside of your width */
    text-overflow: ellipsis; /* creates our ellipsis! */
}

.seyc-li {
	border-bottom: #f0f0f0 solid 1px !important;
	border-top: none;
	background-color: #ffffff;
}

/*To set basic cell minimum height as 45px AHOLD request */
.seyc-basicCell-height {
	min-height : 45px;
}

.seyc-list .seyc-li:first-child {
	border-top: #f0f0f0 solid 1px;
}

.seyc-li-btn  {
	background-color: #ffffff;
	border: none !important;	
}

/* This hierarchy needs to be maintained in order to override the ui-btn background without using !important */
html body .ui-group-theme-a .seyc-li-btn,
html body .seyc-li .seyc-li-btn:visited,
html body .seyc-li .seyc-li-btn:hover {
	background-color: #ffffff;
}

html body .ui-group-theme-a .seyc-li-groupCell-btn,
html body .seyc-li .seyc-li-groupCell-btn:visited,
html body .seyc-li .seyc-li-groupCell-btn:active
{
	background-color: #b0bec8;
}

html body .seyc-li .seyc-li-groupCell-btn:hover{
	background-color: #bfcad2;
}

.seyc-li-contentParent {
	display: table;
	width: 100%;
	min-height: 45px; /* added to set minimum hieght 45px to the cell */
}

.seyc-li-faultImageContainer,.seyc-li-listIconContainer,.seyc-li-bubbleContainer, .seyc-li-leftCountContainer
{
	display: table-cell;
	vertical-align: middle;
	width: 1%;
	white-space: nowrap;
}

.seyc-li-leftCountContainer{
	padding: 0.62em 0.75em;
	background-color: #2a649d;
	color: #ffffff;	
	min-width: 28px;
	text-align: center;
	font-size: 0.8em;
}

.seyc-li-faultImageContainer, .seyc-li-faultIndicatorContainer{
	padding-left: 0.8em;
}

.seyc-li-textContainer {
	display: table-cell;
	vertical-align: middle;	
	overflow: hidden;
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	/*max-width: 100px;*/
}

.seyc-li-textContainer.syec-genericCell-firstTapArea {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}

.seyc-basicCell.seyc-li-btn{
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}

.seyc-basicCell .seyc-li-textContainer, .seyc-basicCell .seyc-li-bubbleContainer{
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}

.seyc-basicCell .seyc-text-span{
	padding-left: 1em;
}

.seyc-li-has-leftCount .seyc-basicCell .seyc-text-span{
	padding-left: 0.7em;
}

.seyc-li-has-fault .seyc-basicCell .seyc-text-span{
	padding-left: 0.4em;
}

.seyc-li-has-icon .seyc-basicCell .seyc-text-span{
	padding-left: 0em;
}

.seyc-list .seyc-list-divider {
	padding-top: 0.6em;
	padding-bottom: 0.6em;
	padding-left: 1em;
	background-color: #b0bec8;	
	/*To override JQM style for list title */	
	color: #000000;
	font-size: 1em;
	font-weight: normal;
	border: none;
}

.seyc-list .ui-li .ui-btn-text a.ui-link-inherit,.seyc-text-span {
	word-wrap: break-word;
	overflow-wrap: break-word;
	white-space: normal;	
}

.seyc-li-icon {
	max-height: 25px !important;
	max-width: 25px !important;
	display: block;
}

.seyc-text-span {
	display: inline-block;
}

.seyc-list .seyc-li-has-count .seyc-text-span {
	margin-right: 0.6em;	
}

.seyc-filter {
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 0.8em;
	position: relative;
	background-color: #ffffff;
}

.seyc-filter-input {
	border: none !important;
	-webkit-border-radius: 0em !important;
	border-radius: 0em !important;
	padding-left: 2.5em !important;
	padding-top: 0.5em !important;
}

.seyc-filter-separator {
	position: absolute;
	top: 0.6em;
	left: 2.5em;
	z-index: 10;
}

/*For checkbox in list*/
.seyc-li-btn .ui-btn.ui-checkbox-off:after{
	border: solid #797a7a 1px;
}
.seyc-li-btn .ui-btn.ui-checkbox-on:after{
	left: 1em;
	border: solid #2a649d 1px;
}

/*This JQM style has to be overridden as we do not have any control over its insertion*/
.seyc-filter .ui-input-text {
	background-color: #ffffff !important;
	display: inline-block;
	min-width: 80%;
	margin-top: 0em !important;
	margin-bottom: 0em !important;
}

/*This JQM style has to be overridden as we do not have any control over its insertion*/
.seyc-filter .ui-input-search, .seyc-filter .ui-input-clear {
	margin-top: 0em !important;
	margin-bottom: 0em !important;
}

.seyc-li-has-leftCount .seyc-li-btn{
	padding-left: 0em;
}

.seyc-li-faultImageContainer .seyc-customCell {
	font-size: 0.7em !important;
	padding-top: 0.14em;
	padding-bottom: 0.14em;
}

.seyc-li-count {	
	background-color: #d1d6d6 !important;	
	padding: 0.2em 0.5em 0.2em 0.5em; 	
	min-width: 1.5em;
	max-width: 6em;	
	font-weight: normal;
	font-size: 1em; 
	white-space: pre;
	word-wrap: break-word;
	overflow-wrap: break-word;	
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em; 
	
}

@media all and (max-width:400px) {
	.seyc-li-has-fault.seyc-li-has-count .seyc-li-count{
		padding-left: 0.3em; 
		padding-right: 0.3em;
		max-width: 5.5em;
	}
	.seyc-li-has-fault.seyc-li-has-count .seyc-li-fault{
		margin-right: 0em;
		padding-left: 0.1em;
	}
	.seyc-list .seyc-li-has-fault.seyc-li-has-count .seyc-text-span{
		margin-left: 0.2em;
		font-size: 0.92em;
	}
	.seyc-list .seyc-li-has-fault.seyc-li-has-count .seyc-li-faultImageContainer .seyc-customCell{
		font-size: 0.65em !important;
	}
	.seyc-field-has-error .seyc-singleLineLabelParent .seyc-singleLineTextInLabel{
		max-width: 65%;
		padding-right: 0em;
	}	
}

@media all and (min-width:401px) and (max-width:600px){
	.seyc-field-has-error .seyc-singleLineLabelParent .seyc-singleLineTextInLabel{
		max-width: 75%;
		padding-right: 0em;
	}
}

.seyc-li-has-count .seyc-li-btn {
	padding-right: 1em !important;
}

.seyc-listIcon {
	float: right;
	margin-right: 0em;
	margin-left: 0.63em;
	top: 0em;
}

.seyc-li-groupCell {
	border-bottom: solid #ededed 1px !important;
	background-color: #b0bec8;
}

/* .ui-li-static.ui-li-has-icon{
    padding-left:50px;
}

 */

/* Styles for specific option item icons */
/* Need to check 
.img-messages{
	background: url(../images/messages.png) no-repeat;
}
.img-transactions{
	background: url(../images/transactions.png) no-repeat;
}
.img-settings{
	background: url(../images/settings.png) no-repeat;
}
.img-download{
	background: url(../images/download.png) no-repeat;
}*/

.hideBlockGeneric{
	visibility:hidden !important;
}

.hideBlock, .seyc-hideSearchBlock {
	display: none !important;
}

.seyc-showSearchBlock {
	display: block !important;
}

.seyc-customCell {
	float: left;
	border: 1px solid;
	padding: 1px 3px;
	margin-right: 5px;
	font-size: 0.7em;
	margin-top: 2px;
	margin-bottom: 2px;
}

.seyc-customCell span {
	/*font-size: 0.7em !important; */
}
/* for aligning plus/add button to center*/
li[data-icon="add"] span.ui-icon {
	width: 19px !important;
	height: 19px !important;
}

.seyc-badger-outter-async {
	background: #fff;	
	min-width: 20px;
	height: 20px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;	
	float: left;
	position: absolute;
	z-index: 9999;
	top: 1px;
	left: 5px;
}

.seyc-badger-inner-async {
	min-width: 16px;
	height: 16px;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	background: #f13c31;
	margin: 2px;
	z-index: 99999;
}

.seyc-badger-badge-async {
	color: #fff;
	padding: 1px 2px;
	margin: 0;
	text-align: center;	
	z-index: 999999;
	font-size: 11px;
	line-height: 16px;
}

/*For badger on data*/
.seyc-header-right-section .badger-inner{
	background: #ffffff;	
}
.seyc-header-right-section .badger-outter{
	background: #435b73;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: solid #435b73 1px;
}
.seyc-header-right-section .badger-badge{
	color: #000000;
	text-shadow: none;
}

.ui-field-contain label.select {
	font-size: 16px;
	line-height: 1.4;
	display: block;
	font-weight: 400;
	margin: 0 0 .3em;
}

.ui-field-contain label.select.seyc-no-label {
	display: none;
}

@media all and (min-width:28em) {
	.ui-field-contain label.select {
		vertical-align: middle;
		display: inline-block;
		width: 20%;
		margin: 0em 2% 0 0;
	}
	.ui-field-contain label.select.seyc-no-label {
		display: none;
	}
}

.seyc-loader-background {
	width: 100%;
	height: 100%;
	top: 0;
	padding: 0;
	margin: 0;
	background: rgba(0, 0, 0, 0.3);
	display: none;
	position: fixed;
	z-index: 10000;
}

.ui-loading .seyc-loader-background {
	display: block;
}

.ui-disabled-cell a {
	cursor: default !important;
	pointer-events: none;
}

.ui-disabled-cell {
	cursor: default !important;
	pointer-events: none;
}

.ui-field-contain {
	border-bottom-style: none;
}

.ui-content {
	border-width: 0;
	overflow: visible;
	overflow-x: hidden;
	padding: 0em;
	padding-bottom: 1em;
}

.ui-field-contain,.ui-mobile fieldset.ui-field-contain {
	padding: 0;
}
.seyc-popup-header-dialog{
	height:30px;
}

.seyc-popup-header-secondaryAction{
	padding:8px;
	font-weight:normal;
	line-height:1.6em;
	text-align:left;
}
.seyc-popup-btn-close-container{
	overflow:hidden;
	
}

.seyc-popup-btn-close{
	height:100%;
	margin:0px !important;
}


.seyc-dialogPage-btn-close{
	position:absolute;
	bottom:2px;
	width:100%;
	overflow:hidden;
}
.seyc-dialogPage-btn-close a{
	height:100%;
	margin:0px !important;
	line-height:2em;
}


.seyc-dialog-popup-yes{
	display:inline-block;
	height:100%;
	width:49.5%;
    vertical-align: top;
}
.seyc-dialog-popup-no{
	display:inline-block;
	width:49.5%;
	 margin-left:1%;
	 padding:0px;
	height:100%;
	vertical-align: top;
}

.seyc-dialog-popup div a{
	height:100%;
	padding:0px !important;
	margin:0px !important;
	line-height:2.5em ;
}


.seyc-popup-element-dialogPage{
	padding-bottom:2em;
}
.seyc-dialogPage-btn-close,.seyc-dialog-popup,.seyc-popup-btn-close-container{
	height:43px;
}

.ui-icon-scan{
	/* background-image: url(images/svg/scan.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -3318px;
	background-repeat: no-repeat;
  	/* background-position: 0px; */

}
.seyc-popup-btn {
	padding: 0.3em 1em 0.3em 1em;
	margin-bottom: 1em;
	margin: 0em 0.5em 1em 0.5em !important;	
}

.ui-field-contain>span>[class*="ui-"].seyc-no-label {
	width: 100%;
}

.ui-field-contain>span>[class*="ui-"] {
	margin-bottom: 0;
}

.ui-field-contain,.ui-mobile fieldset.ui-field-contain {
	margin-bottom: 1em;
}

@media only (min-width : 28em) {
	.ui-field-contain>span>[class*="ui-"] {
		float: left;
		width: 78%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.ui-field-contain>span>[class*="ui-"].seyc-no-label {
		width: 100%;
	}
	.seyc-fieldWrapper-span span.seyc-validationMessage {
	 	
		text-align: center;
		display: block;
		width: 78%;
		float: right;
	}
	.seyc-search-field {
		margin-bottom: 4px !important;
	}
}

.ui-li-count {
	position: static;
	float: right;
	margin-top: 0px;
}

.ui-li-count.seyc-second-bubble {
	margin-left: 10px;
}

.seyc-scanView {	
	/* padding-left: 0.5em; */
	padding-right: 0.5em;
	margin-bottom: 0.5em;
	margin-top: 0.1em;
}

.seyc-scan-bar {
	width: 100% !important;
	height: 25px;
	text-align: right;
	background-color: #152F50;
	border-top: 1px solid #dedede;
	padding-right: 1em;
}

/*Single Line Input field styles*/

.seyc-singleLine {
	margin: 1em 0;
	display: table;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1.5em;		
}

.seyc-singleLineSelect {
	margin: 1em 0;
	display: table;
	margin-top: 1em;
	margin-bottom: 1.5em;
		
}
.seyc-LineSelect {
	margin: 1em 0;
	display: table;
	margin-top: 1em;
	margin-bottom: 1.5em;
	width: 100% !important;		
}

@media screen and (min-width:100px) and (max-width:640px) {
	.seyc-LineSelect {
		margin: 1em 0;
		display: block;
		margin-top: 1em;
		margin-bottom: 1.5em;
		width: 100% !important;		
	}
}

.seyc-selectPlaceholder{
	max-width:0;
}

@media screen and (min-width:100px) and (max-width:640px) {
.seyc-singleLineLabelParent {
	width: 35%;
	display: table-cell !important;	
	vertical-align: middle;
	float: none !important;
	padding-left: 1em;
	padding-right:0.2em;
}

.ui-grid-a > .seyc-singleLineLabelParent,
.ui-grid-b > .seyc-singleLineLabelParent,
.ui-grid-c > .seyc-singleLineLabelParent,
.ui-grid-d > .seyc-singleLineLabelParent {
	width: 35%;
}

}

@media screen and (min-width:100px) and (max-width:640px) {
.seyc-singleLineLabelParentBlock {
	width: 100%;
	/* display: block !important; */	
	vertical-align: middle;
	float: none !important;
	padding-left: 1em;
	padding-right:0.2em;
	padding-bottom: 0.5em;
}

.ui-grid-a > .seyc-singleLineLabelParentBlock,
.ui-grid-b > .seyc-singleLineLabelParentBlock,
.ui-grid-c > .seyc-singleLineLabelParentBlock,
.ui-grid-d > .seyc-singleLineLabelParentBlock {
	width: 100%;
}

}

@media screen and (min-width:641px) and (max-width:3000px) {
.seyc-singleLineLabelParent {
	width: 22%;
	display: table-cell !important;	
	vertical-align: middle;
	float: none !important;
	padding-left: 1em;
	padding-right:0.2em;
}

.ui-grid-a > .seyc-singleLineLabelParent,
.ui-grid-b > .seyc-singleLineLabelParent,
.ui-grid-c > .seyc-singleLineLabelParent,
.ui-grid-d > .seyc-singleLineLabelParent {
	width: 22%;
}

}

@media screen and (min-width:641px) and (max-width:3000px) {
.seyc-singleLineLabelParentBlock {
	width: 22%;
	display: table-cell !important;	
	vertical-align: middle;
	float: none !important;
	padding-left: 1em;
	padding-right:0.2em;
	/*padding-bottom: 0.5em;*/
}

.ui-grid-a > .seyc-singleLineLabelParentBlock,
.ui-grid-b > .seyc-singleLineLabelParentBlock,
.ui-grid-c > .seyc-singleLineLabelParentBlock,
.ui-grid-d > .seyc-singleLineLabelParentBlock {
	width: 22%;
}

.seyc-field-has-error .seyc-singleLineLabelParentBlock .seyc-singleLineTextInLabel{
	max-width : 70% ;
}
.seyc-field-has-error .seyc-singleLineTextInLabel{
	max-width:75% !important;
}
}

.seyc-singleLineLabel {
	margin: 0em !important;
}

@media screen and (min-width:100px) and (max-width:640px) {
	.seyc-singleLineInputParent {
	width: 65%;
	display: table-cell !important;	
	vertical-align: middle;
	float: none !important;
	padding-right: 1em;	
}

.ui-grid-a > .seyc-singleLineInputParent,
.ui-grid-b > .seyc-singleLineInputParent,
.ui-grid-c > .seyc-singleLineInputParent,
.ui-grid-d > .seyc-singleLineInputParent {
	width: 65%;
}

}

@media screen and (min-width:641px) and (max-width:3000px) {
.seyc-singleLineInputParent {
	width: 78%;
	display: table-cell !important;	
	vertical-align: middle;
	float: none !important;
	padding-right: 1em;	
}

.ui-grid-a > .seyc-singleLineInputParent,
.ui-grid-b > .seyc-singleLineInputParent,
.ui-grid-c > .seyc-singleLineInputParent,
.ui-grid-d > .seyc-singleLineInputParent {
	width: 78%;
}

}

@media screen and (min-width:100px) and (max-width:640px) {
.seyc-singleLineInputParentBlock {
	width: 100%;
	display: inline-block !important;	
	vertical-align: middle;
	float: none !important;
	padding-right: 1em;
	padding-left: 0.9em;	
	/* margin-left: 5px; */
}

.ui-grid-a > .seyc-singleLineInputParentBlock,
.ui-grid-b > .seyc-singleLineInputParentBlock,
.ui-grid-c > .seyc-singleLineInputParentBlock,
.ui-grid-d > .seyc-singleLineInputParentBlock {
	width: 100%;
}

}

@media screen and (min-width:641px) and (max-width:3000px) {
.seyc-singleLineInputParentBlock {
	width: 100%;
	display: table-cell !important;	
	vertical-align: middle;
	float: none !important;
	padding-right: 1em;
}

.ui-grid-a > .seyc-singleLineInputParentBlock,
.ui-grid-b > .seyc-singleLineInputParentBlock,
.ui-grid-c > .seyc-singleLineInputParentBlock,
.ui-grid-d > .seyc-singleLineInputParentBlock {
	width: 100%;
}
}

/*This JQM style has to be overriden as we do not have any control over its insertion*/
.seyc-singleLine .ui-input-text{
	margin-top: 0em !important;
	margin-bottom: 0em !important;
}

/*This JQM style has to be overriden as we do not have any control over its insertion*/
.seyc-field, .seyc-controlGroup .ui-controlgroup-label{
	padding: 0.8em 1em 0.1em 1em !important;
}
.seyc-list .seyc-field, .seyc-list .seyc-controlGroup .ui-controlgroup-label
{
	padding-left: 0em !important;
	padding-right: 0em !important;
}
.seyc-list .seyc-singleLineLabelParent, .seyc-list .seyc-singleLineLabelParentBlock{
	padding-left: 0em !important;
}
.seyc-list .seyc-singleLineInputParent, .seyc-list .seyc-singleLineInputParentBlock{
	padding-right: 0em !important;
	padding-left: 0em !important;
}

/*This JQM style has to be overriden as we do not have any control over its insertion*/
.seyc-field .ui-input-text, .seyc-singleLineInputParent .ui-input-text, .seyc-singleLineInputParentBlock .ui-input-text{
	padding : 0.1em 0.3em 0.05em 0.3em;
}

/*Text area*/
.seyc-textarea{
	padding : 0.4em 0.7em 0.1em 0.7em !important;	
	height : auto !important;
}
.seyc-textarea.seyc-state-disabled, .seyc-fieldWrapper-span .ui-state-disabled{
	padding-left: 0em !important;
}

/*Responsive auto-adjustment of button layout*/
@media all and (max-width: 30em) {
	.ui-grid-b .seyc-btn-has-icon .seyc-btn-label,.ui-grid-c .seyc-btn-has-icon .seyc-btn-label,.ui-grid-d .seyc-btn-has-icon .seyc-btn-label
		{
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.ui-grid-b .seyc-btn-icon,.ui-grid-c .seyc-btn-icon,.ui-grid-d .seyc-btn-icon
		{
		margin-right: 0em;
	}
	.ui-grid-b .seyc-btn-has-icon,.ui-grid-c .seyc-btn-has-icon,.ui-grid-d .seyc-btn-has-icon
		{
		padding: 0.2em;		
		text-overflow: none;
	}
	
	.seyc-footer-simpleChildView .ui-grid-b .seyc-btn-has-icon,.seyc-footer-simpleChildView .ui-grid-c .seyc-btn-has-icon,
	.seyc-footer-simpleChildView .ui-grid-d .seyc-btn-has-icon{
		padding-top: 0.6em;
		padding-bottom: 0.6em;
	}
}

@media all and (max-width: 42em) {
	.ui-grid-c .seyc-btn-has-icon .seyc-btn-label,.ui-grid-d .seyc-btn-has-icon .seyc-btn-label
		{
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.ui-grid-c .seyc-btn-icon,.ui-grid-d .seyc-btn-icon {
		margin-right: 0em;
	}
	.ui-grid-c .seyc-btn-has-icon,.ui-grid-d .seyc-btn-has-icon {
		padding: 0.2em;		
		text-overflow: none;
	}
	
	.seyc-footer-simpleChildView .ui-grid-c .seyc-btn-has-icon,
	.seyc-footer-simpleChildView .ui-grid-d .seyc-btn-has-icon{
		padding-top: 0.6em;
		padding-bottom: 0.6em;
	}
}

@media all and (max-width: 52em) {
	.ui-grid-d .seyc-btn-has-icon .seyc-btn-label {
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.ui-grid-d .seyc-btn-icon {
		margin-right: 0em;
	}
	.ui-grid-d .seyc-btn-has-icon {
		padding: 0.2em;		
		text-overflow: none;
	}
	
	.seyc-footer-simpleChildView .ui-grid-d .seyc-btn-has-icon{
		padding-top: 0.6em;
		padding-bottom: 0.6em;
	}
}

/*In jquery mobile css, a margin-right of -4px has been set for the ui-btn element in the last li to fix issue of gap on mobile.
  Due to this there is a gap created between the badger's right side and the button.
  However, this gap is evident only when there are three buttons in the button bar.
  In order to compensate for this an additional right gap of 3 px needs to be set, and a gap of 2px only when there are 
  3 buttons and that too on samller screens*/
.ui-navbar li:last-child .ui-btn .seyc-btn-badger {
	right: 3px;
}

@media screen and (max-width: 55em) {
	.ui-navbar .ui-grid-b li:last-child .ui-btn .seyc-btn-badger {
		right: 2px;
	}
}

/*Icon customization to override jquery default icons*/
/*The icons names have to be retained as they are. Also ui-icon-plus,ui-icon-minus and ui-icon-gear have been additionally included */
/* Donot specify any width or height here, please use seyc-btn-icon to specify width and height */
.ui-icon-add-white,.ui-icon-plus-white {
	/* background-image: url(images/svg/add_white.svg); */
	background-image:url('images/svg/icons.svg');background-position:0 -16px;
	background-repeat: no-repeat;
}

.ui-icon-add,.ui-icon-plus {
	/* background-image: url(images/svg/add.svg); */
	background-image:url('images/svg/icons.svg');background-position:0 0;
	background-repeat: no-repeat;
}

.ui-icon-arrow-down-white,.ui-icon-carat-d-white,.ui-icon-arrow-d-white
	{
	/* background-image: url(images/svg/downArrow_white_16.svg); */
	background-image:url('images/svg/icons.svg');background-position:0 -432px;
	background-repeat: no-repeat;
}

.ui-icon-arrow-down,.ui-icon-carat-d,.ui-icon-arrow-d {
		/* background-image: url(images/svg/arrowDown.svg); */
	background-image:url('images/svg/icons.svg');background-position:0 -32px;
	background-repeat: no-repeat;
}

 .ui-alt-icon.ui-icon-carat-d:after, .ui-alt-icon .ui-icon-carat-d:after{
	/* background-image: url(images/svg/arrowDown.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:3px -31px;
	background-repeat: no-repeat;
} 

.ui-icon-arrow-left-white,.ui-icon-carat-l-white,.ui-icon-arrow-l-white
	{
		/* background-image: url(images/svg/arrowLeft_white.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -112px;
	background-repeat: no-repeat;
}

.ui-icon-arrow-left,.ui-icon-carat-l,.ui-icon-arrow-l {
	/* background-image: url(images/svg/arrowLeft.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -80px;
	background-repeat: no-repeat;
}

.ui-icon-arrow-right-white,.ui-icon-carat-r-white,.ui-icon-arrow-r-white
	{
	/* background-image: url(images/svg/arrowRight_white.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -144px;
	background-repeat: no-repeat;
}

.ui-icon-arrow-right,.ui-icon-carat-r,.ui-icon-arrow-r {
	/* background-image: url(images/svg/arrowRight.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -128px;
	background-repeat: no-repeat;
}

.ui-icon-arrow-up-white,.ui-icon-carat-u-white,.ui-icon-arrow-u-white {
	/* background-image: url(images/svg/arrowUp.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -160px;
	background-repeat: no-repeat;
}

.ui-icon-arrow-up,.ui-icon-carat-u,.ui-icon-arrow-u {
	/* background-image: url(images/svg/arrowUp.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -160px;
	background-repeat: no-repeat;
}

.ui-alt-icon.ui-icon-carat-u:after, .ui-alt-icon .ui-icon-carat-u:after{
		/* background-image: url(images/svg/arrowUp.svg); */
		background-image:url('images/svg/icons.svg');
		background-position:2px -159px;
	    background-repeat: no-repeat;
}

.ui-icon-arrow {
	/* background-image: url(images/svg/arrowRight.svg); */
	background-image:url('images/svg/icons.svg');
	background-repeat: no-repeat;
  	background-position: 0px;
  	background-position:0 -128px;
}

.ui-icon-barcode-white {
		/* background-image: url(images/svg/scan_white.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -3350px;
	background-repeat: no-repeat;
}

.ui-icon-barcode {
	/* background-image: url(images/svg/scan.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -3318px;
	background-repeat: no-repeat;
}

.ui-icon-cancel-white, .ui-icon-delete-white {
	/* background-image: url(images/svg/cross_white_16.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -271px;
	background-repeat: no-repeat;
}

.ui-icon-cancel,.ui-icon-delete {
	/* background-image: url(images/svg/cross_16.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -256px;
	background-repeat: no-repeat;
}

.ui-icon-del-white,.ui-icon-minus-white {
	/* background-image: url(images/svg/minus_white.svg); */
	background-repeat: no-repeat;
	background-position: 0px;
	background-image:url('images/svg/icons.svg');
	background-position:0 -3178px;
}

.ui-icon-del,.ui-icon-minus {
	/* background-image: url(images/svg/minus.svg); */
	background-repeat: no-repeat;
	background-position: 0px;
	background-image:url('images/svg/icons.svg');
	background-position:0 -3146px;
}

.ui-icon-edit-white {
	/* background-image: url(images/svg/editIcon_white.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -480px;
	background-repeat: no-repeat;
}

.ui-icon-edit {
		/* background-image: url(images/svg/editIcon.svg); */
		background-image:url('images/svg/icons.svg');
		background-position:0 -464px;
	background-repeat: no-repeat;
}

.ui-icon-grid-white {
	/* background-image: url(images/svg/grid_white.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -1490px;
	background-repeat: no-repeat;
}

.ui-icon-grid {
	/* background-image: url(images/svg/grid_black.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -1190px;
	background-repeat: no-repeat;
}

.ui-icon-home-white {
	/* background-image: url(images/svg/home_white.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -1886px;
	background-repeat: no-repeat;
}

.ui-icon-home {
	/* background-image: url(images/svg/home.svg); */
	background-repeat: no-repeat;
	/* background-position: -1452px 0; */
	background-image:url('images/svg/icons.svg');
	background-position:0 -1870px;
}

.ui-icon-info-white {
	/* background-image: url(images/svg/info_2_white.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -2360px;
	background-repeat: no-repeat;
	/* background-position: -1452px 0; */
}

.ui-icon-info {
	/* background-image: url(images/svg/info_2_black.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -2060px;
	background-repeat: no-repeat;
	/* background-position: -1452px 0; */
}

.ui-icon-menu-white {
	/* background-image: url(images/svg/headerIcon_white.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -1846px;
	background-repeat: no-repeat;
}

.ui-icon-menu {
	/* background-image: url(images/svg/headerIcon_black.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -1790px;
	background-repeat: no-repeat;
}

.ui-icon-password-white {
		/* background-image: url(images/svg/passwordIcon_white.svg); */
		background-image:url('images/svg/icons.svg');
		background-position:0 -3226px;
	background-repeat: no-repeat;
}

.ui-icon-password {
	/* background-image: url(images/svg/passwordIcon.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -3210px;
	background-repeat: no-repeat;
}

.ui-icon-save-white {
	/* background-image: url(images/svg/tickDone_white.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -3462px;
	background-repeat: no-repeat;
}

.ui-icon-save,.ui-icon-check {
	/* background-image: url(images/svg/tickDone.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -3430px;
	background-repeat: no-repeat;
}

.ui-icon-search-white {
		/* background-image: url(images/svg/searchIcon_white.svg); */
		background-image:url('images/svg/icons.svg');
		background-position:0 -3382px;
	background-repeat: no-repeat;
}

.ui-icon-search {
	/* background-image: url(images/svg/searchIcon.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -3364px;
	background-repeat: no-repeat;
}

.ui-icon-settings-white,.ui-icon-gear-white {
	background-position: -198px -66px;
}

.ui-icon-settings,.ui-icon-gear {
	/* background: url(images/svg/gear.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -1158px;
	background-repeat: no-repeat;
}

.ui-icon-user-white {
	/* background: url(images/svg/userIcon_white.svg); */
	background-color: inherit !important;
	background-repeat: no-repeat;
	background-image:url('images/svg/icons.svg');
	background-position:0 -3590px;
}

.ui-icon-user {
	/* background: url(images/svg/userIcon.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -3558px;
	background-repeat: no-repeat;
}

.ui-icon-warning-white {
	/* background: url(images/svg/warning_white.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -3935px;
	background-repeat: no-repeat;
}

.ui-icon-warning {
	/* background: url(images/svg/warning_orange.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -3907px;
	background-repeat: no-repeat;
}


.ui-icon-database, .seyc-icon-database{
	/* background: url(images/svg/listIcon.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -3022px;
	background-repeat: no-repeat;
}

.ui-icon-pound{
	background-image: url(images/svg/pound.svg);	/*TODO not found  */
}

.ui-icon-calendar{
	/* background-image: url(images/svg/calendar.svg);	 */
	background-image:url('images/svg/icons.svg');
	background-position:8px -208px;
}

.ui-icon-clock{
	/* background-image: url(images/svg/clock.svg); */	
	background-image:url('images/svg/icons.svg');
	background-position:4px -224px;
}

.seyc-icon-scan{
	/* background: url(images/svg/scan.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -3318px;
	background-repeat: no-repeat;
}

.seyc-icon-error, .ui-icon-error{
	/* background: url(images/svg/error_red.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -812px;
	background-repeat: no-repeat;
}

.seyc-icon-minus-white{
	background: url(images/svg/minus-w_24.svg);
	/* background-image:url('images/svg/icons.svg');background-position:0 -3086px; */
	background-repeat: no-repeat;
}

.seyc-icon-plus-white{
	background: url(images/svg/plus-w_24.svg);
	/* background-image:url('images/svg/icons.svg');background-position:0 -3242px; */
	background-repeat: no-repeat;
}

.seyc-icon-check-white{
	/* background-image: url(images/svg/tickIcon_white.svg); */
	background-position: 0px;
	padding-right: 5px;
	background-image:url('images/svg/icons.svg');
	background-position:0 -3518px;
}

.seyc-icon-cross-white{
	background: url(images/svg/cross_white.svg); /*TODO not found */
	background-repeat: no-repeat;
}

.ui-icon-scan-bar-code-camera{
	/* background: center url(images/svg/ic_popup_scan_ean_cam_black.svg) no-repeat; */
	background-image:url('images/svg/icons.svg');
	background-position:0 -1895px;
	margin: auto;
	height: 95px;
	width: 130px;
}


/*
===========================
    Simple and MatrixText
===========================
*/
.seyc-simpletext {
	padding: 1em;
}

.seyc-MatrixTextContainer {
	margin : 1em 1em 0em 1em;
	padding : 0;
}

.seyc-MatrixTextContainer-title {
	text-align: center;
	font-weight: bold;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 0.8em;
}

.seyc-MatrixTextContainer-endline {
	border-bottom: 1px solid #E8E8E8;
}

.seyc-MatrixText {
	color: #152F50;
}

.seyc-MatrixTextBlock {
	font-size: 1em;
	padding: 0.2em;
}

/*
===========================
    Tab View
===========================
*/

.seyc-tab-container{
	margin-top: 1em;
}

.seyc-tab{
	border-top-right-radius: 0.85em;
	background: #b0bec8 !important;
	margin-right: 0.1em !important;
}
.seyc-li-tabParent:last-child .seyc-tab{
	margin-right: 0em !important;
}

.seyc-tab-active {
	border: none;
	background: #2a649d !important;		
	color: #ffffff !important;
}

.seyc-navbar .ui-disabled{
	opacity: 1;	
	filter: Alpha(Opacity=100);
}
.seyc-navbar .ui-disabled .seyc-nav-btn{
	color: #797a7a !important;
}

/*
===========================
    Header
===========================
*/


.seyc-header-back {
	background-image: url('images/svg/icons.svg');
    background-position: 0px -190px !important;
    height: 16px;
    top: 4px !important;
    zoom: 155%;
    /* margin-left when text is active is not very nice */
   	/* margin-left : -4px !important; */

}

.seyc-header-txtbtn {
    background-image: none !important;
    font-size: 17px !important;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-shadow: None;
    border: none;
    text-decoration: none;
    font-weight: normal !important;
	/*font-family: Lato-Regular; */
	font-weight: normal;
    cursor: pointer;
    top: 1px !important;
    /* We use zoom on back button */
    zoom:0% !important;
}
/* use to put buttons in header disabled visually */
.seyc-lowopacity{
    opacity:0.3;
}

/* Blocking the UI when the column selector popup is opened from the DataGrid */
.seyc-position-fixed{
    position: fixed !important;
}

.seyc-header-custom-withotherbutton{
    /* margin-top: 10px !important; */
    right: 13%;
}

.seyc-header-data {
  /* background-image: url(images/svg/headerIcon_white.svg); */
  background-color: inherit !important;
  background-repeat: no-repeat;
  background-position: 25% 5%;
  overflow:visible;
  height: 26px;
  padding-bottom:0px;
  padding-top:0px;
 /*  margin: 0px; */
     margin-top: -5px;
    margin-right: -3px;
    margin-left: 0px;
    margin-bottom: 0px;
  background-image:url('images/svg/icons.svg');
  background-position:0 -1844px;
}

.seyc-header-valid {
	/* background-image: url(images/svg/tickIcon_white.svg); */
	background-position: 25% 5%;
    background-color: inherit !important;
    background-repeat: no-repeat;
    overflow: visible;
    height: 24px;
	padding-bottom:0px;
	padding-top:0px;
   /*  margin: 0px; */
       margin-top: -5px;
    margin-right: -3px;
    margin-left: 0px;
    margin-bottom: 0px;
    background-image:url('images/svg/icons.svg');
    background-position:0 -3517px;
}

.seyc-oldheader-valid {
	background-image:url('images/svg/icons.svg');
    background-position:0 -3517px !important;
    height:22px;
}

.seyc-oldheader-data {
  background-image:url('images/svg/icons.svg');
  background-position:0 -1844px !important;
  height:24px;
}

.seyc-oldheader-data .badger-outter, .seyc-header-data .badger-outter, .seyc-oldheader-valid .badger-outter{
	right: 4px;
    top: -1px;
    font-weight: bold;
}

.seyc-actionmenu-popup{
    max-width: 100% !important;
    width: 100% !important;
    left: 0px !important;
    top: 41px !important;
    font-size: 15px !important;
    position: absolute;
    background-color: #E7ECF2;
}
.seyc-actionmenu-popup div.seyc-li-listIconContainer{
    display:none;
}
.seyc-actionmenu-popup span.seyc-text-span{
    color:#576D81;
}

.seyc-header-actionMenu{
    background-image: url(images/svg/ic_secondaryaction.svg);
	width: 5px;
}
.seyc-header-actionMenu.hidden{
    visibility: hidden;
}

.seyc-header-actionMenuRightIcon {
	/* background-image: url(images/svg/ic_secondaryaction_white.svg); */
	background-position: 25% 5%;
    background-color: inherit !important;
    background-repeat: no-repeat;
    overflow: visible;
    height: 26px;
	padding-bottom:0px;
	padding-top:0px;
    margin: 0px;
    background-image:url('images/svg/icons.svg');
    background-position:0 -2034px;
}

.seyc-oldheader-actionMenuRightIcon {
    background-image:url('images/svg/icons.svg');
    background-position:0 -2034px !important;
	height:26px;
}

.seyc-icon-header-container-first{
	display:inline-block;
	width: 39px;
	height:100%;
	vertical-align: top;
	cursor:pointer;
	overflow:hidden;
	
}

.seyc-icon-header-container-second{
	display:inline-block;
	width: 40px;
	height:100%;
	vertical-align: top;
	cursor:pointer;
	overflow:hidden;

}

/* -- all header buttons should have this class to positionne it -- */
.seyc-header-button{
    background-color: inherit !important;/* to not display different background-color from jquery.css on :visited and :hover */
    background-position: 50% 50%;
    background-repeat: no-repeat;
    /* Ok but not in TC70...
    top: 25px;//50% of 50px (height of header);
    transform: translateY(-50%);*/
    top: 8px;
    min-width: 40px;
    /*height: 50%; */
    padding: 0;
    display: inline-block;
    padding-top: 1px;
    line-height: 38px;
    vertical-align: top
}
.seyc-header-scan {
  padding: 8px;
   padding-right: 5px;
 /*  background-image: url(images/svg/scan_white.svg); */
  background-color: inherit !important;
  background-position: 15px;
  width: 24px;
  /* height: 19px; */
  background-repeat: no-repeat;
  display: inline-block !important;
  position: relative;
  top: -0.05em;
 /*  background-size: 22px; */
  background-image:url('images/svg/icons.svg');background-position:0 -3350px;
}

/*This JQM style has to be overridden as we do not have any control over its insertion*/
.seyc-state-disabled, .seyc-fieldWrapper-span .ui-state-disabled {
	background-color: transparent !important;
	cursor: default !important;
	pointer-events: none;
	opacity: 1;
	filter: Alpha(Opacity=100);	
}

input.seyc-state-disabled{
	padding-left: 1px;
	font-size: 1.1em !important;
}

.seyc-header-left-section {
	/* padding-left: 40px; */
	height: 40px;
	line-height: 38px;
	/*padding: 20px; */
	display: inline-block;
	width:35px;
	position:relative;
}


.seyc-header-center-section {
	text-align: center;
	height: 40px;
	line-height: 38px;
	position: relative;
   	/* left: 12%; */
}

.seyc-header-right-section .seyc-header-button{
	color:#1B8AFF;
	font-family: Lato-Bold;
}

.seyc-header-right-section {
	height: 40px;
	line-height: 38px;
	text-align: right;
	padding-right: 10px;
}


.seyc-title {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	font-size: 0.9em;
	max-width: 90%;
	max-height: 40px;	
	overflow: hidden;
	word-break: break-all;	
}




.seyc-title-icon:after{
    content: " ";
    /* background-image: url(images/svg/arrowDown_white.svg); */
    background-color: inherit !important;
    background-repeat: no-repeat;
   /*  background-size: 20px; */
    height: 18px;
    width: 20px;
    position: absolute;
    /*  margin-top: 3.5%; */
    margin-top:10px;
    background-image:url('images/svg/icons.svg');
    background-position:0 -63px;
	zoom: 120%;
	margin-top: 8px;
}


/*
===========================
    Header for Menu
===========================
*/
.seyc-menuHeader {
	font-size: 1em !important;
}

.seyc-menuHeader>div {
	font-size: 1.125em;
}

.seyc-menuHeader-title {
	padding-top: 3px;
}

.seyc-menuHeader-system {
	/* background-image: url(images/svg/headerIcon_white.svg); */
	background-color: inherit !important;
	/* background-position: 5px; */
	background-repeat: no-repeat;
	/* background-size: 31px;
	top: 9px; */
	background-image:url('images/svg/icons.svg');
	background-position:0 -1846px;
	zoom: 129%;
	padding-top: 10px;
}

.seyc-menuHeader-userInfo {
	/* background: url(images/svg/userIcon_white.svg); */
	background-color: inherit !important;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	background-image:url('images/svg/icons.svg');
	background-position:0 -3590px;
	zoom : 120%
}

.seyc-menuHeader-user {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	font-size: 0.6em;
	font-weight: normal;
	margin-right : 5px;
}

/*
===========================
    Login screen styles
===========================
*/
.seyc-login-page {
	height: 100%;
	min-height: 100px;
	background-color: #dbe3ec;
}

.seyc-login-content {
	height: 100%;
	display: table;
	width: 100%;
}

.seyc-login-details-wrapper {
	display: table-row;
	height: 77%;
}

.seyc-login-details {
	display: table-cell;
	vertical-align: middle;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 2em;
}
.seyc-login-details>a {
	margin-bottom: 1em;
	margin-top: 2em;
}

.seyc-login-details .seyc-field-has-icon>.seyc-field-icon {
	top: 0.65em;
  	left: 0.8em;
}

.seyc-login-details .seyc-field-has-icon>div {
	font-size: 1em;
}

.seyc-login-details .ui-select>.ui-btn {
	padding-top: 0.55em !important;
	padding-left: 2.5em !important;
}

.seyc-login-details .seyc-dropdown {	
	background-color: #ffffff;
}

.seyc-login-field,.seyc-dropdown {
	margin-bottom: 1em;
}

/*Overriding this style as we do not have any control over its insertion*/
.seyc-login-field .ui-input-text {	
	margin-top: 0.1em;
	margin-bottom: 0.1em;
}

.seyc-login-input {
	padding-left: 2.3em !important;
	padding-right: 1em !important;
	padding-top: 0.5em !important;
	
}

/*Overriding this style as we do not have any control over its insertion*/
.seyc-login-details .seyc-dropdown .ui-btn-icon-right,.seyc-login-details .seyc-dropdown .ui-btn-icon-right:hover,.seyc-login-details .seyc-dropdown .ui-btn-icon-right:after,.ui-icon-delete:after {
	background: none;
}

/*Overriding this style as we do not have any control over its insertion*/
.seyc-login-details .ui-select {
	margin: 0em;
}

/*Overriding this style as we do not have any control over its insertion*/
.seyc-login-details .seyc-dropdown .ui-btn {
	text-align: left;
	padding: 0.5em 2.5em 0.5em 2.5em;	
}

.seyc-has-active-placeholder .ui-btn,.seyc-has-active-placeholder .ui-btn:hover {
	color: #aaa;
}

.seyc-placeholderIcon {
	position: absolute;
	top: 0.8em;
	z-index: 1;
}
.seyc-login-field .seyc-placeholderIcon{
	top: 0.68em;
}
.seyc-login-details .seyc-dropdown .seyc-placeholderIcon{
	top: 0.65em;
}

.seyc-placeholderIcon-left {
	left: 0.8em;
}

.seyc-placeholderIcon-right {
	right: 0.2em;
}

.seyc-login-header-wrapper {
	height: 23%;
	display: table-row;
}

.seyc-login-header {
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	padding: 1em;
	font-weight: normal;
}

.seyc-login-header-textHighlight {
	display: block;
	font-size: 2em;
}

.seyc-login-btn {
	padding-top: 0.4em;
	margin-top: 1.5em;
}
.seyc-login-btn button:active
{
	background-color: #268bcc !important;	
}

/*To support placeholder for number field and in IE9*/
.seyc-placeholder-parent:before {
	content: attr(seyc-placeholder);
	position: absolute;
	top: 0.5em;
	left: 0.4em;
	color: #797a7a;
	z-index: 0;
}

.seyc-placeholder-parent {
	position: relative;
}

.seyc-placeholder-parent input {
	position: relative;
	z-index: 10;
}

.seyc-login-details .seyc-placeholder-parent:before {
	top: 0.6em;
	left: 2.5em;
}
.seyc-dropdown.seyc-placeholder-parent:before{
	top: 0.65em;
}

/* Combobox */

.seyc-combobox-dropdown{
	margin-bottom: 0em;
	padding-left: 0em !important;
	padding-right: 0em !important;
	padding-top: 0em !important;
}

.seyc-combobox-dropdown .ui-select, .ui-selectmenu{
	font-size: 0.9em;
}

.seyc-combobox-dropdown .ui-btn {	
	
	text-align: left;
	padding: 0.4em 2.5em 0.4em 0.6em;
	background-color: #ffffff !important;
}

.seyc-combobox-dropdown .ui-select .ui-btn{
	background-image: none;
}

.seyc-combobox-dropdown .ui-select .ui-btn:after{
	/* background-image: url(images/svg/arrowDown.svg); */	
	background-image:url('images/svg/icons.svg');
	background-position:3px -29px;
}

/*In order to display greyed icon for disabled combobox*/
.seyc-combobox-dropdown.ui-state-disabled .ui-select .ui-btn:after{
	opacity: 0.3;
}

.seyc-combobox-dropdown .seyc-placeholderIcon{
	top: 0.65em;
}

/*Overriding this style as we do not have any control over its insertion*/
.seyc-combobox-dropdown .ui-select {
	margin: 0em;
}


.seyc-combobox-dropdown a.seyc-selectViewIconInLabel.ui-icon-field-error{
	padding-left:0.6em;
	padding-right:0.6em;
	border:none !important;
	background-color:transparent;
	background-position:center;
}


.seyc-combobox-has-active-placeholder .ui-btn,.seyc-combobox-has-active-placeholder .ui-btn:hover
{
	color: black;	
	/* margin-bottom: 1em !important; */
}

.seyc-combobox-dropdown.ui-state-disabled{
	opacity: 1;
	filter: Alpha(Opacity=100);
}
.seyc-combobox-dropdown.ui-state-disabled .ui-btn{
	background-color: Transparent !important;
	padding-left: 0em;
	
} 
.seyc-combobox-dropdown.ui-state-disabled .seyc-placeholderIcon{
	opacity: 0.3;	
}


/* div offline mode (displayed only when in offline mode) */
.seyc-offlineMode {
	width: 100%;
	height: 30px;
	background-color: #E75B4D;
	line-height: 30px;
	font-size: 0.7em;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
}

/* label "disconned mode" in offline mode div */
.seyc-offlineMode-label {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
}

/* if we are online, the div will not be displayed */
.seyc-offlineMode-visibility {
	display: none;
}

/* for settings menu : title "settings menu" */
.seyc-titleSettings {
	width: 100%;
	height: 40px;
	background-color: #b0bec8 !important;
	line-height: 40px;
	font-size: 0.9em;
	text-align: center;
}

/* label for settings menu */
.seyc-labelTitleSettings {
	display: inline-block;
	vertical-align: middle;
	line-height: normal;
	color: #000000;
	font-weight: normal;
	font-size: 0.9em;
}

.seyc-search-field {	
	margin-bottom: 2px !important;
}

/* add color to all inactive radio */
/* override */
.ui-btn.ui-radio-off:after, .ui-btn.ui-checkbox-off:after {
	background-color: #ffffff !important;
	opacity: 1;
	left: 1em;
}

.seyc-state-disabled .ui-btn.ui-radio-off:after, .seyc-state-disabled .ui-btn.ui-checkbox-off:after{
	opacity: 0.3;
}
.seyc-state-disabled .ui-btn.ui-radio-on:after, .seyc-state-disabled .ui-btn.ui-checkbox-on:after{
	opacity: 0.3;
}

/*Overiding JQuery Mobile style as we do not have any control over its insertion*/
.seyc-fieldWrapper-span .ui-checkbox label, .seyc-radioGroup-vertical .ui-radio label{
	padding-left: 3em;
}
.seyc-fieldWrapper-span .ui-checkbox-on:after, .seyc-radioGroup-vertical .ui-radio-on:after{
	left: 1em;
}
.seyc-radioGroup-horizontal label.ui-radio-off, .seyc-slider label.ui-radio-off {
	background-color: #ffffff !important;
}

.seyc-slider-range{
	padding-left: 0em !important;
	padding-right: 0em !important;
}

/*For displaying left icon in Fields*/

.seyc-field-has-icon, .seyc-field-has-right-icon{
	position: relative;
}

.seyc-field-has-icon input, .seyc-field-has-icon .ui-select .ui-btn{
	padding-left: 2.2em;
}
.seyc-state-disabled.seyc-field-has-icon input{
	padding-left: 2em;
}
.seyc-field-has-right-icon input{	
	padding-right: 2.5em;
}

.seyc-field-icon{
	position: absolute;
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	z-index: 1;
	top: 0.35em;
	left: 0.45em;
}
.seyc-state-disabled .seyc-field-icon{
	top: 0.5em;
	left: 0.2em;
}
.seyc-combobox-dropdown .seyc-field-icon{
	top: 0.45em;
}
.seyc-combobox-dropdown.ui-state-disabled .seyc-field-icon{
	top: 0.4em;
	left: 0.2em;
}

.seyc-field-icon-right{
	left: auto !important;
	right: 0.2em;
	width: 2em;
	height: 18px;
	/*height: 100%;
	background-position: center; */
	cursor: pointer;
	/* top: auto !important; */
	top: 0.60em;
}

textarea.ui-input-text.ui-textinput-autogrow.seyc-settings-textarea{
	overflow-y:scroll;
}

/*
===========================
    Popup and DialogPage
===========================
*/

/*This JQuery Mobile style needs to be overridden as we do not have any control over its insertion */
.ui-popup-container{
	width: 80%;
}

.ui-popup-container.seyc-popup-on-top{
	z-index: 100005;
}

.seyc-popup-container {
	/* background-color: #e1e1d0; */
    position: absolute;
    width: 80%;
    background-clip: padding-box;
    z-index: 1105;
    display:none;
    margin:0 auto;
    left: 10%; 
    background-color: #ffffff  /*light marine*/;
    /* border-width: 1px;
    border-style: solid; */
}

.seyc-scanPopup-container{
	position: absolute;
    width: 80%;
    background-clip: padding-box;
    z-index: 1105;
    display: none;
    margin: 0 auto;
    left: 10%;
    background-color: #ffffff;
}

.seyc-popup-close { /*New popup object*/
  top: 13px !important;
  right: 0px !important;
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-image:url('images/svg/icons.svg');
  background-position:0 -270px;
  padding-top:8px;
  display: block;
  padding: .7em 1em;
  cursor: pointer;
}

.seyc-popup-header {
	background-color: #435b73;
    height: 30px;
    color: #fff;
    font-weight: bold !important;
    font-size: 18px;
}

.seyc-popup-content-section {
	text-align: center;
	width: 100% !important;
}

.seyc-popup-content-text {
	vertical-align: middle;
	display: inline-block;
	word-break: break-word;
}

.ui-input-search .ui-icon-delete {
	/* background: url(images/svg/cross_16.svg); */
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	top: 0.77em !important;
	right: 1em !important;
	margin : 0em !important;
	background-image:url('images/svg/icons.svg');background-position:0 -256px;
}

.seyc-dialogPage{
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.6);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,.6);
	box-shadow: 0 0 20px rgba(0,0,0,.6);
}

.seyc-dialogPage-content{
	/* padding-bottom: 1em; */
	overflow-x:hidden !important;
	overflow-y:auto !important;
}

.seyc-dialogPage-height-content{
	max-height:300px;
}
.seyc-dialogPage-content .ui-input-text, .seyc-dialogPage-content .ui-input-search{
	border: solid #797a7a 1px !important;	
}
.seyc-dialogPage-content .seyc-scanView .ui-input-search{
	padding-top: 0em;
	margin-left: 1px;
}
.seyc-dialogPage-content .seyc-scanView input{
	padding-bottom: 0.2em;
}

/*
===========================
    Swipe
===========================
*/

.seyc-swipe-indicator{
	margin: 0 !important;
	width: 100%;
	padding-bottom: 1em;
	text-align: center;
}

.seyc-swipe-indicator-element{
	vertical-align: middle;  
    line-height: normal;
    display: inline-block;      
    width: 0.7em;      
    height: 0.7em;      
    text-indent: -999em;      
    background: #fff;      
    border-radius: 10px;      
    -moz-border-radius: 10px;      
    -webkit-border-radius: 10px;          
    margin-right: 12px;
    background-color: #d1d6d6;
}

.seyc-swipe-indicator-activeElement{
	background-color: #2a649d;
}

/* end  of the hidden  */

/* Start Action List  */
.seyc-li-menupopup .seyc-li-btn{
	background-color: #ffffff !important;
}
.seyc-li-menupopup.seyc-list-divider{
	background-color: #435b73 !important;
	color: #ffffff !important;
}

.seyc-title-menu {
	
	text-decoration: none;
	color: rgb(255, 255, 255) !important;
}


.seyc-header-list {
  /* background-image: url(images/svg/arrowDown_white.svg); */
  background-color: inherit !important;
  background-position: 0.5em;
  background-repeat: no-repeat;
  /* background-size: 20px; */
  background-image:url('images/svg/icons.svg');background-position:0 -64px;
}

/* end  of the Action List  */

/*
===========================
   Desktop Combobox Style
===========================
*/


.ui-selectmenu.ui-popup {
	background-color: white;
	color: rgb(165,165,165);
	border-radius: 3px;
}
.ui-selectmenu-list .ui-btn  {
	color: black;
	border-top: solid #d1d6d6 1px;
}


.ui-selectmenu-list>li:hover {
	display: block;
	position: relative;
	overflow: visible;
	background-color: rgb(219,219,219);
}


/* Adaptive Footer object */
.seyc-darkSnip{
	background-color: transparent !Important ;
	text-align : center !Important;
	vertical-align: middle;
	float : initial;
}

.seyc-customFooterMessagebox{
	word-wrap: break-word;
	font-weight:normal;
}

.seyc-darkSnip .seyc-numericOperand{
	width: 24px;
	height: 24px;
	top: 0.25em;
}

.seyc-numericSpinner-field{
	background-color: #ffffff !important;	
	padding-bottom: 0.3em;	
	color: #000000;
	border-radius: 0.35em;	
	-moz-border-radius: 0.35em;
	-webkit-border-radius: 0.35em;
}

.seyc-numericSpinner-field .ui-input-text{
	font-size: 1.4em;
	margin: 0px;
	background-color: transparent !important;
}

/*Mobiscroll for numeric spinner change*/
.seyc-numericSpinner-field .ui-input-text input{
	text-align:center;
	padding:0;
	min-height:1.5em !important;
}

.seyc-numericSpinner-field .seyc-singleLine{
	margin:0;
}
/*end*/

.seyc-messageViewBlocka{
	width :1% !important;
	vertical-align: middle;
	float: none;
	display: table-cell;
	padding-left: 0.7em;
	padding-right: 0.3em;
}

.seyc-messageView-icon-container{
	padding: 0.35em 0.5em 0.35em 0.5em;
	background-color: #ffffff;
}

/*To display bigger icons for info, error and warning in footer message*/
.seyc-childMViewMessage .seyc-messageView-icon-container .seyc-btn-icon{
	max-width: 30px !important;
	max-height: 30px;
	height: 30px !important;
	width: 30px !important;
	background-repeat: no-repeat !important;
	/* background-size: 30px; */
	margin: 0em !important;
}

.seyc-childMViewMessage .ui-icon-field-error, .ui-icon-field-footer-error{	
	/* background: url(images/svg/error_red_24.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0px -812px;
}

.seyc-childMViewMessage .ui-icon-field-warning, .ui-icon-field-footer-warning{	
	/* background: url(images/svg/warning_orange_24.svg); */
	background-image:url('images/svg/icons.svg');background-position:0 -3905px;
}

.seyc-childMViewMessage .ui-icon-info{	
	/* background: url(images/svg/info_white_24.svg); */
	background-image:url('images/svg/icons.svg');background-position:0 -2960px;
}

.seyc-messageViewBlockb{
	
	vertical-align: middle;
	display: table-cell;
	padding: 1em 1em 1em 0.5em;
}
.seyc-childMViewMessage{
	display : table;
	width : 100%;	
	text-align : left !Important;
	font-weight:normal;	
}

/*To adjust alignment when there is no icon to be displayed in footer message*/
.seyc-childMViewMessage-no-icon .seyc-messageViewBlocka{
	display: none;
}
.seyc-childMViewMessage-no-icon .seyc-messageViewBlockb{
	padding-left: 1em;
}

.seyc-footer-simpleChildView, .seyc-childMViewMessage, .seyc-footer-numericSpinner{
	padding-top: 0.35em;
	padding-bottom: 0.35em;
	min-height: 3.25em;
}
.seyc-footer-has-title .seyc-footer-simpleChildView{
	min-height: 0.6em;
}


.seyc-childMViewMessage .seyc-footerMessage-close{
	position: absolute;
	right: -0.2em;
	top: 0.5em;
	cursor: pointer;
	width: 22px;
	height: 22px;
}

.seyc-numericOperand{
	float : initial;
}

.seyc-numericlabel{	
	font-weight: normal;
	font-size: 0.8em;
}

.seyc-numericInput{	
	padding: 0em !important;
	padding-left: 0.1em !important;
	border-radius: 0em !important;
	min-height: 1em !important;	
}

.seyc-numericSpinner-operand-hidden{
	visibility: hidden;
}

.seyc-numericSpinner-disabled.ui-disabled{
	opacity: 1;
	filter: Alpha(Opacity=100);
}

.seyc-numericSpinner-disabled .seyc-numericOperand{
	visibility: hidden;
}

.seyc-numericSpinner-disabled .seyc-numericSpinner-field, .seyc-numericSpinner-disabled .ui-input-text{
	background: transparent !important;
	color: #ffffff !important;
}

/*End of NumericFooter*/

/*Start of Business Card*/
.seyc-businessCard{
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1em;
	box-shadow: 2px 2px 4px #797a7a;
}

.seyc-businessCard .seyc-bcard-title-button.ui-btn {	
	margin-bottom:0px !important;	
	background:#ffffff;   
    padding-bottom: 1em;            
}
.seyc-bcard-content{	
	background-color: #ffffff;
	padding-bottom: 0.5em;
}
.seyc-bcard-content .seyc-MatrixTextContainer{
	margin-top: 0em;
}

.seyc-bcard-title-message {
	height:20px;    
    text-align:center;
                
}

.seyc-bcard-longLabel-message {
	padding-bottom:0.5em;    
    padding-left:1em;
                
}

.seyc-bcard-title-image{

    display: inline-block;
	float:left;

}
.seyc-bcard-title-text{
	color: #333333 !important;
    text-align: left;
    padding-left: 1.8em;
    padding-right: 1em;
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
    word-break: break-word;
}
.seyc-bcard-undeLine{
 font-weight: bold;
 border-bottom: 1px solid black;
}
.seyc-bcard-icon .seyc-btn-icon{
	max-width: 22px;
	max-height: 22px;
	width: 22px;
	height: 22px;
	margin: 0em;
	top: 0em;
}
//added to append padding tap on icon is active
.seyc-bcard-iconOnTap{
	padding-left:0.5em;
	padding-right:0.5em;
}
.seyc-bcard-textLeft{
 	text-align: left;
}
.seyc-bcard-textRight{
 	text-align: right;
}
/*End of Business Card*/

.seyc-panel-overlay{
	position:fixed !important;
}

.seyc-btn-icon_field {
	display: inline-block;
	margin-right: 0.5em;
	width: 20px;
	height: 20px;
	max-width: 20px;
	max-height: 20px;
}

.seyc-notSingleLineLabel {
	padding-left: 0.5em;
}

.seyc-singleLineIconInLabel {
	width: 30px;
	display: inline-block !important;	
	vertical-align: middle;
	top: 0.1em;
	/* float: none !important; */
	/* padding-left: 0.4em; */
	/* padding-right:1em; */
	/* padding-bottom: 0.2em; */
}

.seyc-singleLineTextInLabel {
	width: auto !important;
	display: inline-block !important;
	word-break: break-word;	
	vertical-align: middle;
	margin : 0 !important;    /*newly added to align label and error/warning icon */
	/* float: none !important; */
	/* padding-left: 0.5em; */
	/* padding-right:0.2em; */
}

.seyc-singleLineInputParent-noLabel {
	width: 100% !important;
	display: table-cell !important;	
	float: none !important;	
	padding-left: 0.9em;	
	margin-left: 5px;
}



.seyc-singleLineInputParent-Warning {
    width: 100% !important;
    display: table-cell !important;
    vertical-align: middle;
    /* float: center !important; */   
    margin-left: 50px;
    padding-left: 0;
}

.seyc-singleLineInputParent-noLabelWarning {
    /* width: 22px !important; */
    display: table-cell !important;
    vertical-align: middle;
    float: center !important;
/*     padding-right: 0.5em; */
    
    padding-left : 1em;
}

.ui-icon-field-warning{
  /* background: url(images/svg/warning_orange.svg); */
  background-repeat: no-repeat;
  margin: -5px 0px 0px !important;
  margin-right: 5px !important;
  /* background-size: 17px; */
  background-position: 4px;
  height: 17px !important;
  max-width: 24px !important;
  width: 24px !Important;
  background-color: transparent !important;
  background-image:url('images/svg/icons.svg');
  background-position:5px -3889px;
}

.ui-icon-field-error{
/* background: url(images/svg/error_red.svg); */
  background-repeat: no-repeat;
  margin: -5px 0px 0px 0px !important;
  margin-right: 10px !important;
  background-position: 1px;
  /* background-size: 16px; */
  background-color: transparent !important;
  width: 18px !important;
  height: 17px !important;
  background-image:url('images/svg/icons.svg');background-position:0 -795px;
}

.seyc-checkFieldView .ui-icon-field-error{
	margin-right: 0px !important;
}

.seyc-li-faultIndicatorContainer
	{
	height : auto;
	display: table-cell;
	vertical-align: middle;
	width: 43px;
	max-width: 43px!important;
	min-width: 43px!important;
	overflow: hidden;
	white-space: nowrap;
}

.seyc-li-icon-cell {
	max-height: 35px!important;
	max-width: 37px!important;
	display: block;	
	padding-right: 0.4px;
}

/*Start of Button styles*/
.seyc-button{
	margin-left: 1em;
	margin-right: 1em;	
	margin-top: 1em;
	background-image: none ;
}

.seyc-list .seyc-button{
	margin-left: 0em;
	margin-right: 0em;	
}

/*This hierarchy needs to be maintained in order to override button background color without using !important*/
html body .ui-content .ui-btn.seyc-button, 
html body .ui-panel .ui-btn.ui-btn-c.seyc-button,
html body .ui-body-a .ui-btn.seyc-button {
	background-color: #2a649d;
	color: #ffffff;
}
html body .ui-content .ui-btn.seyc-button:hover,
html body .ui-panel .ui-btn.ui-btn-c.seyc-button:hover,
html body .ui-body-a .ui-btn.seyc-button:hover
{
	background-color: #268bcc;	
	color: #ffffff;
}

html body .seyc-dialogPage .ui-btn.seyc-button{
	background-color: #2a649d;
    color: #ffffff;
}

html body .seyc-dialogPage .ui-btn.seyc-button:hover{
	background-color: #268bcc;
    color: #ffffff;
}

.seyc-controlgroup-horizontal{
	margin-top: 1em;
}
.seyc-controlgroup-horizontal .seyc-button{
	margin-right: 1em;		
	margin-bottom:5px;
	margin-left:auto !important;	
}
.seyc-controlgroup-horizontal .seyc-button:first-child{
	margin-left: 1em;	
}
.seyc-list .seyc-controlgroup-horizontal .seyc-button:first-child{
	margin-left: 0em;
}
.seyc-list .seyc-controlgroup-horizontal .seyc-button:last-child{
	margin-right: 0em;	
}
.seyc-controlgroup-vertical{
	margin: 1em 1em 0em 1em;	
}
.seyc-controlgroup-vertical .seyc-button{
	margin-bottom: 1em;
}

/*For disabled button*/
html body .ui-content .ui-btn.seyc-button.ui-disabled{
	opacity: 1;
	filter: Alpha(Opacity=100);
	background-color: #b0bec8;
	color: #797a7a;
}

.seyc-button.ui-disabled.ui-alt-icon:after{
	opacity: 0.3;
}

/*End of Button styles*/

/* Start of SelectView */
.seyc-selectViewInputParent {
	width: 78% !important;
	display: table-cell !important;	
	vertical-align: middle;
	padding-right: 1em;	
	float : right;
}

.seyc-selectViewLabelParent {
	width: 22% !important;
	display: table-cell !important;	
	vertical-align: middle;
	padding-left: 1em;
	padding-right:0.2em;
}

.seyc-selectViewIconInLabel {
	display: inline-block;	
	vertical-align: middle;
	float: none !important;
	height : 22px;
	padding-left: 0.4em;
	padding-right:1em;
	padding-bottom: 0.2em;
	margin-top: 0.2em;
}

@media all and (min-width:28em) {
.seyc-selectViewIconInLabel {
	display: inline-block;	
	vertical-align: middle;
	
	height : 22px;
	padding-left: 0.4em;
	padding-right:1em;
	
	margin: 0.1em 0 0 0;
}
.seyc-singleLineLabelParent .seyc-selectViewIconInLabel {
  display: inline-block !important;
  float: none !important;
  vertical-align: middle !important;
}
}

@media screen and (min-width:100px) and (max-width:447px) {

.seyc-selectViewIconInLabel {
  display: inline-block !important;
  
  margin-top:1.5px;
}
}

.ui-icon-selectview-error {
	/* background: url(images/svg/error_red.svg); */
	background-repeat: no-repeat;	
	padding-right: 10px !important;
	background-image:url('images/svg/icons.svg');background-position:0 -796px;
}

.ui-icon-selectview-warning{
	/* background: url(images/svg/warning_orange.svg); */
	background-repeat: no-repeat;
	height: 20px !important;
	/* padding-right: 10px !important; */
	margin-top: 5px;
	background-image:url('images/svg/icons.svg');
	background-position:0 -3889px;
	margin-right: 10px !important;
}

/*End of SelectView */ 

/* Start of Grid Container view */

/*End of Grid container view */ 

/**
 * Scan view popup Style
 */
.seyc-scanViewPopup [data-role=content]{
	padding: 1em 0em 1em 0.2em;
}
/*Fix for no-label field under pop-up*/
.seyc-scanViewPopup{
 	
    padding-bottom: 10px;
	/* margin-left: -8%; To enlarge the popup
    margin-right: -8%; */
}

.seyc-scanViewPopup .seyc-dialogPage-content{
	padding-top : 15px;
}

.seyc-scanViewPopup [data-role=content] .seyc-scanView .seyc-text-span{
	display:none;
}
.seyc-scanViewPopup-msgContainer{
	margin: 0.5em 1em 1em 1em;
	display: table;
}
.seyc-scanPopup-text{
	display: table-cell;
	vertical-align: top;
}

.seyc-scanViewPopup-scanBarCodeCamera {
	height: 95px;
}

/*check box cell start*/
.seyc-checkBox-cell{
	position: relative !important;
}
 .seyc-cell-checkBox-label{	
	display: none;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
}
.seyc-cell-checkBox-div{
	width: 15px;	
  /*   float: right; */
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
	
}
.seyc-cell-checkBox-div > label{
	display: table-cell;
	/* left: .466em; */
	left:0;
	top: 50%;
	width: 22px;
	height: 22px;
	margin: -11px 0 0 0;
	outline: 0 !important;
}
/*check box cell start*/

/*Graph styles*/
.seyc-graph{
	margin-top: 1em;
	margin-left: 1em;
	margin-right: 1em;
}
.seyc-graph .seyc-zoom-btn{
	margin-right: 0em;
	margin-left: 0em;
}
/*End of Graph styles*/

/*Start of Urliew */ 
/* for mobile */
@media screen and (min-width:320px) and (max-width:640px) {
	.seyc-url-view {
		width : 98% !important;
		height : 450px;	
		margin-left : 2px;
	}
}

/* for tabllet */
@media screen and (min-width:641px) and (max-width:960px) {
	.seyc-url-view {
		width : 98% !important;
		height : 900px;	
		margin-left : 2px;
	}
}

/* for laptop and other devices   */ 
@media screen and (min-width:961px) and (max-width:3000px) {
	.seyc-url-view {
		width : 100% !important;
		height : 600px;	
	}
}
/*End of Urliew */ 

/* for error/warning icon alignment for control groups */
.ui-controlgroup .seyc-singleLineIconInLabel{
	 float: left;
 	 margin-top: 0px !important;
}
/*End*/
/* GroupView and PanelView styles */
.seyc-panelView .seyc-panelView-content .seyc-panelView-collapsible-header .ui-btn,
.seyc-groupView .seyc-groupView-collapsible-header .ui-btn{
	background-color: #b0bec8;
	font-size: 1em;	
	padding-left: 1em;
	
}

.seyc-panelView-collapsible-header .ui-btn:active,
.seyc-groupView-collapsible-header .ui-btn:active, .seyc-panelCard-collapsible-header .ui-btn:active{
	color: #ffffff !important;
	opacity: 0.8;
}

/*Overriding this JQUery Mobile style as we do not have any control over its insertion*/
.seyc-groupView-collapsible-header .ui-btn.ui-icon-arrow-down, 
.seyc-panelView-collapsible-header .ui-btn.ui-icon-arrow-down, 
.seyc-panelCard-collapsible-header .ui-btn.ui-icon-arrow-down,
.seyc-groupView-collapsible-header .ui-btn.ui-icon-arrow-up,
.seyc-panelView-collapsible-header .ui-btn.ui-icon-arrow-up,
.seyc-panelCard-collapsible-header .ui-btn.ui-icon-arrow-up{
	background-image: none;
}

.seyc-panelView-collapsible-header .ui-btn.ui-icon-arrow-down:after,
.seyc-groupView-collapsible-header .ui-btn.ui-icon-arrow-down:after,
.seyc-panelCard-collapsible-header .ui-btn.ui-icon-arrow-down:after
{	
	/* background-image: url(images/svg/arrowDown.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:3px -32px;
	background-repeat: no-repeat;	
	right: 0.7em;	
	/* margin-top: -9px;
    margin-right: -2px; */
}

.seyc-panelView-collapsible-header .ui-btn.ui-icon-arrow-up:after,
.seyc-groupView-collapsible-header .ui-btn.ui-icon-arrow-up:after,
.seyc-panelCard-collapsible-header .ui-btn.ui-icon-arrow-up:after
{	
	/* background-image: url(images/svg/arrowUp.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -159px;
	background-repeat: no-repeat;
	right: 0.7em;	
}

.seyc-panelView-content .ui-collapsible-content,
.seyc-groupView-content .ui-collapsible-content,
.seyc-panelCard .ui-collapsible-content
{
	background-color: #dbe3ec;
	border: solid #b0bec8 1px;
	padding: 0em;
	padding-bottom: 1em;
}
/* End of GroupView and Panel styles */


/* Placeholder styles */
::-webkit-input-placeholder {
	text-transform: none;
   	color: #797a7a;   
}
:-moz-placeholder { /* Firefox 18- */
	text-transform: none;
   	color: #797a7a;
}
::-moz-placeholder {  /* Firefox 19+ */
	text-transform: none;
   	color: #797a7a;
}
:-ms-input-placeholder {  
   color: #797a7a;
}
/* End of Placeholder styles */

/* SlidePanel Styles  */
.seyc-slidePanel{
	/*background-color: #dbe3ec !important;
	border: solid #b0bec8 1px !important;*/
}
.seyc-slidePanel .seyc-list-parent{
	margin-left:0em;
	margin-right: 0em;
}
/* End of Slide Panel styles */ 


.seyc-checkFieldView .seyc-text-span{
	width : 1% !important;
	padding-right : 0em;
	float:none !important;
}

.seyc-checkFieldView-inputLabel{
	width: 100% !important;
	display: table-cell !important;	
	float: none !important;	
	padding-left: 0em;	
	margin-left: 5px;
}
/* Active properties */

/* Header Active properties */

.seyc-menuHeader-system:active {
	/* background-image: url(images/svg/headerIcon_grey.svg); */
	background-image:url('images/svg/icons.svg');
	background-position:0 -1822px
}




.seyc-header-back:active {
 /*  background-image: url(images/svg/arrowLeft_grey.svg); */
 background-image:url('images/svg/icons.svg');
 background-position:0 -96px;
}

.seyc-header-scan:active {
  /* background-image: url(images/svg/scan_grey.svg); */
  background-image:url('images/svg/icons.svg');background-position:0 -3334px;
}


.seyc-header-list:active {
  /* background-image: url(images/svg/arrowDown_grey.svg); */
  background-image:url('images/svg/icons.svg');background-position:0 -48px;
}

.seyc-menuHeader-userInfo:active {
	/* background-image: url(images/svg/userIcon_grey.svg) */
	background-image:url('images/svg/icons.svg');background-position:0 -3574px;
}

/* Fotter & list active properties */

.seyc-background-highlight:active {
	background-color: black !important;
	color: white !important;
}

.seyc-basicCell:active.seyc-li-btn:active {
  background-color: #bfcad2;
  color: white;
}

.ui-btn.seyc-nav-btn:not(.seyc-tab) {
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.ui-btn.seyc-nav-btn:not(.seyc-tab):active {
	/*background-color: #7b858c !important;*/
	background-color: #268bcc !important; /*GLIB16030058 on TC70*/
}

.seyc-basicCell.seyc-li-btn {
	-webkit-transition-duration: 0.2s;
	transition-duration: 0.2s;
}

.ui-input-text.ui-focus, .ui-input-search.ui-focus {
  box-shadow: inset 0 0 0 2px #2098d1, 0 0 2px rgba(0, 0, 0, 0);    
}
.seyc-dialogPage-content .ui-input-search.ui-focus{
	box-shadow: inset 0 0 0 2px #797a7a, 0 0 2px rgba(0, 0, 0, 0) !important; 
	border: solid #ffffff 1px !important;
}

/* Numeric Spinner active */

.seyc-btn-icon.seyc-icon-plus-white.seyc-numericOperand {
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.seyc-btn-icon:active.seyc-icon-plus-white:active.seyc-numericOperand:active {
	background-image: url(images/svg/plus-w_24_blue.svg);
	/* background-image:url('images/svg/icons.svg');background-position:0 -3262px; */
}

.seyc-btn-icon.seyc-icon-minus-white.seyc-numericOperand {
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.seyc-btn-icon:active.seyc-icon-minus-white:active.seyc-numericOperand:active {
	background-image: url(images/svg/minus-w_24_blue.svg);
	/* background-image:url('images/svg/icons.svg');background-position:0 -3106px; */
}

.seyc-btn-icon.seyc-icon-check-white.seyc-numericOperand {
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}

.seyc-btn-icon:active.seyc-icon-check-white:active.seyc-numericOperand:active {
	background-image: url(images/svg/tickIcon_blue.svg); /*TODO not found   */
}
.seyc-select-no-label{
	padding: 0em 0em 0.1em 0em !important;
}

/*Proper positionin gof error/warning icon for SelectView with no label*/
.seyc-select-no-label.seyc-field-has-error .ui-block-a {
	padding-left: 1em;
}
.seyc-select-no-label.seyc-field-has-error .seyc-selectViewIconInLabel{
	padding-right: 0em !important;
}

.seyc-select-label{
	padding: 0em 0em 0.1em 0em !important;
}


/* Google search field  */
.seyc-singleLine .seyc-helpIconParent{
	display:table-cell !important; 
	vertical-align:middle;
	float:center;
}

.seyc-singleLine .seyc-helpIcon{
	/* background:url(images/svg/searchIcon.svg); */
	height:18px;
	width:16px;
	background-repeat: no-repeat;
	padding-right: 20px;
	background-image:url('images/svg/icons.svg');
	background-position:0 -3364px;
}
/* for a fieldView or scanView, put the input in uppercase */
.seyc-uppercase-field{
	text-transform: uppercase;
}

.seyc-visibleHideBlock{
	visibility : hidden !important;
}

.seyc-list-tapable{
	background-color: #435b73;
	width:40px;
	text-align: center;
}

.seyc-list-tapable .seyc-btn-icon{
	margin-right : 0.1em;
}

/*mobiscroll plugin CSS overriden for time field (24hrs)*/

.mbsc-mobiscroll .dwwr{
	width:100% !important;
}

.dwcc {
    padding-bottom: .8em;
}

.seyc-panel-positionFixed{
	position: fixed;
	height: 100%;
	overflow: auto;
}

/*Tree View Desktop*/
.treeViewDesktopMainDIV{
	margin-left: 1em !important;
    margin-right: 1em !important;
    margin-top: 1em !important;
}
.testTreeViewDesktop .ui-listview .ui-collapsible {
    margin: 0em !important;
    border: 0px;
}
.testTreeViewDesktop .ui-listview{
    margin: 0em !important;
    border: 0px;
}
.testTreeViewDesktop, .ui-content .ui-listview,
.ui-panel-inner > .ui-listview {
	margin: 0em !important;
}


/*
 * Colored Bar styles
 */
 
 .seyc-coloredBar-wrapper{
 	margin: 1em;
 	overflow: visible;
 }
 
 .seyc-coloredBar-has-scale:not(.seyc-coloredBar-has-legend){
 	margin-bottom: 2em;
 }
 
 .seyc-coloredBar{
 	height: 2em;
 	display: table;
 	width: 100%;
 }
 .seyc-coloredBar-component{
 	display: table-cell;
 }
 
 .seyc-coloredBar-legend{
 	display: inline-block; 	
 	overflow: hidden;
 	margin-top: 1em;
 	width: 100%;
 }
 .seyc-coloredBar-legendItem{
 	float: left;
 	margin-right: 1.2em;
 	min-width: 25%;
 	margin-bottom: 0.6em;
 	display: inline-block; 	
 }
 .seyc-coloredBar-legendItem-color-parent{
 	display: table-cell; /*Display table-cell is used to have a generic style that would support right legend as well*/
 	vertical-align: middle;
 	width: 14px;
 }
 .seyc-coloredBar-legendItem-color{
 	width: 14px !important;
 	height: 14px !important;	
 }
 .seyc-coloredBar-legendItem-label{
 	display: table-cell; /*Display table-cell is used to have a generic style that would support right legend as well*/
 	font-size: 0.8em; 	
 	padding-left: 0.5em;
 	padding-top: 1px;
 	vertical-align: middle;
 	word-wrap: break-word;
 	word-break: keep-all;
 	
 }
 
 .seyc-coloredBar-scale{
 	height: 1em;
 	display: table;
 	width: 100%;
 	border-bottom: solid #000000 1px;
 	border-left: solid #000000 1px;
 	margin-bottom: 1em; 	
 	position: relative;
 }
 .seyc-coloredBar-scaleDivision{
 	display: table-cell;
 	border-right: inset #000000 1px;
 	overflow: visible;
 }
 .seyc-coloredBar-scaleCoordinate{
 	float: right;
 	position: relative;
 	top: 1.45em;
 	right: -1.1em;
 	font-size: 0.8em;
 }
 .seyc-coloredBar-scaleDivision:last-child .seyc-coloredBar-scaleCoordinate{
 	right: -0.5em;
 }
 .seyc-coloredBar-scaleOrigin{
 	position: absolute;
 	right: auto;
 	left: 0em;
 }
 /*Provision for legend display on the right*/ 
 	.seyc-coloredBar-rightLegend.seyc-coloredBar-wrapper{
 		overflow: hidden;
 	}
 	.seyc-coloredBar-rightLegend .seyc-coloredBar-scale-wrapper{
 		width: 75%;
 		float: left;
 	}
 	.seyc-coloredBar-rightLegend .seyc-coloredBar-legend{
 		width: 20%;
 		float: right;
 		margin-top: 0em;
 		margin-left: 0.5em;
 	}
  	.seyc-coloredBar-rightLegend .seyc-coloredBar-legendItem{
  		float: none;
  		margin-right: 0em;
  		display: table;
  	} 	  	
  	.seyc-coloredBar-rightLegend .seyc-coloredBar-legendItem-color-parent{
  		vertical-align: top;
  		padding-top: 2px;
  	}
  	
  	/*Increased width for legend in smaller screens for right-legend display*/
  	@media screen and (max-width:400px){
  		.seyc-coloredBar-rightLegend .seyc-coloredBar-scale-wrapper{
 			width: 70%; 		
 		}
 		.seyc-coloredBar-rightLegend .seyc-coloredBar-legend{
 			width: 25%;
 		}
 		
 		.seyc-coloredBar-scaleDivision:last-child .seyc-coloredBar-scaleCoordinate{
 			right: -0.8em;
 		}
 		
  	}
  	/*Increased width for color-bar in much larger screens (desktops) for right-legend display*/
  	@media screen and (min-width:1024px){
  		.seyc-coloredBar-rightLegend .seyc-coloredBar-scale-wrapper{
 			width: 82%; 		
 		}
 		.seyc-coloredBar-rightLegend .seyc-coloredBar-legend{
 			width: 15%;
 		}
 		.seyc-coloredBar-legendItem{
 			min-width: 15%;
 		}
  	}
  	/*Additional media queries for legend labels alignment - to get a column-like applearance*/
  	@media screen and (max-width:450px){
  		.seyc-coloredBar-legendItem{
 			min-width: 43%;
 		}
  	}
  	@media screen and (min-width:650px) and (max-width:1023px){
  		.seyc-coloredBar-legendItem{
 			min-width: 20%;
 		}
  	}
  	@media screen and (min-width:1200px) {
  		.seyc-coloredBar-legendItem{
 			min-width: 10%;
 		}
  	}
  	
/** End of Colored Bar styles **/

.seyc-overlayPopup{
    width: 100%;
    height:100%;
    border: 1px solid #d3d3d3;
    border-right: none;
    background: #ffffff;
    margin: -1px 0;
}

.seyc-popupOverlay{
	z-index: 1100;
    display: inline-block;
    position: fixed;
    padding: 0;
    outline: 0;
    height: 100%;
    filter: alpha(opacity=0);
    width: 100%;
    top: 0;
    left: 0;
    /* background: rgba(0, 0, 0, 0.3) !important; */
    background: #dbe3ec !important;
    opacity: 0.5;
}

.ui-popup-container-customized {
    width: 100% !important;
    height: 50%;
    top: 41px !important;
    left:0 !important;
    max-width: 100% !important;
    position:fixed;
	display:none;
	z-index: 1105;
}

.seyc_criteriaContainer{
	display:block;
	float:left;
	margin:5%;
	cursor: pointer;
}

.seyc-overlayDIV {
	height: auto;
    width: auto;
    float: left;
    padding-left: 20px;
    padding-top: 20px;
    padding-right: 20px;
}
	
.seyc-overlayIcons {
    display:inline-block;
    width: 64px; 
    height: 64px; 
 }

 .seyc_criteriaWidgetSpan{
 	margin-top : 5px;
    text-align : center;
    white-space : nowrap;
    overflow : hidden;
    text-overflow : ellipsis;
 }
   
.seyc_criteriadiv{
	background-repeat : no-repeat;

}

.seyc-dataTable{
}

.seyc_zeroWidth_Header{
	width: 0% !important;
}
.seyc_largerWidth_Header{
    width: 80% !important;
}
@media all and (max-width:380px){
	.ui-btn.seyc-li-btn.seyc-basicCell.seyc-li-extendedCell{
		font-size:13px !important;
		padding-right: 0em !important;
	}
	.syec-genericCell-firstTapArea{
		  padding-right: 18px !important;
	}
	.seyc-list-settings .syec-genericCell-firstTapArea{
		  padding-right: 0 !important;
	}
}

/* Active elements */

.seyc-btn-active {
	opacity: 0.5;	
}

.seyc-list-active {
	opacity: 0.5;
}


.seyc-scan-index{
	opacity:1 !important;
	display:inline-block;
	position:absolute;
	width:80%;
	padding:0;
	outline:0;
}
.seyc-scan-index-show{
	z-index:2000 !important;
}

.mbsc-np-dsp {
    padding: .25em .5em .25em .5em !important;
    font-size: 1.5em !important;
    line-height : initial !important;
}

.seyc-numericSpinner-field > .seyc-singleLine > .seyc-singleLineInputParentBlock.seyc-singleLineInputParent-noLabel{
	padding-right: 0em !important;
	padding-left: 0em !important;
	margin-right: 0em !important;
	margin-left: 0em !important;
	font-size: 0.9em;
}

.seyc-popup-element{
	padding-bottom:2px;
} 

/* one button at the right */

.seyc-header-element-center{
	width:79% !important; 
}

.seyc-header-element-right{	
 width:11% !important; 
}

.seyc-icon-header-container-largest{
	position:absolute;
	right:0px;
	width: 50px;
}

/* no button at the right */
.seyc-header-element-center-largest {
	width:80% !important;
}
.seyc-header-element-right-empty{
	width:10% !important;
	height:40px;
}

.seyc-header-back-active {
	opacity:0.5; 
}

.seyc-header-data-active {
	opacity: 0.5;
}


.seyc-header-actionMenuRightIcon-active {
	opacity: 0.5;
}

.seyc-header-valid-active {
	opacity: 0.5;
}

/* Perf ListView paged display mode*/
a.seyc-perf-list-button.ui-link.ui-btn{
    background-color: transparent;
    color: #435b73;
    text-decoration: underline !important;
    padding :0Px;
}
.secy-list-perf{
    /*only to be a selector*/
}
.seyc-title-subTitle{
	display : block;
	font-weight: normal;
    font-family: Lato-Medium;
}
.seyc-list-settings .seyc-basicCell .seyc-li-textContainer > .seyc-li-textContainer{
	display : block !important;
	padding-top : 0 !important;
	padding-bottom : 0 !important;
}
.seyc-list-settings .seyc-basicCell .seyc-li-textContainer > .seyc-li-textContainer .ui-input-text input{
	text-align : right !important;
}
.seyc-list-settings .seyc-genericCell-firstTapArea .seyc-li-textContainer{
	width: 99%;
}
.seyc-list-settings .parameterGridViewA{
	width: 60% !important;
	font-weight: bold;
}

.seyc-list-settings .parameterGridViewB{
	width: 40% !important;
}
.seyc-sendLogs-settingButton{
	margin-left:15px !important;
}
.seyc-list-settings li.seyc-li div.seyc-MatrixText{
    font-size: 14px;
   /*  padding-top: 12px;
    padding-bottom: 5px; */
    padding-right: 0 !important;	
}
.seyc-list-settings .parameterGridViewB .seyc-singleLine{
	margin : 0 !important;
}
.seyc-settingsInfoTextContainer{
	padding-top:0.1em !important;
}
.seyc-list-settings .ui-btn.ui-checkbox-off:after{
	left:1.4em !important;
}
.seyc-list-settings .seyc-li-btn .ui-btn.ui-checkbox-on:after{
	left:1.4em !important;
}
#gCell_us-theme_us-theme-configSelectTheme_firstTapArea .parameterGridViewA{
	width: 100% !important;
}
#gCell_us-theme_us-theme-configSelectTheme .ui-btn.seyc-li-btn.seyc-basicCell{
	padding-right : 0 !important;
}

/*Start : Floating div for the field view*/
.seyc-field-floatingDiv{
	background: #ffffff;
	margin-left: 1em;
    margin-right: 1em;
    max-height: 200px;
    overflow: visible;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.seyc-field-floatingDiv .seyc-list-parent{
	margin-top: 0em;
}

.seyc-field-floatingDiv::-webkit-scrollbar {
    width: 0;
}

.seyc-datagrid-data .seyc-field-floatingDiv{
	position: absolute;
    z-index: 1000;
}
/*End : Floating div for the field view*/
/* For Clear button in DateFieldView for Desktop */
.clearButtonCalendarContainer div.dwbw{
	float : none;
	text-align : center;
}
/* For Clear button in DateFieldView for Desktop */

.seyc-popup-button-container{
	overflow:hidden;
	height:43px;
}

.seyc-popup-button-container .seyc-popup-close-cancel{
	color: #ffffff; 
	text-decoration: inherit;
	display: inline-block;
	margin: 0px;
	width: 49.5%;
	height: 33px;
	padding-top: 10px;
	background-color: #2a649d;
	float: right;
}

.seyc-popup-button-container .seyc-popup-close-confirm {
	color: #ffffff; 
	text-decoration: inherit;
	display: inline-block;
	width: 49.5%;
	padding: 0px;
	height: 33px;
	padding-top: 10px;
	background-color: #2a649d;
	float: left;
}

.seyc-popup-button-container .seyc-popup-close-cancel:hover .seyc-popup-button-container .seyc-popup-close-confirm:hover{
	background-color: #3388cc;
}

.seyc-popup-container .seyc-popup-close-button {
	color: #ffffff;
	text-decoration: inherit;
	display: block;
	height: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #2a649d;
	margin: 0px;
}

.seyc-header-home{
	background-image:url('images/svg/icons.svg');
	background-position:0 -1886px;
	background-repeat: no-repeat;
    height: 16px;
    top: 4px !important;
    zoom: 155%;
    min-width: 18px;
}

.seyc-header-home:active {
 /*  background-image: url(images/svg/arrowLeft_grey.svg); */
 background-image:url('images/svg/icons.svg');
 background-position:0 -1869px;
}

.seyc-header-element-left{
	line-height: 0;
}

.seyc-popup-only-confirm {
	float : none!important;
}

table.dataTable th.focus,
table.dataTable td.focus {
  outline: 1px solid #3366FF;
  outline-offset: -1px;
}

html .ui-bar-b .ui-btn:focus,
html .ui-content .seyc-businessCard .ui-btn:focus
{
	-webkit-box-shadow: 0 0 12px #22aadd /*{b-active-background-color}*/;
    -moz-box-shadow: 0 0 12px #22aadd /*{b-active-background-color}*/;
    box-shadow: 0 0 12px #22aadd /*{b-active-background-color}*/;
}
.seyc-title-icon.ui-link{
	padding-right:20px;
}

.btn-home-txt-enable{
	margin-left:18px !important;
}
.btn-home-txt{
	top:1px !important;
}

/*Start of PdfView */ 
/* for mobile */
.seyc-pdf-view{
	margin-top : 1em;
	margin-right : 1em;
	margin-left : 1em;
}
@media screen and (max-height:400px) {
	.seyc-pdf-iframe{
		width : 100% !important;
		height : 350px;	
	}
}

/* for tabllet */
@media screen and (min-height:401px) and (max-height:700px) {
	.seyc-pdf-iframe{
		width : 100% !important;
		height : 600px;	
	}
}

/* for laptop and other devices   */ 
@media screen and (min-height:701px) {
	.seyc-pdf-iframe{
		width : 100% !important;
		height : 800px;	
	}
}
/*End of PdfView */