/*Create issue of scroll with ChromeView*/
body {
	overflow: auto;	
}

.seyc-page {
	-webkit-backface-visibility: hidden;/* Scroll blocked on devices if line commented*/
	backface-visibility: hidden;
	background-color: #dbe3ec;
}

.seyc-page.ui-page-active {
	/* overflow: overlay; */ /*GLIB16080011 impossible to scroll in secondary action of GSM2: hidden => overlay*/
	/*overflow: visible;*/ /*an extra scroll was displaying on list page*/
	min-height: 90%;
	padding-top: 49px; /*add minimum padding-top for header in case not added by jquery-mobile*/
}

.seyc-footer {
	text-align: center;
	background-color: #FAFAFA;
	color: #000000;	
	border-top: solid #dbe3ec 1px !important;
}
.seyc-header-grid{
    padding-top: 0px;
}
.seyc-header-grid.ui-bar-inherit, .seyc-header-grid .ui-bar-b{
	background-color: /*#435b73;*/rgb(250,250,250);
}

/*
==================
  Navbar Styles
==================
*/
.seyc-navbar {
    list-style-type: none; /*to prevent bullet added in IE or Edge*/
}

.seyc-nav-btn {
	background-color: #FAFAFA !important;
	font-family: Lato-Semibold;
}

.seyc-nav-btn .seyc-btn-label {
    font-size: 17px;
    font-family: Lato-Medium;
    font-weight: normal;    
}

.seyc-nav-btn .seyc-btn-icon {
    width: 16px;
	height: 30px;
    max-width: none;
    max-height: none;
    margin-right: 0;
	vertical-align: top;
    padding-right: 10px;
    top:8px;
}

.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: #CED3D9;
	border-top: solid #C6C6C6 1px !important;
	box-shadow: 0px -1px 5px #C6C6C6;
}

.seyc-footer-simpleChildView .seyc-nav-btn{
	min-height: 2.2em;
	margin-right: 1px !important;
	/* Uncommented for the badger look and feel correction */
	overflow: visible;
	font-family: Lato-Semibold;
	font-size: 17px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 2;
}
.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: #1B8AFF !important;
	color: white !important;
}

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

/* 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;
}*/
/* 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: 'Lato-Regular';
	text-align: center;
	font-size: 12px;
}

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

.seyc-taskWidget .seyc-li-listIconContainer .seyc-btn-icon {
    margin: 0px;
}

.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-nav-btn .seyc-btn-icon{
	top: 0.45em;
} */

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

/*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-dual .ui-block-b {
	width: 80%;
}

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

.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-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-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: 25%;
	}
	.seyc-header-grid.ui-grid-b .ui-block-b {
        width: 45%;
	}
	.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;	
}

/* 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,
.seyc-field-has-warning .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: transparent !important;
}

/*Start : Validation css for Grid editor fields*/
.seyc-gridEditorPopup .seyc-field-has-message .ui-icon-field-error, .seyc-gridEditorPopup .seyc-field-has-message .ui-icon-field-warning{
	margin-top : -25px !important;
}

.seyc-gridEditorPopup .seyc-field-has-message.seyc-field-has-error .seyc-validationMessage{
	text-align: left;
    font-size: 12px;
    color: #D63230;
}
.seyc-gridEditorPopup .seyc-field-has-message.seyc-field-has-warning .seyc-validationMessage{
	text-align: left;
    font-size: 12px;
    color: #ED7F10;
}

/* End : Validation css for Grid editor fields*/

/*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: #E7ECF2 !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/searchIcon.svg);
	opacity: 0.3;
	padding: 0.1em;
}

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

.seyc-scanviewpopup-ontop{
	top : 4em !important;
}

/*List styles*/
.seyc-list-parent {
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
}

.seyc-tree .seyc-list-parent{
	margin:1em;
}



/*Menu list should occupy full width*/
#MenuContent .seyc-list-parent
{
	margin-left: 0em;
	margin-right: 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;
}

.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.seyc-taskWidget {
	background-color: rgba(255,255,255,0.55);
}

html body.offline .ui-group-theme-a .seyc-taskWidget-overview .seyc-li-btn.seyc-taskWidget {
	background-color: rgba(255,255,255,0.35);
}

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
{
	opacity: 0.5;
}

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

.seyc-li-contentParent {
	display: table;
	width: 100%;
	
}

.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: #1B8AFF;
	color: #ffffff;	
	min-width: 20px;
	text-align: center;
	font-size: 0.8em;
}

.seyc-li-faultImageContainer, .seyc-li-faultIndicatorContainer{
	padding-left: 20px;
}

.seyc-li-textContainer {
	display: table-cell;
	vertical-align: middle;	
	overflow: hidden;
	word-break: break-word;
	overflow-wrap: break-word;
	white-space: normal;
	color: #395268; /*Midnight Marine*/ 
	font-family : Lato-Regular;
	font-weight:normal;
	font-size:16px;
}

.seyc-genericCell-firstTapArea .seyc-li-textContainer
{
	width: 95%;
}
.seyc-li-textContainer.seyc-genericCell-firstTapArea {
	padding-top: 0em;
	padding-bottom: 0em;
}

.seyc-basicCell.seyc-li-btn{
	padding-top: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	webkit-border-bottom-right-radius: inherit;
    border-bottom-right-radius: inherit;
    webkit-border-bottom-left-radius: inherit;
    border-bottom-left-radius: inherit;
    webkit-border-top-right-radius: inherit;
    border-top-right-radius: inherit;
    webkit-border-top-left-radius: inherit;
    border-top-left-radius: inherit;
}

.seyc-basicCell .seyc-li-textContainer, .seyc-basicCell .seyc-li-bubbleContainer{
    padding-top: 13px;
    padding-bottom: 13px;
}

.seyc-basicCell .seyc-text-span{
	padding-left: 15px;
}

.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.5em;*/
	padding-bottom: 0.8em;
	padding-left: 1em;
	background-color: #E7ECF2;	
	/*To override JQM style for list title */	
	color: #3F3A3A;
	height: 0.8em;
	font-size: 1em;
	font-weight: bold;
	text-align:center;
	border: none;
}
/*Floating divider cell */
.seyc-floatingDividerCell{
	position: fixed; 
	left: 0px; 
	width: calc(100% - 10px);
	margin: 0 5px; 
	padding-top: 0.4em; 
	padding-bottom: 0.1em; 
	z-index: 1005; 
	display: none; 
	color:#3F3A3A !important;
	height: 1.5em; 
	text-align: center; 
	font-size: 1em !important;
	background-color: rgba(231, 236, 242, 1) !important;
}
/*List shadow*/
.seyc-list-shadow {
	-webkit-box-shadow: 0 1em 1.2em -0.6em #4A4343;
    -moz-box-shadow: 0 1em 1.2em -0.6em #4A4343;
    box-shadow: 0 1em 1.2em -0.6em #4A4343;
}
/*List view border corners*/
.seyc-list-top-corners {
	border-top-left-radius:1.2em !important;
	border-top-right-radius:1.2em !important;
}

.seyc-list-bottom-corners {
	border-bottom-left-radius:1.2em !important;
	border-bottom-right-radius:1.2em !important;
}

ul.seyc-list.seyc-list-rounded-corners{
	border-bottom-left-radius:1.2em !important;
	border-bottom-right-radius:1.2em !important;
	overflow:hidden;
	webkit-box-shadow: 0 1em 1.2em -0.6em #4A4343;
    -moz-box-shadow: 0 1em 1.2em -0.6em #4A4343;
    box-shadow: 0 1em 1.2em -0.6em #4A4343;
}

.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;
	padding-right: 1em;
	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 .seyc-li-contentParent div:last-child .ui-btn.ui-checkbox-off::after, .seyc-li-btn .seyc-li-contentParent div:last-child .ui-btn.ui-checkbox-on::after{
    border-radius: 16px;
    background-repeat: no-repeat;
    color:#C7CDD1;
    margin-left :4px;
}
.seyc-li-btn .ui-btn.ui-checkbox-on::after{
	left: 1em;
}
/* For arrow*/
#gCellPrimaryinfoBlocknew_upperLeft{
	background-image: url(images/svg/arrowRight_blue.svg);
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 35%;
}

/*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: 0em 0.5em 0em 0.5em; 	
	min-width: 1.5em;
	max-width: 6em;	
	font-weight: normal;
	font-size: 0.74em; 
	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,
	.seyc-field-has-warning .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,
	.seyc-field-has-warning .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;
}
 */
.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: 12px;
}

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

/*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;
	text-indent: 0;
}

.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-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: 5px;
}

.seyc-scanView {	
	margin-bottom: 0.5em;
	margin-top: 0.1em;
}

.seyc-scanView.seyc-singleLine {	
	margin-bottom: -0.2em;
}

.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-singleLine.seyc-checkFieldView {
    margin: 0px;
}

.seyc-singleLineSelect {
	/*margin: 1em 5px;*/
	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%;
	/* width: 100% !important; */
	/* remove important, more details can be found in /main/253 of History ClearCase */		
}

@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%;		
	}
}

.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,
.seyc-field-has-warning .seyc-singleLineLabelParentBlock .seyc-singleLineTextInLabel{
	max-width : 70% ;
}
.seyc-field-has-error .seyc-singleLineTextInLabel,
.seyc-field-has-warning .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;	
}
.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, .ui-icon-plus-white::after,.ui-icon-add-white::after {
	background-image: url(images/svg/add_white.svg);
	background-repeat: no-repeat;
}

.ui-icon-add,.ui-icon-plus,.ui-icon-add-black,.ui-icon-plus-black,.ui-icon-add::after,.ui-icon-plus::after,.ui-icon-plus-black::after,.ui-icon-add-black::after{
	background-image: url(images/svg/add.svg);
	background-repeat: no-repeat;
}

.ui-icon-arrow-down-white,.ui-icon-carat-d-white,.ui-icon-arrow-d-white,.ui-icon-arrow-down-white::after,.ui-icon-carat-d-white::after,.ui-icon-arrow-d-white::after
	{
	background-image: url(images/svg/downArrow_white_16.svg);
	background-repeat: no-repeat;
}

.ui-icon-arrow-down,.ui-icon-carat-d,.ui-icon-arrow-d,.ui-icon-arrow-down-black,.ui-icon-carat-d-black,.ui-icon-arrow-d-black,
.ui-icon-arrow-down::after,.ui-icon-carat-d::after,.ui-icon-arrow-d::after,.ui-icon-arrow-down-black::after,.ui-icon-carat-d-black::after,.ui-icon-arrow-d-black::after {
	background-image: url(images/svg/arrowDown.svg);
	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/ic_arrow_down.svg);
	background-repeat: no-repeat;
} 

.ui-icon-arrow-left-white,.ui-icon-carat-l-white,.ui-icon-arrow-l-white, .ui-icon-arrow-left-white::after,.ui-icon-carat-l-white::after,.ui-icon-arrow-l-white::after{
	background-image: url(images/svg/arrowLeft_white.svg);
	background-repeat: no-repeat;
}

.ui-icon-arrow-left,.ui-icon-carat-l,.ui-icon-arrow-l,.ui-icon-arrow-left-black,.ui-icon-carat-l-black,.ui-icon-arrow-l-black, .ui-icon-arrow-left::after,.ui-icon-carat-l::after,.ui-icon-arrow-l::after,.ui-icon-arrow-left-black::after,.ui-icon-carat-l-black::after,.ui-icon-arrow-l-black::after {
	background-image: url(images/svg/ic_arrow_back.svg);
	background-repeat: no-repeat;
}

.ui-icon-arrow-right-white,.ui-icon-carat-r-white,.ui-icon-arrow-r-white, .ui-icon-arrow-right-white::after,.ui-icon-carat-r-white::after,.ui-icon-arrow-r-white::after{
	background-image: url(images/svg/arrowRight_white.svg);
	background-repeat: no-repeat;
}

.ui-icon-arrow-right,.ui-icon-carat-r,.ui-icon-arrow-r,.ui-icon-arrow-right-black,.ui-icon-carat-r-black,.ui-icon-arrow-r-black, .ui-icon-arrow-right::after,.ui-icon-carat-r::after,.ui-icon-arrow-r::after,.ui-icon-arrow-right-black::after,.ui-icon-carat-r-black::after,.ui-icon-arrow-r-black::after {
	background-image: url(images/svg/ic_arrow_right.svg);
	background-repeat: no-repeat;
}

.ui-icon-arrow-up-white,.ui-icon-carat-u-white,.ui-icon-arrow-u-white, .ui-icon-arrow-up-white::after,.ui-icon-carat-u-white::after,.ui-icon-arrow-u-white::after {
	background-image: url(images/svg/arrowUp_white.svg);
	background-repeat: no-repeat;
}

.ui-icon-arrow-up,.ui-icon-carat-u,.ui-icon-arrow-u,.ui-icon-arrow-up-black,.ui-icon-carat-u-black,.ui-icon-arrow-u-black, .ui-icon-arrow-up::after,.ui-icon-carat-u::after,.ui-icon-arrow-u::after,.ui-icon-arrow-up-black::after,.ui-icon-carat-u-black::after,.ui-icon-arrow-u-black::after {
	background-image: url(images/svg/arrowUp.svg);
	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/ic_arrow_up.svg);
	background-repeat: no-repeat;
}

.ui-icon-arrow, .ui-icon-arrow::after {
	background-image: url(images/svg/ic_arrow_right.svg);
	background-repeat: no-repeat;
  	background-position: 0px;
	background-size: 16px;
}

.ui-icon-barcode-white, .ui-icon-barcode-white::after {
	background-image: url(images/svg/fab_scan.svg);
	background-repeat: no-repeat;
}

.ui-icon-barcode,.ui-icon-barcode-black , .ui-icon-barcode::after,.ui-icon-barcode-black::after {
	background-image: url(images/svg/scan.svg);
	background-repeat: no-repeat;
}

.ui-icon-cancel-white, .ui-icon-delete-white, .ui-icon-cancel-white::after, .ui-icon-delete-white::after {
	background-image: url(images/svg/cross_white_16.svg);
	background-repeat: no-repeat;
}

.ui-icon-cancel-blue, .ui-icon-delete-blue, .ui-icon-cancel-blue::after, .ui-icon-delete-blue::after {
	background-image: url(images/svg/cross_blue_16.svg);
	background-repeat: no-repeat;
}

/* .ui-icon-cancel,.ui-icon-delete {
	background-image: url(images/svg/cross_16.svg);
	background-repeat: no-repeat;
}
 */
.ui-icon-del-white,.ui-icon-minus-white, .ui-icon-del-white::after,.ui-icon-minus-white::after {
	background-image: url(images/svg/minus_white.svg);
	background-repeat: no-repeat;
	background-position: 0px;
}

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

.ui-icon-edit-white, .ui-icon-edit-white::after {
	background-image: url(images/svg/editIcon_white.svg);
	background-repeat: no-repeat;
}

.ui-icon-edit, .ui-icon-edit-black, .ui-icon-edit::after, .ui-icon-edit-black::after {
		background-image: url(images/svg/editIcon.svg);
	background-repeat: no-repeat;
}

.ui-icon-grid-white, .ui-icon-grid-white::after {
	background-image: url(images/svg/grid_white.svg);
	background-repeat: no-repeat;
}

.ui-icon-grid, .ui-icon-grid-black, .ui-icon-grid::after,.ui-icon-grid-black::after {
	background-image: url(images/svg/grid_black.svg);
	background-repeat: no-repeat;
}

.ui-icon-home-white, .ui-icon-home-white::after{
	background-image: url(images/svg/home_white.svg);
	background-repeat: no-repeat;
}
 .seyc-header-home {
	background-image: url(images/svg/home_blue.svg);
	background-repeat: no-repeat;
}

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

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

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

.ui-icon-info-blue, .ui-icon-info-blue::after {
	background-image: url(images/svg/info_2_blue.svg);
	background-repeat: no-repeat;
}

.ui-icon-menu-white, .ui-icon-menu-white::after {
	background-image: url(images/svg/headerIcon_white.svg);
	background-repeat: no-repeat;
}

.ui-icon-menu, .ui-icon-menu-black, .ui-icon-menu::after, .ui-icon-menu-black::after {
	background-image: url(images/svg/headerIcon_black.svg);
	background-repeat: no-repeat;
}

.ui-icon-menu-blue, .ui-icon-menu-blue::after {
	background-image: url(images/svg/ic_menu_blue.svg);
	background-repeat: no-repeat;
}

.ui-icon-password-white, .ui-icon-password-white::after {
	background-image: url(images/svg/passwordIcon_white.svg);
	background-repeat: no-repeat;
}

.ui-icon-password, .ui-icon-password-black, .ui-icon-password::after, .ui-icon-password-black::after{
	background-image: url(images/svg/passwordIcon.svg);
	background-repeat: no-repeat;
}

.ui-icon-save-white , .ui-icon-save-white::after{
	background-image: url(images/svg/tickDone_white.svg);
	background-repeat: no-repeat;
}

.ui-icon-save,.ui-icon-check,.ui-icon-save-black,.ui-icon-check-black, .ui-icon-save::after,.ui-icon-check::after,.ui-icon-save-black::after,.ui-icon-check-black::after {
	background-image: url(images/svg/tickDone.svg);
	background-repeat: no-repeat;
}

.ui-icon-search-white, .ui-icon-search-white::after {
	background-image: url(images/svg/searchIcon_white.svg);
	background-repeat: no-repeat;
}

.ui-icon-search,.ui-icon-search-black, .ui-icon-search::after,.ui-icon-search-black::after {
	background-image: url(images/svg/searchIcon.svg);
	background-repeat: no-repeat;
}

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

.ui-icon-settings,.ui-icon-gear,.ui-icon-settings-black,.ui-icon-gear-black, .ui-icon-settings::after,.ui-icon-gear::after,.ui-icon-settings-black::after,.ui-icon-gear-black::after {
	background: url(images/svg/gear.svg);
	background-repeat: no-repeat;
}

.ui-icon-user-white, .ui-icon-user-white::after {
	background: url(images/svg/userIcon_white.svg);
	background-color: inherit !important;
	background-repeat: no-repeat;
}

.ui-icon-user, .ui-icon-user-black, .ui-icon-user::after, .ui-icon-user-black::after{
	background: url(images/svg/userIcon.svg);
	background-repeat: no-repeat;
}


.ui-icon-warning-white, .ui-icon-warning-white::after {
	background: url(images/svg/warning_white.svg);
	background-repeat: no-repeat;
}

.ui-icon-warning, .ui-icon-warning::after{
	background: url(images/svg/ic_task_mini_warning.svg);
	background-repeat: no-repeat;
	width: 26px;
    height: 26px;
    max-width: 26px;
    max-height: 26px;
}


.ui-icon-database, .seyc-icon-database, .ui-icon-database::after{
	background: url(images/svg/listIcon.svg);
	background-repeat: no-repeat;
}

.ui-icon-pound,.ui-icon-pound-black, .ui-icon-pound::after,.ui-icon-pound-black::after{
	background-image: url(https://foodland-dev.symphonygold.com/gsm2/jquery-mobile/themes/images/svg/pound.svg);	
}

.ui-icon-calendar-black, .ui-icon-calendar-black::after{
	background-image: url(images/svg/calendar.svg);	
}

.ui-icon-clock-black, .ui-icon-clock-black::after{
	background-image: url(images/svg/clock.svg);	
}
.ui-icon-calendar-white, .ui-icon-calendar-white::after{
	background-image: url(images/svg/calendar_white.svg);	
}
.ui-icon-clock-white, .ui-icon-clock-white::after{
	background-image: url(images/svg/clock_white.svg);	
}

.ui-icon-calendar,.ui-icon-calendar-blue, .ui-icon-calendar::after,.ui-icon-calendar-blue::after{
	background-image: url(images/svg/calendar_blue.svg);
}

.ui-icon-clock,.ui-icon-clock-blue,.ui-icon-clock::after,.ui-icon-clock-blue::after{
	background-image: url(images/svg/clock_blue.svg);	
}

.ui-icon-scan-bar-code,.ui-icon-scan-bar-code::after{
	background: center url(images/svg/ic_popup_scan_ean.svg) no-repeat;
	height: 110px;
}

.ui-icon-scan-sscc-bar-code,.ui-icon-scan-sscc-bar-code::after{
	background: center url(images/svg/ic_popup_scan_sscc.svg) no-repeat;
	height: 110px;
}

.ui-icon-check-in,.ui-icon-check-in::after{
	background: center url(images/svg/ic_taskicon_receiving.svg) no-repeat;
	background-size: 5em;
	height: 5em;
}

.ui-icon-scan-bar-code-camera,.ui-icon-scan-bar-code-camera::after{
	background: url(images/svg/ic_camera.svg) no-repeat;
	height: 40px;
    width: 50px;
    background-position-y: 15px;
}

.ui-icon-spark, .ui-icon-spark::after{
	background: center url(images/svg/ic_spark.svg) no-repeat;
	background-size: 5em;
	height: 5em;
}

.seyc-icon-scan{
	background: url(images/svg/scan.svg);
	background-repeat: no-repeat;
}

.seyc-icon-error, .ui-icon-error, .ui-icon-error::after{
	background: url(images/svg/error_red.svg);
	background-repeat: no-repeat;
}

.seyc-icon-minus-white{
	background: url(images/svg/minus-w_24.svg);
	background-repeat: no-repeat;
}

.seyc-icon-minus-blue{
	background: url(images/svg/minus-w_24_blue.svg);
	background-repeat: round;
}

.seyc-icon-plus-white{
	background: url(images/svg/plus-w_24.svg);
	background-repeat: no-repeat;
}

.seyc-icon-plus-blue{
	background: url(images/svg/plus-w_24_blue.svg);
	background-repeat: round;
}

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

.seyc-icon-check-blue{
	background-image: url(images/svg/tickIcon_blue.svg);
	background-position: 0px;
	padding-right: 10px;
    padding-bottom: 2px;
}

.seyc-icon-cross-white{
	background: url(https://foodland-dev.symphonygold.com/gsm2/jquery-mobile/themes/images/svg/cross_white.svg);
	background-repeat: no-repeat;
}

.seyc-icon-menu-white {
	background-image: url(images/svg/ic_menu_white.svg);
	background-repeat: no-repeat;
	background-position: 0px !important;
}

.seyc-header-gear {
	background-image: url(images/svg/gear_blue.svg);
}

/* Login page design*/
.ui-icon-user-blue, .ui-icon-user-blue::after{
	background: url(images/svg/ic_login_email.svg);
	background-repeat: no-repeat;
}

.ui-icon-password-blue, .ui-icon-password-blue::after{
	background: url(images/svg/ic_login_password.svg);
	background-repeat: no-repeat;
}

/*
===========================
    Simple and MatrixText
===========================
*/
.seyc-simpletext {
	/*padding: 1em;  commented for REMA item design*/
}

.seyc-MatrixTextContainer {
	margin: 0px 20px 0px 20px;
	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, .seyc-simpletext {
	color: #395268; /*MIDNIGHT MARINE*/
	font-size: 14px;
}

.seyc-MatrixTextBlock {
	font-size: 15px;
}

/*
===========================
    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: #1B8AFF !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-oldheader-data {
  padding: 8px;
  background-image: url(images/svg/ic_menu_blue.svg);
  background-color: inherit !important;
  background-repeat: no-repeat;
  position: relative;
  overflow: visible;
  top: 0em;
  background-position: 16px 45%;
  height: 26px;
  width: 40px;
  background-size: 24px;
}*/
.seyc-oldheader-data {
  background-image: url(images/svg/ic_menu_blue.svg);
}
.seyc-oldheader-data .badger-outter, .seyc-header-data .badger-outter, .seyc-oldheader-valid .badger-outter{
	right: 0px;
    top: 0px;
    font-weight: bold;
}
/*
.seyc-oldheader-valid {
	padding: 8px;
	padding-right: 5px;
	background-image: url(images/svg/ic_selected.svg);
	background-color: inherit !important;
	background-position: 15px 40%;	
	width: 40px;
	height: 24px;
	background-repeat: no-repeat;
	position: relative;
	overflow: visible;
	top: 0px;	
	background-size: 22px;
}*/

.seyc-oldheader-valid {
	background-image: url(images/svg/ic_selected.svg);
}

a.seyc-oldheader-valid[readonly] {
	background-image: url(images/svg/ic_selected_disabled.svg);
}

.seyc-oldheader-scan {
	background-image: url(images/svg/scan_white.svg);
	background-color: inherit !important;
	background-size: 22px;
	background-position: right;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	float: right;
}
/* -- all header buttons should have this class to positionne it -- */
.seyc-header-button{
	margin : 0;
    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: 11px;
    min-width: 40px;
    height: 50%;
    padding: 0;
    display: inline-block;
    padding-top: 6px;
    vertical-align: top
}
/*.seyc-header-back {
  background-image: url(images/svg/ic_arrow_back.svg);
  background-color: inherit !important;
  background-position: 0px 40%;
  background-size: 25px;
  width: 24px;
  height: 10px;
  background-repeat: no-repeat;
}*/

.seyc-header-grid .seyc-header-right-section .seyc-header-button.seyc-header-txtbtn,
.seyc-header-grid .seyc-header-left-section .seyc-header-button.seyc-header-txtbtn,
.seyc-header-grid .seyc-header-center-section .seyc-header-button.seyc-header-txtbtn{
	color:#1B8AFF;
	font-family: Lato-Bold;
    background-image: none;
}

.seyc-header-back {
  background-image: url(images/svg/ic_arrow_back.svg);
  
}

.seyc-header-scan {
  padding: 8px;
  padding-right: 5px;
  background-image: url(images/svg/scan_white.svg);
  background-color: inherit !important;
  width: 24px;
  /* height: 19px; */
  background-repeat: no-repeat;
  position: relative;
  background-size: 22px;
}

.seyc-header-data {
  background-image: url(images/svg/ic_menu_blue.svg);
}

/*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: white !important;*/
	/* css for disabled field */
	background-color: rgba(255,255,255,0.2)!important;
	/*background-color: transparent !important;*/
	cursor: default !important;
	pointer-events: none;
	opacity: 1;
	filter: Alpha(Opacity=100);	
	/* color : #999999 !important */
	color: #777777 !important
}

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

.seyc-cell-checkBox-div.seyc-state-disabled {
    background-color: transparent !important;
}

.seyc-header-left-section {
	padding-left: 10px;
	height: 33px;
	height: 50px;
}

.seyc-header-center-section {
	text-align: center;
	height: 50px;

        position: relative;
        left: 6%;
        color: rgb(15,15,15);
}

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

.seyc-title {
	/* display: inline-block; */
	line-height: normal;
    font-size: 17px;
	font-family: Lato-Regular;
	font-weight:normal;
	overflow: hidden;
	text-overflow: ellipsis;
	color:#000000;
	/* Ok but not in TC70 ...
	top: 56%;
	transform: translateY(-50%);*/
	top:25%;
	position: relative;
}

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

.seyc-menuHeader>div {
        font-size: 15px;
}

.seyc-menuHeader-title {
	padding-top: 3px;
        
        /* to center "Menu" title because there is button to right
        12% => 10 + 63 + 27 = 100 % => to be center, title of middle must be pushed to 17%. 
        But, it is the left beginning of the text that will be put in the middle. 
        For this to be the center of the title that is in the middle, we removed (empirically) 5% to 17%.
        See also .seyc-header-center-section*/
        position: relative; 
        left: 12%;
}

.seyc-menuHeader-system {
    background-image: url(images/svg/ic_menu_blue.svg);
}
.seyc-menuHeader-userInfo {
	background: url(images/svg/userIcon_white.svg);
	background-color: inherit !important;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
}

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

/*
===========================
    Login screen styles
===========================
*/
.seyc-login-page {
	height: 100%;
	min-height: 100px;
	background-image: url("images/bg_wallpaper.png");
	background-repeat: no-repeat;
    background-size: cover;
}
.seyc-login-container{
	height: 100%;
    width: 100%;
    padding-bottom: 0em
}
.seyc-login-content {
	height: 50%;
    display: table;
    width: 93%;
    background-color: white;
    border-radius: 25px;
    border: 1px solid white;
    margin: 0 auto;
    margin-top: 60px;
    -webkit-box-shadow: 0 13px 24px -5px #001a33;
    -moz-box-shadow: 0 13px 24px -5px #001a33;
    box-shadow: 0 13px 24px -5px #001a33;
}

.seyc-login-header-wrapper.ui-header.ui-bar-a{
	background-color: transparent;
}

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

.seyc-login-details {
	display: table-cell;
	vertical-align: middle;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 1em;
}

.seyc-login-details .seyc-singleLine{
	margin:0;
}

.seyc-login-container .seyc-li{
	color:transparent;
	border: none !important;
}

.seyc-login-container .seyc-li .seyc-li-textContainer{
	color: #f2f2f2;
	cursor: default;
	padding:0;
}

.seyc-login-details .seyc-fieldWrapper-span.seyc-custom-login-username{
	border: 1px solid #3798FF;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.seyc-login-details .seyc-fieldWrapper-span.seyc-custom-login-password{
	border: 1px solid #3798FF;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top: none;
}

.seyc-login-details .seyc-fieldWrapper-span.seyc-custom-login-username .ui-input-text{
	border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.seyc-login-details .seyc-fieldWrapper-span.seyc-custom-login-password .ui-input-text{
	border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.seyc-login-details .seyc-fieldWrapper-span.seyc-custom-login-error{
	border: 1px solid red !important;
}

.seyc-login-details .seyc-fieldWrapper-span.seyc-custom-login-error .ui-input-text {
	/* background-color: #ffcccc !important; */
		background-color: #ffe6e6 !important;
}

.seyc-login-details .seyc-fieldWrapper-span .ui-input-text input{
	/* line-height: 2em; */
	height: 2.6em;
}

.seyc-login-details .seyc-combobox-dropdown{
	border: 1px solid #3798FF;
    margin: 0 auto;
    width: 90%;
    margin-top: 15px;
    border-radius: 6px;
}

.seyc-login-details .ui-icon-database{
	background: url(images/svg/listIcon_blue.svg);
	background-repeat: no-repeat;
}


@media screen and (min-width:350px) and (max-width:500px) {
	.seyc-login-details .seyc-combobox-dropdown{
    	width: 92%;
	}
}

@media screen and (min-width:500px) and (max-width:900px) {
	.seyc-login-details .seyc-combobox-dropdown{
    	width: 96%;
	}
}

@media screen and (min-width:900px) {
	.seyc-login-details .seyc-combobox-dropdown{
    	width: 98%;
	}
}

.seyc-login-details>a {
	margin-bottom: 0.8em;
	margin-top: 1.5em;
}

.seyc-login-details .seyc-field-has-icon>.seyc-field-icon {
	top: 0.4em;
   /*  left: 0.2em; */
    width: 22px;
    height: 22px;
}
.seyc-login-details .seyc-field-has-icon>.ui-icon-database {
	top: 0.6em;
	left: 0;
}

.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: 1.5em;
	font-weight: normal;
	color:rgb(0,0,0);
}

.seyc-login-header-textHighlight {
	display: block;
	font-size: 1.3em;
	font-weight: bold;
}

.seyc-login-btn {
	padding-top: 0.4em;
	margin-top: 1.5em;
}
.seyc-login-btn button:active
{
	opacity: 0.5;
}

.seyc-login-copyright {
	text-align: center;
	display: block;
	margin-top: 30px;
	font-size: 10px;
	color: #999999;
}

/*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;
}

div#loginPopupDialog .seyc-usernameField {
    background-color: lightgrey;
    width: 80%;
    margin-left: 10%;
    border-radius: 6px 6px 0px 0px;
    border: #1B8AFF 1px solid;
}

div#loginPopupDialog .seyc-passwordField {
    background-color: white;
    width: 80%;
    margin-left: 10%;
    margin-top: -1.5em;
    margin-bottom: 2em;
    border-radius: 0px 0px 6px 6px;
    border: #1B8AFF 1px solid;
    border-top: none;
}

div#loginPopupDialog input{
    width: 80%;
    outline: 0;
}

div#loginPopupDialog .seyc-passwordField .seyc-singleLineInputParent-noLabel,
div#loginPopupDialog .seyc-usernameField .seyc-singleLineInputParent-noLabel {
    padding-left: 0em;
    padding-right: 0em;
    line-height: 2.5em;
}

Div#loginPopupDialog .seyc-field-icon {
    width: 21px;
    height: 22px;
    margin-left: -4px;
    top: 0.3em;
}

.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);	
}

/*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; */
}

/* Placeholder Color for selectview GLIB16120014 */ 
.seyc-combobox-has-active-placeholder .ui-btn span{
	color: #797A7A !important;		
}

.seyc-combobox-has-active-placeholder .seyc-fieldWrapper-span input{
	color: #797A7A !important;		
}

.seyc-combobox-dropdown.ui-state-disabled{
	opacity: 0.5;
	filter: Alpha(Opacity=100);
}
.seyc-combobox-dropdown.ui-state-disabled .ui-btn{
	background-color: Transparent !important;
	color: #111 !important;	
} 
.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: #FEC237;
	line-height: 30px;
/*	font-size: 0.7em;*/
	text-align: center;
	display: inline-block;
	vertical-align: middle;
        color: black;
        font-weight: normal; 
}

/*WIFI lost notification 
.seyc-offLineNotification{
	top:0px;
	position: fixed; 
	left: 0px; 
	width: 100%;
	padding-top: 1em; 
	padding-bottom: 0.1em; 
	text-align: center;
	z-index: 1000; 
	color: rgb(247, 5, 5);
	height: 2.5em; 
	font-size: 1em;
	background-color: #FAF9F7;
	background-image: url(images/svg/ic_wifi.svg);   
	background-repeat: no-repeat;
	background-position-x: 31%;
	background-position-y: 37%;
}*/

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

/* 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;
}

/* 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: 52px;
    padding-top: 20px;
    vertical-align: middle;
}
.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;
}

/* start CSS for Key board customazation part 2 */
.seyc-visually-important{
	background-color: #1B8AFF !important;
	color: white!important;
}

.seyc-visually-important .ui-select div[class*="ui-icon-carat-d"]{
	background-color: #1B8AFF !important;
    color: white!important;
}

.seyc-visually-important .ui-select .ui-icon-carat-d::after {
	background-image: url(images/svg/arrowDown_white.svg);
}

.ui-select .ui-icon-carat-d::after {
	background-image: url(images/svg/arrowDown.svg);
}

div > input.selectStyle{
    width: 100%;
    overflow: hidden;
    background-image: url(images/svg/arrowDown.svg);
    background-repeat: no-repeat;
    background-position: 96% 50%;
}

div > input.selectStyle.seyc-visually-important{
    background-image: url(images/svg/arrowDown_white.svg);
    background-color: #1B8AFF !important;
    color: white!important;
    border:none;
}

div[role="option"] div{
	text-align : center;
}
.seyc-combobox-has-active-placeholder div > input.selectStyle.seyc-visually-important{
    color: #80BFFF !important
}
.seyc-visually-important > .seyc-combobox-has-active-placeholder .ui-btn span{
	color:#80BFFF !important
}

/* end CSS for Key board customazation part 2 */

.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: 100%;
	background-position: center;
	cursor: pointer;
	top: auto !important;
}

/*
===========================
    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%;
}

.seyc-popup-container {
	/* background-color: #e1e1d0; */
    position: fixed;
    width: 80%;
    background-clip: padding-box;
    z-index: 1105;
    display:none;
    margin:0 auto;
    left: 10%; 
    border-radius: 8px;
    background-color: #E7ECF2 /*light marine*/;
    top: 49px;
    word-wrap: break-word; /*to avoid text outside the popup*/
    /* border-width: 1px;
    border-style: solid; */
    overflow-y: auto !important; /*important because overflow is override on product side*/
    max-height: calc(100% - 50px); /*to take into account header height*/
}

.seyc-scanPopup-container{
    width: 90%;
    left: 5%;
    border-radius: 25px;
    background-color: #ffffff;
	max-height: calc(100% - 100px);
}

.seyc-popup-close { /*New popup object*/
  top: 8px !important;
  right: 10px !important;
  background-image: url(images/svg/cross_16.svg);
  background-color: transparent !important;
  background-position: 22px;
  width: 40px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 16px;
}

.seyc-popup-container .seyc-popup-close-button {
	border-top: none !important;
    color: #1B8AFF;
    font-family: Lato-Semibold;
    font-size: 17px;
    text-decoration: inherit;
    display: block;
    height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin: 0px; 
}
.seyc-popup-close-button.ui-btn{
	background-color:#E7ECF2 !important
} 

.seyc-popup-button-container{
	border-top: solid 1px #C8C8C8;
	border-radius: 0px 0px 8px 8px;
    background-color: #E7ECF2 /*light marine*/;
	overflow:hidden;
}

.seyc-scanPopup-container .seyc-popup-button-container{
	border : none;
}

.seyc-popup-button-container .seyc-popup-close-cancel { 
	color: #1B8AFF; /*REMA BLUE*/
	font-family: Lato-Medium;
	font-size: 14px;
	text-decoration: inherit;
	display: inline-block;
    margin: 0px;
	width:49%;
	padding: 0px;
    height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #E7ECF2 /*light marine*/;
}

.seyc-popup-button-container .seyc-popup-close-confirm {
	color: #1B8AFF; /*REMA BLUE*/
	font-family: Lato-Heavy;
	font-size: 14px;
	text-decoration: inherit;
	display: inline-block;
    margin: 0px;
	width:49%;
	border-left: solid 1px #C8C8C8; 
	padding: 0px;
    height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #E7ECF2 /*light marine*/;
}

.seyc-popup-button-container .seyc-popup-close-cancel:hover,
.seyc-popup-button-container .seyc-popup-close-confirm:hover{
	color: #1B8AFF; /*REMA BLUE*/
	background-color: #E7ECF2 /*light marine*/;
}

.seyc-popup-button-container .seyc-popup-close-confirm:hover{
	border-left: solid 1px #C8C8C8;
}

.seyc-popup-header {
	font-family: Lato-Bold;
	font-size: 14px;
	text-align: center;	
	border-top-right-radius: inherit;
	border-top-left-radius: inherit;
}
.seyc-popup-header.ui-bar-a{
	background-color : transparent;
}

.seyc-popup-header > .ui-title {
	font-size: 15px;
    white-space: normal;
	margin-left: 0px;
	margin-right: 0px;
    margin-top: 15px;
	padding-top: 10px;
	text-overflow: inherit;
}

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

.seyc-popup-content-text {
	vertical-align: middle;
	display: inline-block;
	word-break: break-word;
	font-family: Lato-Regular;
	font-weight: normal;
	font-size: 12px;
	text-align: center;
	margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 12px;
    margin-top: 0px;
    color:#000;
}

.seyc-popup-onlyYes.seyc-popup-close-confirm {
	border-left: none;
}
.seyc-dialogPage-content{
	text-align:center;
}
/* /*.ui-input-search .seyc-ui-input-icon-white + .ui-icon-delete {
	background: url(images/svg/cross_16.svg);
	background-image: url(images/clear_icon2.png); 
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	top: 0.59em !important;
	right: 1em !important;
	margin : 0em !important;
    background-image: url(images/svg/clear_icon.svg);
    background-repeat: no-repeat;
    width: 22px;
    height: 18px;
    top: .35em !important;
    right: .5em !important;
    margin: 0em !important
	
}

.ui-input-search .seyc-ui-input-icon-black + .ui-icon-delete {
	background: url(images/svg/cross_16.svg); 
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	top: 0.59em !important;
	right: 1em !important;
	margin : 0em !important;
	
}*/ 

.ui-input-search.ui-input-has-clear .seyc-ui-input-icon-white.seyc-scan-clear-icon +.ui-icon-delete {
	background: url(images/svg/clear_icon.svg); 
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	top: 0.3em !important;
	right: 1em !important;
	margin : 0em !important;
	
}
.ui-input-search.ui-input-has-clear .seyc-ui-input-icon-black.seyc-scan-clear-icon +.ui-icon-delete,.ui-input-search .seyc-ui-input-icon-black + .ui-icon-delete {
	background: url(images/svg/clear_icon_black.svg); 
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	top: 0.3em !important;
	right: 1em !important;
	margin : 0em !important;
	
}

.ui-input-search.ui-input-has-clear .seyc-no-scan-clear-icon +.ui-icon-delete {
	background: none; 
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	top: 0.59em !important;
	right: 1em !important;
	margin : 0em !important;
	
}


.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 22px 20px rgba(0,0,0,.6);
	/*popup object*/
	border-radius: 8px;
	/*height: 100%*/
 }

.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;
	border: solid #E7ECF2 1px !important;
}
.seyc-dialogPage-content .seyc-scanView input{
	padding-bottom: 0.2em;
	/*padding-left: 5em;*/
	border-radius: 2em;
	text-align: center;
	font-family: Lato-Bold;
	/* width: 75%; */
}
.seyc-dialogPage ul.seyc-list, .seyc-dialogPage .seyc-list-parent .seyc-list-top-corners{
	 border-radius: 0px !important; 
}
.seyc-dialogPage .seyc-list-parent{
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.seyc-dialogPage .seyc-tree-filterTop,
.seyc-dialogPage .seyc-tree-filterBottom{
	margin: 5px 0px 15px 0px;
}

/*
===========================
    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: #1B8AFF;
}

/* 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;
}

/* 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 : none;
}

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

.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);
}

.seyc-childMViewMessage .ui-icon-field-warning, .ui-icon-field-footer-warning{	
	background: url(images/svg/warning_orange_24.svg);
}

.seyc-childMViewMessage .ui-icon-info{	
	background: url(images/svg/info_white_24.svg);
}

.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: 1.15em;
	cursor: pointer;
	width: 22px;
	height: 22px;
}

.seyc-numericOperand{
	float : none;
}

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

.seyc-bcard-title-button {	
    margin-bottom:0px !important;	
    background:#ffffff !important;   
/*    padding-bottom: 1em;  */
margin:0;
    padding: 20px 0px 0px 20px;
}
.seyc-bcard-content{	
	background-color: #ffffff;
	padding-bottom: 20px;
}
.seyc-bcard-content .seyc-MatrixTextContainer{
	margin-top: 0em;
	margin-left: 20px;
	margin-right: 20px;
}

.seyc-bcard-content .seyc-MatrixTextBlock{
	font-family: Lato-Regular;
	font-size: 15px;
	color : #395268; /*Midnight Marine*/
	height: 30px;
	line-height: 45px;
    padding: 0px;
}

.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: #1B8AFF; /*REMA BLUE*/
    font-size: 15px;
    font-family: Lato-Regular;
    text-align: left;
    padding-left: 20px;
    /* padding-right: 1em; */
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
    word-break: break-word;
    font-weight: normal;
    text-transform: uppercase;
}
.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;
}

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

.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 ;
/*        text-transform: uppercase;*/
        font-family: Lato-Regular;
}

.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 {
	/*REMA UI-GuideLines version 04.04.16*/
	background-color: white;
    color: #1B8AFF;
    border: #1B8AFF 1px solid;
    font-family: Lato-Medium;
    font-weight: normal;
    height: 50px;
    padding: 0 1em;
    line-height: 300%;
    font-size: 17px;
    margin: 10px 10px 0 10px;
}
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: #E5F0FC;	
}
html body .ui-content .ui-btn.seyc-button.seyc-visually-important, 
html body .ui-panel .ui-btn.ui-btn-c.seyc-button.seyc-visually-important,
html body .ui-body-a .ui-btn.seyc-button.seyc-visually-important {
	/*REMA UI-GuideLines version 04.04.16*/
	background-color: #1B8AFF;
	color: #ffffff;
    font-family: Lato-Heavy;
	height: 50px;
	line-height: 300%;
	font-size:17px;
	padding:0 1em;
	margin: 20px 10px 0 10px;
}
html body .ui-content .ui-btn.seyc-button.seyc-visually-important:hover,
html body .ui-panel .ui-btn.ui-btn-c.seyc-button.seyc-visually-important:hover,
html body .ui-body-a .ui-btn.seyc-button.seyc-visually-important:hover
{
	background-color: #1B8AFF;	
}

.seyc-controlgroup-horizontal{
	margin-top: 1em;
}
.seyc-controlgroup-horizontal .seyc-button{
	margin-left: 0em;
	margin-right: 1em;			
}
.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;
}

.seyc-buttonroundedborder{
	border-radius:5em !important;
}
/*For disabled button*/
html body .ui-content .ui-btn.seyc-button.ui-disabled{
	opacity: 0.5;
	filter: Alpha(Opacity=100);
	border-color: #DDDDDD;
	color: #DDDDDD;
    font-family: Lato-Regular;
}

html body .ui-content .ui-btn.seyc-button.ui-disabled.seyc-visually-important{
	opacity: 0.5;
	filter: Alpha(Opacity=100);
	background-color: #DDDDDD;
	border-color:  #1B8AFF;
	color:#FFFFFF;
    font-family: Lato-Bold;
}

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

.ui-icon-selectview-warning{
	background: url(images/svg/warning_orange.svg);
	background-repeat: no-repeat;
	height: 24px !important;
	padding-right: 10px !important;
	margin-top: 5px;
}

/*End of SelectView */ 

/* Start of Grid Container view */

/*End of Grid container view */ 

/**
 * Scan view popup Style
 */
 .seyc-scanViewPopup{
 	border-radius: 25px;
	padding-top: 20px;
    padding-bottom: 20px;
	/* margin-left: -8%; To enlarge the popup
    margin-right: -8%; */
 }
.seyc-scanViewPopup [data-role=content]{
	padding: 1em 0em 1em 0.2em;
}
/*Fix for no-label field under pop-up*/
.seyc-scanViewPopup [data-role=content] .seyc-scanView .seyc-text-span{
	display:none;
}
.seyc-scanViewPopup-msgContainer{
	margin: 0.5em 1em 1em 1em;
	display: table;
}

.seyc-scanViewPopup-label{
	display: block;
	text-align: center;
    color: #395268; /*Midnight Marine*/
    font-size: 17px;
	font-family: Lato-Medium;
    font-weight: normal;
    padding: 0em;
}
.seyc-scanPopup-text{
	display: table-cell;
	vertical-align: top;
}

.seyc-scanViewPopup .seyc-basicCell .seyc-li-textContainer {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 35px;
    color: #395268; /*Midnight Marine*/
}

.seyc-scanViewPopup .seyc-li.ui-first-child {
    margin-top: 20px;
}

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

.seyc-scanViewPopup-fieldCamera{
	display: flex;
}

.seyc-scanViewPopup-fieldCamera .seyc-fieldWrapper-span{
	margin-right: 30px;
}

.seyc-scanViewPopup-fieldCamera .seyc-singleLineInputParentBlock{
	display: inline-block !important;
}

.seyc-scanViewPopup-fieldCamera .seyc-scanView.seyc-singleLine{
	display: inline-block;
}

/*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;
        top: -5px;
}
/*check box cell start*/

/*Graph styles*/
.seyc-graph{
        padding: 20px;
}
.seyc-graph .seyc-zoom-btn{
	margin-right: 0em;
	margin-left: 0em;
	margin-bottom: 10px !important; /*rarely used*/
}
/*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 */ 

/*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 */ 

/* for error/warning icon alignment for control groups */
.ui-controlgroup .seyc-singleLineIconInLabel{
	 float: left;
 	 margin-top: 0px !important;
}
/*End*/
/* GroupView and PanelView styles */
.seyc-groupView-collapsible-header .ui-btn, .seyc-panelCard-collapsible-header .ui-btn{
	background-color: #b0bec8 !important;
	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/ic_arrow_down.svg);/*New look of PanelView for REMA2*/
	background-repeat: no-repeat;	
	right: 0.7em;	
}

.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/ic_arrow_up.svg);/*New look of PanelView for REMA2*/
	background-repeat: no-repeat;
	right: 0.7em;	
}

.seyc-groupView-content .ui-collapsible-content,
.seyc-panelCard .ui-collapsible-content
{
	background-color: #dbe3ec;
	border: solid #b0bec8 1px;
	padding: 0em;
	padding-bottom: 1em;
}
/*New look of PanelView for REMA2*/
.seyc-panelView-content .ui-collapsible-content{
	background-color: white;
	padding-bottom: 1em;
}
/*New look of PanelView for REMA2*/
.seyc-panelView-collapsible-header .ui-btn{
	color: #1B8AFF !important;
	font-size: 15px;
	font-family: Lato-Regular;
	text-align: left;
	padding: 20px 30px 0px 20px !important;
	line-height: 1.3em;
	font-weight: normal;
	word-break: break-word;
    text-transform: uppercase;
}
/* 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 {  
   text-transform: none;
   color: #797a7a;
}
/* End of Placeholder styles */

/*Placeholder for scan field*/
.seyc-ui-scan-input-text::-webkit-input-placeholder {
	text-transform: none;
  	color: #a6a6a6;   
}
.seyc-ui-scan-input-text:-moz-placeholder { /* Firefox 18- */
	text-transform: none;
   	color: #a6a6a6;
}
.seyc-ui-scan-input-text::-moz-placeholder {  /* Firefox 19+ */
	text-transform: none;
   	color: #a6a6a6;
}
.seyc-ui-scan-input-text:-ms-input-placeholder {  
   text-transform: none;
   color: #a6a6a6;
}
/*end*/

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

.ui-panel-inner{
	padding: 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);
}

.seyc-oldheader-data:active {
	background-image: url(images/svg/headerIcon_grey.svg);
}

.seyc-oldheader-valid:active {
	background-image: url(images/svg/tickIcon_grey.svg);
}

.seyc-oldheader-scan:active {
	background-image: url(images/svg/scan_grey.svg);
}

.seyc-header-back:active {
  background-image: url(images/svg/arrowLeft_grey.svg);
}

.seyc-header-scan:active {
  background-image: url(images/svg/scan_grey.svg);
}

.seyc-header-data:active {
  background-image: url(images/svg/headerIcon_grey.svg);
}

.seyc-header-list:active {
  background-image: url(images/svg/arrowDown_grey.svg);
}

.seyc-menuHeader-userInfo:active {
    background-image: url(images/svg/userIcon_grey.svg)
}
*/

/* Fotter & list active properties */

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

.seyc-basicCell:active.seyc-li-btn:active {
	opacity: 0.8;
}
.seyc-basicCell .seyc-li-textContainer:active{
	color:#1B8AFF;
}

.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 {
	opacity: 0.5;
}

.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 #E7ECF2, 0 0 2px rgba(0, 0, 0, 0) !important; 
	border: solid #E7ECF2 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.seyc-icon-plus-blue.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_grey.svg)
}

.seyc-btn-icon:active.seyc-icon-plus-blue:active.seyc-numericOperand:active {
	background-image: url(images/svg/plus-w_24_blue.svg)
}

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

.seyc-btn-icon.seyc-icon-minus-blue.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_grey.svg)
}

.seyc-btn-icon:active.seyc-icon-minus-blue:active.seyc-numericOperand:active {
	background-image: url(images/svg/minus-w_24_blue.svg)
}

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

.seyc-btn-icon.seyc-icon-check-blue.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_grey.svg);
}

.seyc-btn-icon:active.seyc-icon-check-blue:active.seyc-numericOperand:active {
	background-image: url(images/svg/tickIcon_blue.svg);
}
.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,
.seyc-select-no-label.seyc-field-has-warning .ui-block-a{
	padding-left: 1em;
}
.seyc-select-no-label.seyc-field-has-error .seyc-selectViewIconInLabel,
.seyc-select-no-label.seyc-field-has-warning .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:16px;
	width:16px;
	background-repeat: no-repeat;
	padding-right: 20px;
}
/* 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: #1B8AFF;
	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;
}

.seyc-tree-filterTop{
	margin: 1em;
	margin-bottom: -1em;
}

.seyc-tree-filterBottom{
	margin: 1em;
	margin-top: -1em;
}

/*
 * 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 **/


/* .ui-popup-container-customized {
    width: 100% !important;
    height: 50%;
    top: 50px !important;
    left:0 !important;
    max-width: 100% !important;
    position:fixed;
    background-color: white;
} */

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

/*Popup Object*/

.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;
}
/*end*/

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

.seyc-overlayPopup .seyc-dialogPage-content{
    /* to remove overflow for crieteria popup */
    overflow: hidden !important; 
}

.seyc_criteriaContainer{
    display:block;
    float:left;
    cursor: pointer;
    width: 100px;
    margin: 10px;
}

.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-transform: uppercase;
       color:#395268;        
       font-size: 11px !important;
       text-align : center;
       white-space : nowrap;
       overflow : hidden;
       text-overflow : ellipsis;
}

   
.seyc_criteriadiv{
    background-repeat : no-repeat;        
    -webkit-border-radius:60px;
    -moz-border-radius:60px;
    border-radius:60px;
    width:60px !important;
    height:60px !important;
    border:1px solid #1B8AFF;
    background-position-x: 50%;
    background-position-y: 50%;
	margin: auto;
}
.seyc_criteriadiv:active {
    background-color: #1B8AFF;
}
.seyc_criteriaContainer.selected .seyc_criteriadiv{
    background-color: #1B8AFF;
}
.seyc_criteriaContainer.selected .seyc_criteriaWidgetSpan{
    color:#1B8AFF;        
}
.seyc_criteriaContainer.disabled .seyc_criteriadiv{
    border:1px solid #E7ECF2;
}
.seyc_criteriaContainer.disabled .seyc_criteriaWidgetSpan{
    color:#E7ECF2;        
}
.seyc_criteriaWidget_badgeCircle{
	display: inline-block;
    border-radius: 14px;
    width: auto;
    min-width: 14px;
    height: 14px;
    padding: 4px;
    background: red;    
    color: white;
    text-align: center;
    font: 13px Arial, sans-serif;
    margin-left: 40px;
}

.seyc_zeroWidth_Header{
    width: 18% !important;
}
.seyc_largerWidth_Header{
    width: 64% !important;
}


button.seyc-floatingActionButton {
    position: fixed;  
    bottom: 0;
    border: none !important;
    border-radius: 50% !important;
    margin: auto;    
    
    /* custom params */
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 2px 3px 3px 0px rgba(41, 41, 41, 0.3);
    bottom : 20px; 
    right : 30px; 
    z-index : 1010;/* to be above header and footer with a z-index at 1000 and under overlay for highlight 1050 and popup at 1100 */ 
    color : #ffffff !important; 
    width : 56px; 
    height : 56px;    
}

/* mobiscroll datetime */
.mbsc-ios div.dwbc{
    background-color: #EFF0F1 !important;
    border-bottom: 0px solid #acacac !important; 
}


.seyc-header-txtbtn {
    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;
}

.seyc-criteria{
    top: 15%;
    position: relative;
}

.seyc-criteria-submenu{
    /* margin-top:6px; */
}
.seyc-title-icon-withsubmenu{
    text-decoration: none;
    font-size: 13px;
    position: relative;
    top: -14px;
}

.seyc-span-submenu{
    position: relative; 
    top: 6px; 
    font-weight: normal;
	font-family: Lato-Medium;
	padding-right: 10px;
}

span.seyc-span-submenu::after {
    content: "\203A";
    position: relative;
    left: 7px;
    top: 4px;
    font-size: 2em;
    display: inline-block;
    font-weight: bold;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg);/* safari */
}
.ui-input-text .seyc-visually-important{
	background-color: #1B8AFF !important;
    color: white;
}
.seyc-visually-important.seyc-ui-input-text{
    color: white;
}
.seyc-visually-important::-webkit-input-placeholder {
	text-transform: none;
   	color: #80BFFF;   
}
.seyc-visually-important:-moz-placeholder { /* Firefox 18- */
	text-transform: none;
   	color: #80BFFF;
}
.seyc-visually-important::-moz-placeholder{  /* Firefox 19+ */
	text-transform: none;
   	color: #80BFFF;
}
.seyc-visually-important:-ms-input-placeholder {  
   text-transform: none;
   color: #80BFFF;
}

.seyc-visually-important.seyc-state-disabled, .seyc-combobox-dropdown.ui-state-disabled .seyc-visually-important .ui-btn{
	opacity: 0.5;
}

.seyc-ui-scan-input-text{
	background-color: #E7ECF2  !important;
	color: #a6a6a6;
}

.seyc-search-field.seyc-ui-input-text{
	border-radius: 1em!important;
}
.ui-mini.ui-input-has-clear,.ui-input-has-clear{
	padding-right : 0 !important;
}
.ui-input-text.ui-input-has-clear .seyc-ui-input-icon-white+.ui-icon-delete{
    background-image: url(images/svg/clear_icon.svg);
    background-repeat: no-repeat;
    width: 22px;
    height: 18px;
    top: 4px !important;
    right: 0.5em !important;
    margin: 0em !important;
}

.ui-input-text.ui-input-has-clear .seyc-ui-input-icon-black+.ui-icon-delete{
    background-image: url(images/svg/clear_icon_black.svg);
    background-repeat: no-repeat;
    width: 22px;
    height: 18px;
    top: 4px !important;
    right: 0.5em !important;
    margin: 0em !important;
}

/*
.ui-input-text.ui-input-has-clear .seyc-ui-input-icon-black + .ui-icon-delete{
	background: url(images/svg/cross_16.svg); 
	background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    top: 0.59em !important;
	right: 1em !important;
	margin : 0em !important;
   } 
   */

.seyc-filter-input.seyc-ui-input-text.ui-input-has-clear  + .ui-icon-delete{
    background-image: url(images/svg/clear_icon.svg);
    background-repeat: no-repeat;
    width: 22px;
    height: 18px;
    top: 12px !important;
    right: 0.3em !important;
    margin: 0em !important;
}
.seyc-fieldWrapper-span.seyc-field-has-icon .seyc-ui-input-icon-white + .ui-icon-delete{
	    top: 10px !important;
 }
.seyc-fieldWrapper-span.seyc-field-has-icon .seyc-ui-input-icon-black + .ui-icon-delete{
	    top: 8px !important;
 }
.seyc-fieldWrapper-span.seyc-field-has-right-icon .ui-input-text.ui-input-has-clear .ui-icon-delete{
	    margin: 0 25px 0 0 !important;
}
.ui-input-text.ui-input-has-clear input{
	width : 90%
}
.ui-input-text.seyc-state-disabled.ui-input-has-clear input{
	width : 100%
}

.seyc-visually-important .ui-input-text.ui-input-has-clear{
	background-color: #1B8AFF !important;
}

.ui-btn-icon-notext.ui-btn-corner-all, .ui-btn-icon-notext.ui-corner-all{
	border-color: #1B8AFF !important
}
.seyc-ui-input-icon-white{
	}
	
.seyc-ui-input-icon-black{
	
}
.ui-input-text.ui-input-has-clear.ui-focus{
 	box-shadow:none;
}

textarea.seyc-placeholder {  
    color: rgb(155,203,255) !important;            
}

/*Custom keyboard*/
.frame {
    height: 50px;
    line-height: 1em;
    overflow: hidden;
    background-color: #ffffff;
}
.frame ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 100%;
}
.frame ul li {
	float: left;
	width: auto;
	height: 25px;
	margin: 5px 5px 5px 5px;
	padding: 10px 20px 2px 20px;
	background: #E1E4E8;
	color: #000;
	text-align: center;
	cursor: pointer;
	border: 0.2px solid #E1E4E8;
	border-radius: 20px;
}
.frame ul li.active {
	color: #fff;
	background: #3399ff;
}
.frame ul li.activeTheme {
	color:#fff; 
	background-color:#000000;
	border: 0.2px solid #000;
}
.frame, .navigationDiv{
	font-family: Lato-Semibold;
	/* font-weight:bold; */
	font-size: 18px;
}

.navigationDiv{
	 border-bottom: 1px solid #B3B6BB;
	 padding: 0.5em;
	 background-color: #EFF0F1;
	 overflow: hidden;
}
.navigationDiv .linkContainer{
	width: 35%;
	min-width: 100px; /* required for small screen to be displayed inline */
    display: inline-block;
    float: left;
    position: relative;
}
.navigationDiv a{
	  text-decoration: none;
	  color: #1B8AFF;
	  font-family: Lato-Heavy;
	  display: table-cell;
      vertical-align: middle;
      height: 30px;
}
.navigationDiv .linkContainer #previousButton{
	float:left;
}
.navigationDiv .doneLinkContainer{
	display: inline-block;
    /*margin-left: 40%;*/
    padding-right: 0.5em;
    float: right;
}

.linkContainer .seyc-prev-icon{
	background: url(images/svg/arrowDown_blue.svg) no-repeat;
	background-size: 30px;
	display: inline-block;
	width: 50px;
	height: 30px;
	vertical-align: middle;
	/*margin-top: -4px;*/
}
.linkContainer .seyc-next-icon{
	 background-image: url(images/svg/arrowUp_blue.svg);
	 background-repeat: no-repeat;
	 background-size: 30px;
	 display: inline-block;
	 width: 50px;
	 height: 30px;
	 vertical-align: middle;
	 /*margin-top: -4px;*/
}

.linkContainer .seyc-disable-prev-icon{
	background: url(images/svg/arrowDown_grey.svg) no-repeat;
	background-size: 30px;
	display: inline-block;
    	width: 50px;
	height: 30px;
	margin-top: -4px;
    	cursor: default !important;
	pointer-events: none;
	
}
.linkContainer .seyc-disable-next-icon{
	 background-image: url(images/svg/arrowUp_grey.svg);
     	background-repeat: no-repeat;
     	background-size: 30px;
     	display: inline-block;
     	width: 50px;
	height: 30px;
	margin-top: -4px;
     	cursor: default !important;
	 pointer-events: none;
}

.linkContainer .seyc-disable-prev-text, .linkContainer .seyc-disable-next-text{
	color: #808080;
	cursor: default !important;
	pointer-events: none;
}

.seyc-numericKeyContainer{
	width: 80%;
	display: inline-block;
	float: left;
}

.seyc-customKeyContainer{
	/* border: 1px solid #000080; */
	display: table;
	width: 20%; /* 19.8%; */
}

.seyc-minusContainer{
	height: 6em;
	background: #6A8BAF;
	color: #ffffff;
	/*  border: 1px solid #000080 !important; */
	border: 1px solid #000000 !important;
	display : table-cell;
	-webkit-user-select :none;
	font-size: 1.375em;
}
.seyc-minusContainer .seyc-numpad-minus{
	background-image: url(images/svg/ic_numpad_minus.svg);
    background-repeat : no-repeat;
    background-position: center;
    height: 100%;
}
.seyc-deleteContainer{
	height: 6em;
	background: #E63136;
	/* border: 1px solid #000080 !important;*/
	border: 1px solid #000000 !important;
	display : table-cell;
	-webkit-user-select :none;
	font-size: 1.375em;
}

.seyc-deleteContainer .seyc-numpad-delete{
	background-image: url(images/svg/ic_numpad_delete.svg);
    background-repeat : no-repeat;
    background-position: center;
    height: 100%;
}
.seyc-noLeftBorder {
	border-left: 0 !important;
}
/* -- End -- */

/* Add RFE Highlight effects for views*/
.highlightView{
	box-shadow: 0px 1px 10px rgb(0,0,0);
	z-index : 1205;/* Greater than screen-opacity z-index which is 1050 and keyboard 1200*/
	position: relative;
}

.onTopOverlay{
	z-index: 1205; /* Greater than screen-opacity z-index which is 1050 and keyboard 1200*/
}

.screen-opacity{
	position: fixed;
    top: 0px;
    width: 100%;
	height: 100%;
	z-index: 1050; /*To be under popup (1100) but above header/footer (1000)*/
    opacity: 0.5;
    background-color: black;
}

.ui-btn.seyc-li-btn.seyc-basicCell.seyc-li-extendedCell{
	padding-right:0em;
}
@media all and (max-width:380px){
	.ui-btn.seyc-li-btn.seyc-basicCell.seyc-li-extendedCell{
		font-size:13px !important;
		padding-right: 0em !important;
	}
	.seyc-genericCell-firstTapArea{
		  /*padding-right: 18px !important;*/
	}
	
}
.seyc-li-genericCell.seyc-li-textContainer{
	padding-top:0em;
	padding-bottom:0em;
}
/*end*/

.seyc-taskWidget{
	border-radius: 5px;
}

.seyc-taskWidget .seyc-genericCell-firstTapArea{
	position: inherit;
}

.seyc-taskHeader{
	height:30px;
}

.seyc-taskWidget .seyc-li-faultIndicatorContainer {
    max-width: 30px!important;
    width: 30px;
	padding-right: 20px;
}

.seyc-taskWidget .seyc-li-icon-cell {
    width: 30px;
}

.seyc-task-text-span{
	font-size : 14px;
	font-family: "Lato-Medium";
	color : #395268; /*Midnight Marine*/
	display:block;
	text-align: left;
}

.seyc-task-subText-span{
	font-size : 12px;
	font-family: "Lato-Regular";
	color : #576D81; /*Dark Marine*/
	display:block;
	text-align: left;
}

.seyc-task-white-span{
	display: table-header-group;
    position: absolute;
    right: 0;
    background: #FFFFFF;
    border-radius: 0px 5px 0px 12px;
    padding-right: 1em;
	opacity:1;
	font-size:12px;
	font-family:"Lato-Medium";
	font-weight: normal;
	color : #395268;/*Midnight Marine*/
	height: 20px;
}

.seyc-task-backup-span{
	display: table-header-group;
    position: absolute;
    left: 0;
    background: #FFFFFF;
    border-radius: 5px 0px 12px 0px;
    padding-left: 1em;
    padding-right: 1em;
	opacity:1;
	font-size:12px;
	font-family:"Lato-Medium";
	font-weight: normal;
	color : #395268;/*Midnight Marine*/
	height: 20px;
}

.seyc-task-rejectedSpan{
	color: #E63136;
}

.seyc-icon-rejected{
	height: 25px;
	width: 20px;
	display: inline-block;
	background-image: url("images/svg/ic_task_mini_rejected.svg");
	background-repeat: no-repeat;
	background-size: 28px;
	padding-left: 5px;
	margin-top: -4px;
	margin-bottom: -6px;
	/* padding-top: 10px; */
}

.seyc-icon-clock {
    height: 25px;
    width: 10px;
    display: inline-block;
    background-image: url("images/svg/clock_2.svg");
    background-repeat: no-repeat;
    background-size: 10px;
    vertical-align: middle;
    margin-left: 5px;
    margin-top: 5.5px;
    margin-bottom: -6px;
}

.seyc-genericCell-firstTapArea .seyc-li-textContainer.seyc-li-textContainer-task{
	max-width:none;
	padding-bottom: 25px;
}

.seyc-genericCell-firstTapArea .seyc-li-textContainer.seyc-li-textContainer-task .seyc-text-span{
	padding-left: 0px;
}

.ui-btn.seyc-taskWidget{
	padding: 0em;
	margin:0em;	
}

.ui-listview > li.seyc-taskWidget{
	border-bottom:none;
	margin:5px;
}

.ui-listview > li.ui-first-child.seyc-taskWidget, .ui-listview > li.ui-last-child.seyc-taskWidget{
	border-radius: 5px;
}

.seyc-taskWidget .seyc-li-listIconContainer{
	display: block;
	width: inherit;
	float: right;
	margin-right: 15px;
}

/* -- End -- */

a[disabled] {
    pointer-events: none;
    color:rgba(0,0,0,0.3) !important;
}

a[readonly] {
	color:#1B8AFF !important;
}

.removeItem{
	color: #989898;
    border-top: 1px solid #EEEFF3;
    text-align: left;
    padding: 9px;
    }
    
.removeItemIcon{
	background-image: url("images/svg/ic_delete_darkmarine.svg");
    background-position: 5px -5px;
    background-repeat: no-repeat;
    padding: 2px 32px;
    color: #576D81;
}
   
/* for remove item end */

.seyc-header-transparent{
    background-color: rgba(0, 0, 0, 0) ;
}
.seyc-header-transparent div.ui-block-a{
    background-color: rgba(0, 0, 0, 0) ;
}
.seyc-header-transparent div.ui-block-b{
    background-color: rgba(0, 0, 0, 0) ;
}
.seyc-header-transparent div.ui-block-c{
    background-color: rgba(0, 0, 0, 0) ;
}
.seyc-header-transparent-onscroll{
    opacity: 0.9;
}
.seyc-header-transparent-onscroll > div{
    background-color: inherit ;
}

.seyc-actionmenu-popup{
    max-width: 100% !important;
    width: 100% !important;
    left: 0px !important;
    top: 49px !important;
    font-size: 15px !important;
    position: fixed;
    background-color: #E7ECF2;
}
.seyc-actionmenu-popup div.seyc-li-listIconContainer{
    display:none;
}
.seyc-actionmenu-popup span.seyc-text-span{
    color:#576D81;
}
/*.seyc-header-actionMenu{
    padding: 8px;
    padding-right: 5px;
    background-image: url(images/svg/ic_secondaryaction.svg);
    background-color: inherit !important;
    background-position: 15px 40%;	
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    position: relative;
    overflow: visible;
    top: 0px;	
    background-size: 22px;
}*/

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


/* Style modification for REMA */

/*@font-face {
    font-family: "Lato-Regular";
	src: url('../jquery-mobile/themes/fonts/Lato-Regular.woff') format('woff');
}*/

/*@font-face {
    font-family: "Lato-Medium";
    src: url('../jquery-mobile/themes/fonts/Lato-Medium.woff') format('woff');
}*/

@font-face {
    font-family: "Lato-MediumItalic";
    src: url('fonts/Lato-MediumItalic.woff') format('woff');
}

@font-face {
    font-family: "Lato-Semibold";
	src: url('fonts/Lato-Semibold.woff') format('woff');
}

@font-face {
    font-family: "Lato-Bold";
	src: url('fonts/Lato-Bold.woff') format('woff');
}

@font-face {
    font-family: "Lato-Heavy";
	src: url('fonts/Lato-Heavy.woff') format('woff');
}

.seyc-genericCell-firstTapArea{
	position: relative;
}

.seyc-genericCell-firstTapArea .seyc-li-textContainer {
	max-width:none;
	padding-top: 0px;
	padding-bottom: 0px;
}

.seyc-genericCell-firstTapArea .seyc-li-textContainer .seyc-text-span{
	padding-left: 15px;
}

.seyc-basicCell .seyc-genericCell-firstTapArea {
    padding-top: 15px;
    padding-bottom: 15px;
}

.seyc-item-title{
	font-family: "Lato-Medium";
	font-size: 13px;
	line-height:1.5em; /* with 13px and below, you could see for long labels a second line with truncated characters even if displayed on one line only */
	color: #395268; /*Midnight Marine*/
	display: flex;
}

.seyc-item-arrow{
	background-image: url(images/svg/arrowRight_blue.svg);
    background-repeat: no-repeat;
	background-size: 10px;
	background-position: 10px;
    width: 20px;
    height: 20px;
}

.seyc-item-detail{
	font-family: "Lato-Regular";
	font-size: 12px;
	font-weight: normal;
	color: #576D81; /*Dark Marine*/
	padding-bottom: 5px;
	display: block;
}

.seyc-item-bubbleContainer
{
	padding-left: 15px;
	min-height: 16px;
}

.seyc-li-textContainer .seyc-item-bubbleContainer .seyc-item-bubble,
.seyc-li-textContainer .seyc-item-bubbleContainer .seyc-item-second-bubble{
    padding-left: 3px;
}
.seyc-item-bubbleContainer .seyc-item-second-bubble{
	padding-left: 5px;
}

.seyc-item-bubble /*(cf span.bubble)*/{
	background-color: #6A8BAF !important; /*MARINE REMA*/
	font-family: "Lato-Semibold";
	font-size: 10px;
	color: #ffffff !important;
	display: inline-block;
	float: left;
}
.seyc-item-second-bubble{
	background-color: #E63136 !important; /*RED REMA*/
	font-family: "Lato-Semibold";
	font-size: 10px;
	color: #ffffff !important;
	display: inline-block;
	float: left;
}
.seyc-item-subdetail{
	font-family: "Lato-Semibold";
	font-size: 10px;
	color: #576D81; /*Dark Marine*/
	padding-top: 0.5em;
    position: absolute;
    right: 10px;
}

.seyc-item-secondContainer{
	float: right;
    text-align: center;
    display: table;
}

.seyc-item-secondContainer .seyc-text-span{
	padding-left: 0px;
}

.seyc-item-unit{
	font-family: "Lato-Bold";
	font-size: 17px;
	color: #ffffff;
	display:table-cell;
	vertical-align: bottom;
}
.seyc-item-unit-detail{
	font-family: "Lato-Bold";
	font-size: 12px;
	color: #ffffff;
	opacity:0.5;
	display: table-row;
	vertical-align: middle;
}

.seyc-page{
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}
.seyc-page-background-default{
    background-image: url("images/bg_wallpaper.png");
}
.seyc-page-background-white{
    background-color: #fff;
}

html .ui-btn.ui-checkbox-on.ui-checkbox-on::after {
    background-image: url("images/svg/ic_list_check_active.svg");
}
html .ui-btn.ui-checkbox-off.ui-checkbox-off::after {
    background-image: url("images/svg/ic_list_check_normal.svg");
}
.ui-btn.ui-checkbox-on.ui-state-disabled.ui-disabled-cell::after{
    background-image: url("images/svg/ic_list_check_active_disabled.svg");
}
.ui-btn.ui-checkbox-off.ui-state-disabled.ui-disabled-cell::after{
    background-image: url("images/svg/ic_list_check_disabled.svg");
}

html .ui-btn.ui-checkbox-on.ui-checkbox-on.seyc-white-checkbox::after {
    background-image: url("images/svg/ic_list_check_active_white.svg");
}
html .ui-btn.ui-checkbox-off.ui-checkbox-off.seyc-white-checkbox::after {
    background-image: url("images/svg/ic_list_check_normal_white.svg");
}

.seyc-fieldWrapper-span .ui-checkbox label.seyc-white-checkbox{
	color: #FFFFFF;
}

.ui-page-theme-a .ui-checkbox-on::after,
html .ui-bar-a .ui-checkbox-on::after,
html .ui-body-a .ui-checkbox-on::after,
html body .ui-group-theme-a .ui-checkbox-on::after{
    background-color:transparent !important;
}
.ui-page-theme-a .ui-checkbox-off::after,
html .ui-bar-a .ui-checkbox-off::after,
html .ui-body-a .ui-checkbox-off::after,
html body .ui-group-theme-a .ui-checkbox-off::after{
    background-color:transparent !important;
}
.ui-btn.ui-checkbox-off::after,
.ui-btn.ui-checkbox-on::after{
    width: 28px !important;
    height: 28px !important;
}
/* input[type='checkbox'], input[type='radio']{
    display:none;
} */

input[type='checkbox']{
    display:none;
}
 input[type='radio']{
 	z-index: -1;
 }

.seyc-list-parent-withoutmargin{
    margin: 0px;
}


/* Active element */

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

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

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

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

.seyc-oldheader-valid-active {
	opacity: 0.5;
}
 .hideRemoveItemArea{
 display:none;
 }
 
 
/* -------------------------- Settings Page (add good selector if adding a category) -------------------------- */
ul#aboutListView div.seyc-li-textContainer{
	font-size: 15px;
	color:#395268;/*MIDNIGHT MARINE*/
	font-family: Lato-Regular;
}
.seyc-settingsInformationTextContainer
{
	color:#576D81;/*DARK MARINE*/
	font-size:13px;
	font-family: Lato-Regular;
}
ul#lvSettings div.seyc-li-textContainer,
.seyc-list-settings-multipage .seyc-li-textContainer,
.seyc-list-settings-multipage div.ui-controlgroup-controls div.ui-radio label,
.seyc-list-settings-multipage .seyc-li-textContainer, 
.seyc-list-settings-multipage .seyc-li-textContainer .seyc-singleLineTextInLabel{
	color: #395268;/*MIDNIGHT MARINE*/
	font-size: 15px;
	font-family: Lato-Regular;
}
.seyc-list-settings-multipage .seyc-li-textContainer > div > .seyc-singleLine.ui-grid-a{
    margin: 0;
    margin-left: 15px;
}

#lvSettings .seyc-cell-checkBox-div label::after{
	left : -3.5px;
}

div.seyc-list-settings-multipage input[seyctype='numeric'],
div.seyc-list-settings-multipage input[seyctype='text'],
div.seyc-list-settings-multipage input.seyc-ui-input-text{
    text-align: right;
    padding-right: 25px;
    color:#576D81;/*DARK MARINE*/
}
div.seyc-list-settings-multipage .seyc-li-textContainer > div > .seyc-singleLine.ui-grid-a > .ui-block-b.seyc-singleLineInputParentBlock{
	width: 95% !important;
}

div.seyc-list-settings-multipage .seyc-li-internalDivContainer .ui-block-b.seyc-singleLineInputParentBlock{
	float: left !important;
}


div.seyc-list-settings-multipage .seyc-li-internalDivContainer > div > .seyc-singleLine.ui-grid-a input.seyc-ui-input-text,
div.seyc-list-settings-multipage .seyc-li-internalDivContainer > div > .seyc-singleLine.ui-grid-a textarea.seyc-ui-input-text{
    padding-left: 15px !important;
    padding-right: 20px !important;
    text-align: left;
}
#page_us-theme .parameterGridViewA span{
	position: absolute;
    top: calc(50% - 0.5em);
}

.parameterGridViewB .seyc-singleLine{
	margin-top:0;
	margin-bottom:0;
}

.seyc-list-settings-multipage .seyc-singleLine .seyc-text-span label{
    color: #395268;
    font-size: 15px;
    font-family: Lato-Regular;
    padding-left: 15px;	
}

.seyc-list-settings-multipage .parameterGridViewA{
	width: 60% !important;
}
.seyc-list-settings-multipage .ui-grid-solo .parameterGridViewA{
	width: 100% !important;
}
.seyc-list-settings-multipage .seyc-li-internalDivContainer .seyc-singleLine.ui-grid-a{
	margin-bottom: 0;
}
 
.seyc-list-settings-multipage .parameterGridViewB{
	width: 40% !important;
	padding-top: 0.8em;
}

.seyc-list-settings-multipage .seyc-genericCell-firstTapArea .seyc-li-textContainer{
	width: 99%;
}
.seyc-sendLogs-settingButton{
	margin-left:15px;
}
.seyc-list-settings-multipage .ui-btn-icon-left::after{
	left : -0.25em !important;
}

#gCellParameterGridView_us-theme_us-theme-configSelectTheme_y_1_x_1.parameterGridViewA{
	width: 100% !important;
}
#gCellParameterGridView_us-theme_us-theme-configSelectTheme_y_1_x_1 div.ui-radio label{
	padding-left : 15px !important;
}
/* -------------------------- End Settings Page -------------------------- */


/* -------------------------- Vertical Radio group -------------------------- */
.ui-controlgroup, fieldset.ui-controlgroup {
    margin: 0;
}
.seyc-radioGroup-vertical .ui-radio > label{
    background-color: #fff !important;
}
div.ui-controlgroup-controls div.ui-radio{
    border-top: #f0f0f0 solid 1px;
}
div.ui-controlgroup-controls div.ui-radio label{ 
    color:#395268;/*MIDNIGHT MARINE*/
    font-size: 15px;
    font-weight: normal;    
    padding: 12px 0 12px 20px;
    font-family: Lato-Regular;
}
.seyc-radioGroup-vertical .ui-radio label{
    padding-top: 0px;
}
div.ui-controlgroup-controls .ui-radio .ui-btn.ui-radio-on::after {
    background-image: url("images/svg/ic_selected.svg");
    background-color: transparent !important;
    width: 15px;
    height: 15px;
    border-width: 0;
    border-style: none;
    margin-left: 86%;
}
 div.ui-controlgroup-controls .ui-btn.ui-radio-off::after {
    background-color: transparent !important;
    opacity: 1;
    margin-left: 86%;
}
/* -------------------------- End vertical radio group -------------------------- */

/* ------------------ Horizontal radio group ------------------------- */
fieldset[data-type="horizontal"] div.ui-radio{
    border-top:none;
}
fieldset[data-type="horizontal"] div.ui-controlgroup-controls div.ui-radio label{ 
    color: #6A8BAF;
    font-size: 14px;
    font-weight: normal; 
    padding:12px 10px;
}
fieldset[data-type="horizontal"] div.ui-controlgroup-controls div.ui-radio label.ui-btn-active {
    color: #fff;
    background-color:#1B8AFF;
}
/* --------------------End horizontal radio group -------------------- */


.seyc-page-base {
    background-color: #fafafa;
}
.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;
}

.seyc-lowopacity{
    opacity:0.3;
}

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

.seyc-nopadding{
    padding:0px !important;
}
.seyc-center{
    text-align: center;
}

/*  --- EVO : Adapt font size to width of container ---   */
.seyc-adapt-font-size{
	word-break: break-all;
}
.seyc-adapted-font-size{
	overflow:hidden;
	word-break:normal;
}
.seyc-default-adapt-font-size{
	overflow:hidden;
	text-overflow : ellipsis;
	max-width: 225px;
}
/*  --- END of EVO : Adapt font size to width of container ---   */


/* ---- LOG HISTORY ------ */
div.lhTaskInfoPage div.ui-content div.seyc-logh-topdiv{
    padding:5px 2px 2px 5px;
    border-bottom: 1px dashed #1B8AFF;
}
div.lhTaskInfoPage div.ui-content div.seyc-logh-topdiv div.seyc-singleLine{
    margin:0px;
}
div.lhTaskInfoPage div.ui-content li.seyc-taskWidget{
    margin: 20px 0px 0px 9px;
}
div.lhTaskInfoPage div.ui-content li.seyc-taskWidget{
    background-image: url(images/svg/ic_arrow_right.svg);
    background-repeat: no-repeat;
    background-position: 100%;
    background-size: 20px;
}
div.lhTaskInfoPage div.ui-content li.seyc-taskWidget div.seyc-li-contentParent,
div.eventsPage div.ui-content div.seyc-taskWidget div.seyc-li-contentParent{
    border: 2px solid #D0EBF1;
    border-radius: 5px;
}
div.lhTaskInfoPage div.ui-content li.seyc-taskWidget div.seyc-li-contentParent{
    width: 92%;
}
div.lhTaskInfoPage div.ui-content div.seyc-logh-topdiv div.seyc-singleLine div.seyc-singleLineInputParent{
    padding-right: 0px;
    width: 55% !important;
}
div.lhTaskInfoPage div.seyc-logh-noactivitylabel{
    text-align: center;
    margin: 100px 0px;
    font-size: 30px;
    color: rgb(234, 234, 234);
    text-shadow: rgb(255, 255, 255) 1px 1px, rgb(226, 226, 226) -1px -1px;
}
div.eventsPage div.ui-content {
    margin: 10px;
}
div.eventsPage div.ui-content div.seyc-taskWidget{
    margin: 10px 0 20px 0;
}
div.eventsPage div.ui-content div.seyc-taskWidget div.seyc-li-contentParent{
    width: 99%;
}
div.eventsPage div.ui-content div.logLine{
    margin-top: 15px;
}
div.eventsPage div.ui-content div.logLine .lineTxt{
    font-size: 14px;
}
div.eventsPage div.ui-content div.logLine div.logLineL{
    display: inline-block;
    width: 70%;
}
div.eventsPage div.ui-content div.logLine div.logLineL div.logLineL_userTxt{
    font-weight: bold;
    /* text-decoration: underline; //GLIB17020019*/
    margin-right: 5px;
}
div.eventsPage div.ui-content div.logLine div.logLineR{
    display: inline-block;
    width: 30%;    
    text-align: right;
}
/* ------------------------ */


/* ----------------- ListPopup / SearchPopup ----------------*/
div.seyc-listPopup div.seyc-filter-separator{
    display: none;
}
div.seyc-listPopup .seyc-search-field {
    padding-right: 2.93em;
    padding-left: 2.3em;
    padding-top: 0.6em;
}
div.seyc-listPopup .seyc-listPopup-label {
    text-align: center;
    color: #bbb;
}
div.seyc-listPopup .seyc-list-shadow{
    box-shadow: none;
}
div.seyc-listPopup .seyc-list-top-corners, div.seyc-listPopup .seyc-list-bottom-corners{
    border-radius: 0px !important;
}
div.seyc-listPopup.seyc-searchPopup div.seyc-searchPopup-field{
    margin: 5px;
    margin-top: 10px;
}
div.seyc-listPopup.seyc-searchPopup ul{
    padding: 0 5px 0 5px;
}
/* ---------------------------------- */


/* ----------------- Perf ListView ----------------*/
a.seyc-perf-list-button.ui-link.ui-btn{
    background-color: transparent;
    color: white;
    text-decoration: underline !important;
    font-family: Lato-Regular;
    font-weight: normal;
}
.secy-list-perf{
    /*only to be a selector*/
}

/* ----------- Look and feel waiting box  ------------- */

.ui-loader.ui-corner-all.ui-body-.ui-loader-verbose{
	box-shadow:none;
}

.seyc-waiting-box-look{
    margin: auto;
    width: 110px;
    height: 105px;
    background-color: black;
    border-radius:10px;
    opacity: 0.6;
    color:white;

}
.seyc-waiting-box-look span{
    display:block;
    padding:auto;
    width: 100%;
    padding-top: 80px;
    height: 10px;
    background: url("images/waiting-box-icon.gif")  50% 60% no-repeat;
}
.seyc-waiting-box-look h1{
    position:bottom;
    margin-left:auto;
    margin-right:auto;
    font-size: 18px;
    font-weight: normal;
    text-align:center;
}
/* ------------------------ */

.seyc-visually-important.ui-disabled{
	opacity : 0.7;
}

.seyc-title-subTitle {
    display: block;
    top : 25%;
    position: relative;
    font-size: 14px;
    font-family: Lato-Medium;
}
.seyc-actionmenu-right-icon::after {
    content: "\203A";
    position: relative;
    left: 6px;
    top:34%;
    display: inline-block;
    font-weight: bold;
    font-family: Lato-Regular;
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg);/* safari */
}

body .mbsc-ios .mbsc-fr-overlay {
    background: none;
}

body .mbsc-fr, body .mbsc-fr-persp, body .mbsc-fr-overlay {
	height: 100%;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .seyc-li .ui-btn.ui-checkbox-off::after, .seyc-li .ui-btn.ui-checkbox-on::after, .seyc-li .ui-btn.ui-radio-off::after, .seyc-li .ui-btn.ui-radio-on::after {
	    margin: 0px 0px 0px 2px;
	}
} 

.seyc-3D-button {
	box-shadow: 0 3px 2px 0 rgba(0, 0, 0, 0.14), 0 2px 2px 0px rgba(0, 0, 0, 0.12), 0 2px 2px 1px rgba(0, 0, 0, 0.4);
	transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

.seyc-3D-button:active {
	box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px
		rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.4);
	transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}

/*Mobiscroll keyboard*/
.mbsc-fr{
	z-index: 1200 !important; /*To be above popup 1100 and under highlight 1205*/
}
/************************* START - RangeView *****************************/
.seyc-slider-range .ui-slider .ui-slider-track {
    background-color: #ACB6BE;
}

.seyc-slider-range .ui-slider .ui-slider-bg {
	background-color: #425B76;
}

.seyc-slider-range .ui-slider .ui-slider-handle {
	border: 1px solid #000000;
}

.seyc-slider-range .ui-slider .ui-slider-handle:hover {
	background-color: #76BC21;
}
/************************* END - RangeView *******************************/
.side-menu > .ui-input-text input, .side-menu > .ui-input-search input,
.side-menu .ui-input-text input, .side-menu .ui-input-search input{
	color:#fff;
}
.ui-page-theme-a .ui-body-inherit{
    border: 1px solid #000000;
	color:black;
}

/*************************DoubleRangeView**********************************/
.ui-slider-track .ui-btn.ui-slider-handle{ 
	height: 17px;
    width: 17px;
    margin: -9px 0 0 -9px;
    border: 1px solid #000000;
    
}
.ui-page-theme-a .ui-bar-inherit{
	background-color: #ACB6BE;
    border: None /*{a-bar-border}*/;
    color: #000000 /*{a-bar-color}*/;
    text-shadow: None;
    font-weight: bold;
}
.ui-page-theme-a .ui-slider-track .ui-btn-active{
	background-color: #1B8AFF;
}
.ui-rangeslider .ui-rangeslider-sliders .ui-slider-track{
	height:12px;
}
.ui-slider-track .ui-btn.ui-slider-handle:hover{
	background-color: #76BC21;
}

/************************* RatingFieldView *******************************/
.star-icon-on {
	background-image: url(images/svg/star_green.svg);
	background-size: cover;
	background-position: center;
}

.star-icon-off {
	background-image: url(images/svg/star_black_empty.svg);
	background-size: cover;
	background-position: center;
}

button.ui-btn, .star-btn  button.ui-btn-icon-notext{
	width: auto;
	display:-webkit-inline-box;
	height: 27px;
	background-color: transparent !important;
	display :inline-flex;
	margin-left: 2px;
    margin-right: 2px;
}

.seyc-rating-field .star-label{
	margin-right:20px !important;/* used in .seyc-singleLineTextInLabel */
}
/****** TextArea Modification for Cols***************/

/* textarea.ui-input-text{
	width :unset;
}
 */

/****** Modifications for Waiting and Cancel Box***************/
.seyc-waitingIcon{
	z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 0;
    box-shadow: none;
    background-clip: padding-box;
}

.seyc-cancel-box-text{
	width: 12.5em;
	background-color: white;
	border-radius: 10px;
	color: #FFFFFF;
	opacity: 0.8;
	cursor: pointer;
}

.seyc-cancel-box-look{
}

.seyc-cancel-box-look span{
    display:block;
    padding:auto;
    width: 100%;
    padding-top: 51px;
    background: url("images/ajax-loader.gif")  50% 60% no-repeat;
}

.seyc-cancel-box-look h1{
    position:bottom;
    margin-left:auto;
    margin-right:auto;
    font-size: 1em;
    font-weight: normal;
    text-align:center;
    color: black;
}

.seyc-alignPopup {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* Start: New Look & Feel for Grid*/
.seyc-dataTable{
	margin: 0.5em;
}
.seyc-dataTable .dataTables_wrapper .dataTables_filter input{
	border-bottom: 1.5px solid #ACB6BE !important;
}

.ui-page-theme-a .seyc-dataTable .ui-body-inherit{
	border: none;
}
.seyc-dataTable .dataTables_wrapper .dataTables_filter{
	float : right !important;
	margin-bottom: 1em;
}

.seyc-dataTable table tbody td,
.seyc-dataTable table thead th{
    border-right: 0.2px #ddd solid;
}

.seyc-dataTable table tbody td:first-child,
.seyc-dataTable table thead th:first-child{
    border-left: 0.2px #ddd solid;
}

.seyc-dataTable table thead th,
.seyc-dataTable .dataTables_filter label{
   	color: #1B8aff;
    font-size: 14px;
    font-family: lato-regular;
    font-weight: 400;
}

.seyc-dataTable table.dataTable.display tbody tr.odd.selected,
.seyc-dataTable table.dataTable.display tbody tr.even.selected,
.seyc-dataTable table.dataTable.display tbody tr:hover,
.seyc-dataTable table.dataTable.display tbody tr:hover.odd.selected,
.seyc-dataTable table.dataTable.display tbody tr:hover.even.selected{
	background-color : #1B8AFF;
}

.seyc-dataTable .dataTables_wrapper .dataTables_paginate .paginate_button{
 	color : #1B8aff !important;
 	font-size: 12px;
    font-family: Lato-Regular;
    font-weight: 400;
}

.seyc-dataTable .dataTables_wrapper .dataTables_paginate .paginate_button.current, 
.seyc-dataTable .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.seyc-dataTable .dataTables_wrapper .dataTables_paginate .paginate_button:hover{
 	color:#ffffff !important;
 	border: 1px solid #1B8AFF;
 	background-image: linear-gradient(#ffffff 0%, #1B8AFF 100%) !important;
}
/* End: New Look & Feel for Grid*/

/* Start : Image View */
.seyc-imageViewContainer{
	width: 100%; /* GLIB22080013 : images appears as a dot in GSM2 */
    height: fit-content; 
    display: inline-block;
}

html body .ui-content .seyc-imageViewContainer .ui-btn.seyc-button.seyc-zoom-btn{
    margin: auto;
    width: 250px;
    margin-top: 10px;
}
/* End : Image view */

/** iOS specific **/
.ios-specific .seyc-footer {
	padding-bottom: 35px;
}
/** iOS specific (end)  **/