/*Create issue of scroll with ChromeView*/

html, body {
	height: 100%;
}

body {
	overflow: auto;
	margin: 0px;
}

.seyc-page {
	-webkit-backface-visibility: hidden;/* Scroll blocked on devices if line commented*/
	backface-visibility: hidden;
	background-color: #dbe3ec;
	/* 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: calc(100% - 49px);
	display: none;
	padding-top: 49px;
}

.seyc-footer {
	text-align: center;
	background-color: #FAFAFA;
	color: #000000;	
	border-top: solid #dbe3ec 1px !important;
}
.seyc-header-grid{
    padding-top: 0px;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1;
	background-size: cover;
}

.seyc-header-grid.ui-bar-inherit, .seyc-header-grid .seyc-bar{
	background-color: /*#435b73;*/rgb(250,250,250);
}

.seyc-header-transparent.seyc-header-grid .seyc-bar{
	background-color: inherit !important;
}

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

.seyc-navbar .seyc-li-tabParent {
    flex: 1;
}

.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;
    margin-top: 0;
    height: auto;
    margin-left: 0;
    border: none;
    display: block !important;
    width: auto;
}
.seyc-footer-simpleChildView .seyc-navbar li:last-child .seyc-nav-btn{
	margin-right: 0em !important;
}

.seyc-footer-simpleChildView .seyc-navbar .seyc-button {
	color: #000000;
}

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

/*JQueryMigration - Start */
/*content */

.seyc-ui-navbar {
	max-width: 100%;
}
/*.seyc-ui-navbar ul:after {
	content: "";
	display: table;
}
.seyc-ui-navbar ul:after {
	clear: both;
}*/
.seyc-ui-navbar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	border: 0;
	max-width: 100%;
	overflow: visible;
}

.seyc-ui-navbar ul li {
	flex-grow: 1;
}

.seyc-ui-navbar li .seyc-button {
	font-size: 12.5px;
	display: block;
	margin: 0;
	border-right-width: 0;
}
.seyc-ui-navbar .seyc-button:focus {
	z-index: 1;
}
/* fixes gaps caused by subpixel problem */
.seyc-ui-navbar li:last-child .seyc-button {
	margin-right: -4px;
}
.seyc-ui-navbar li:last-child .seyc-button:after {
	margin-right: 4px;
}
.ui-content .seyc-ui-navbar li:last-child .seyc-button,
.ui-content .seyc-ui-navbar .seyc-grid-duo .seyc-block-b .seyc-button {
	border-right-width: 1px;
	margin-right: 0;
}
.ui-content .seyc-ui-navbar li:last-child .seyc-button:after,
.ui-content .seyc-ui-navbar .seyc-grid-duo .seyc-block-b .seyc-button:after {
	margin-right: 0;
}
.seyc-ui-navbar .seyc-grid-duo .seyc-block-a:last-child .seyc-button {
	border-right-width: 1px;
	margin-right: -1px;
}
.seyc-ui-navbar .seyc-grid-duo .seyc-block-a:last-child .seyc-button:after {
	margin-right: 1px;
}
.seyc-ui-navbar .seyc-grid-duo .seyc-button{
	border-top-width: 0;
}
.seyc-ui-navbar .seyc-grid-duo .seyc-block-a:first-child .seyc-button,
.seyc-ui-navbar .seyc-grid-duo .seyc-block-a:first-child + .seyc-block-b .seyc-button {
	border-top-width: 1px;
}

.seyc-header,
.seyc-footer {
	border: none !important;
}
.seyc-header:empty,
.seyc-footer:empty {
	min-height: 2.6875em;
}
.seyc-header .ui-title,
.seyc-footer .seyc-title {
	font-size: 1em;
	min-height: 1.1em;
	text-align: center;
	display: block;
	margin: 0 30%;
	padding: .7em 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	outline: 0 !important;
}
.seyc-footer .seyc-title {
	margin: 0 1em;
}

/* Corner styling for dialogs and popups */
.ui-corner-all > .seyc-header:first-child,
.ui-corner-all > .ui-content:first-child,
.ui-corner-all > .seyc-footer:first-child {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius: inherit;
}
.ui-corner-all > .seyc-header:last-child,
.ui-corner-all > .ui-content:last-child,
.ui-corner-all > .seyc-footer:last-child {
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
}

.seyc-header .seyc-button,
.seyc-footer .seyc-button {
	font-size: 12.5px;
	display: inline-block;
	vertical-align: middle;
	border: none;
}

.seyc-header .seyc-btn-icon-notext,
.seyc-footer .seyc-btn-icon-notext {
	font-size: 16px;	
	padding: 0;
}

.seyc-header .ui-btn-icon-left:after,
.seyc-footer .ui-btn-icon-left:after {
	left: .37em;
}

.seyc-header .ui-btn-icon-right:after,
.seyc-footer .ui-btn-icon-right:after {
	right: .37em;
}

.seyc-header .ui-btn-icon-top,
.seyc-footer .ui-btn-icon-top,
.seyc-header .ui-btn-icon-bottom,
.seyc-footer .ui-btn-icon-bottom {
	padding-left: .3125em;
	padding-right: .3125em;
}

.seyc-header-fixed,
.seyc-footer-fixed {
	left: 0;
	right: 0;
	width: 100%;
	position: fixed;
	z-index: 1000;
}

.seyc-footer-fixed {
	bottom: -1px;
	padding-bottom: 1px;
}
.seyc-footer-fixed.ui-fixed-hidden {
	bottom: 0;
	padding-bottom: 0;
}
.seyc-header-fullscreen,
.seyc-footer-fullscreen {
	filter: Alpha(Opacity=90);
	opacity: .9;
}

.seyc-footer-fixed.ui-fixed-hidden {
	display: none;
}

.seyc-page .seyc-footer-fixed.ui-fixed-hidden {
	display: block;
}

.seyc-header-fixed .ui-btn,
.seyc-footer-fixed .seyc-btn { 
	z-index: 10;
}

/*Navbar in Header/Footer */
.seyc-header .seyc-ui-navbar .seyc-button,
.seyc-footer .seyc-ui-navbar .seyc-button {
	border-top-width: 0;
	border-bottom-width: 0;
}
.seyc-header .seyc-ui-navbar .seyc-grid-duo .seyc-block-a:first-child .seyc-button,
.seyc-footer .seyc-ui-navbar .seyc-grid-duo .seyc-block-a:first-child .seyc-button,
.seyc-header .seyc-ui-navbar .seyc-grid-duo .seyc-block-a:first-child + .seyc-block-b .seyc-button,
.seyc-footer .seyc-ui-navbar .seyc-grid-duo .seyc-block-a:first-child + .seyc-block-b .seyc-button {
	border-top-width: 0;
}
.seyc-header .ui-title ~ .seyc-ui-navbar .seyc-button,
.seyc-footer .ui-title ~ .seyc-ui-navbar .seyc-button,
.seyc-header .seyc-ui-navbar .seyc-grid-duo .seyc-button,
.seyc-footer .seyc-ui-navbar .seyc-grid-duo .seyc-button,
.seyc-header .ui-title ~ .seyc-ui-navbar .seyc-grid-duo .seyc-block-a:first-child .seyc-button,
.seyc-footer .ui-title ~ .seyc-ui-navbar .seyc-grid-duo .seyc-block-a:first-child .seyc-button,
.seyc-header .ui-title ~ .seyc-ui-navbar .seyc-grid-duo .seyc-block-a:first-child + .seyc-block-b .seyc-button,
.seyc-footer .ui-title ~ .seyc-ui-navbar .seyc-grid-duo .seyc-block-a:first-child + .seyc-block-b .seyc-button {
	border-top-width: 1px;
}

/*Footer in Dialog popup */
.ui-dialog-contain > .seyc-header, 
.ui-dialog-contain > .ui-content, 
.ui-dialog-contain > .seyc-footer { 
	display: block;
	position: relative; 
	width: auto;
	margin: 0;
}

.ui-dialog-contain > .seyc-header {
	overflow: hidden;
	z-index: 10; 
	padding: 0;
	border-top-width: 0;
}
.ui-dialog-contain > .seyc-footer {
	z-index: 10; 
	padding: 0 1em; 
	border-bottom-width: 0;
}
.ui-popup-open .seyc-header-fixed,
.ui-popup-open .seyc-footer-fixed {
	position: absolute !important; /* See issues #4816, #4844 and #4874 and popup.js */
}

.ui-popup > .seyc-footer {
	border-bottom-width: 0;
}

.seyc-screen-hidden {
	display: none !important;
}

/*JQueryMigration - End */

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

/* Align icons inside label */
label.seyc-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 .seyc-block-b {
	width: 60%;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	float: none;
}

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

.seyc-infoBlock  .seyc-button {
	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 .seyc-block-a {
    	width: 20%;
	}
	.seyc-header-grid .seyc-block-b {
        width: 50%;
	}
	.seyc-header-grid .seyc-block-c {
		width: 30%;
	}
}

.seyc-block-a{
	clear: left;
}

.seyc-block-a, .seyc-block-b, .seyc-block-c, .seyc-block-d, .seyc-block-e {
    margin: 0;
    padding: 0; 
	border: 0;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.seyc-grid-a,
.seyc-grid-b,
.seyc-grid-c,
.seyc-grid-d,
.seyc-grid-solo {
	overflow: hidden;
}

ul.seyc-grid-a,
ul.seyc-grid-b,
ul.seyc-grid-c,
ul.seyc-grid-d,
ul.seyc-grid-solo,
li.seyc-block-a,
li.seyc-block-b,
li.seyc-block-c,
li.seyc-block-d,
li.seyc-block-e {
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	list-style: none;
}
/* No margin in grids for 100% width button elements until we can use max-width: fill-available; */
[class*="seyc-block-"] > button.ui-btn {
	margin-right: 0;
	margin-left: 0;
}
[class*="seyc-block-"] > .ui-btn,
[class*="seyc-block-"] > .ui-select,
[class*="seyc-block-"] > .ui-checkbox,
[class*="seyc-block-"] > .ui-radio,
[class*="seyc-block-"] > button.ui-btn-inline,
[class*="seyc-block-"] > button.ui-btn-icon-notext {
	margin-right: .3125em;
	margin-left: .3125em;
}
.seyc-grid-a > .seyc-block-a,
.seyc-grid-a > .seyc-block-b {
	/* width: 49.95%; IE7 */
	/* margin-right: -.5px; BB5 */
	width: 50%;
}
.seyc-grid-b > .seyc-block-a,
.seyc-grid-b > .seyc-block-b,
.seyc-grid-b > .seyc-block-c {
	/* width: 33.25%; IE7 */
	/* margin-right: -.5px; BB5 */
	width: 33.333%;
}
.seyc-grid-c > .seyc-block-a,
.seyc-grid-c > .seyc-block-b,
.seyc-grid-c > .seyc-block-c,
.seyc-grid-c > .seyc-block-d {
	/* width: 24.925%; IE7 */
	/* margin-right: -.5px; BB5 */
	width: 25%;
}
.seyc-grid-d > .seyc-block-a,
.seyc-grid-d > .seyc-block-b,
.seyc-grid-d > .seyc-block-c,
.seyc-grid-d > .seyc-block-d,
.seyc-grid-d > .seyc-block-e {
	/* width: 19.925%; IE7 */
	width: 20%;
}
.seyc-grid-solo > .seyc-block-a {
	width: 100%;
	float: none; 
}
/* preset breakpoint to switch to stacked grid styles below 35em (560px) */
@media (max-width: 35em) {
	.ui-responsive > .seyc-block-a,
	.ui-responsive > .seyc-block-b,
	.ui-responsive > .seyc-block-c,
	.ui-responsive > .seyc-block-d,
	.ui-responsive > .seyc-block-e {
		width: 100%; 
		float: none; 
	}
}

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

.seyc-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.seyc-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.seyc-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.seyc-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 .seyc-controlgroup-controls{
	padding-left: 1em;	
	padding-right: 1em;
	display: inline-block;
	vertical-align: middle;
}

.seyc-radioGroup-vertical .seyc-radio > label, .seyc-controlGroup .seyc-checkbox > label, 
.seyc-fieldWrapper-span .seyc-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 .seyc-input-search, .seyc-fieldWrapper-span .seyc-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 .seyc-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;
}

/* Make menu list scrollable if getting too long */
.seyc-menu-list {
	max-height: 357px; /* around 8 items */
	overflow-y: auto;
}

.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,
.seyc-list > li {
	margin: 0em !important;
	list-style: none;
    padding: 0;	
}

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

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

html body .seyc-li-btn,
html body .seyc-li .seyc-li-btn:visited,
html body .seyc-li .seyc-li-btn:hover {
	background-color: #ffffff;
}

html body .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-genericCell-firstTapArea .seyc-li-listIconContainer{
	position: absolute;
    right: 5px;
    display: block;
    top: calc(50% - 5px);
}

.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-list .seyc-basicCell.seyc-li-btn, .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;
	margin: 0;
    display: block;
    position: relative;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	line-height: 1.3;
	text-decoration: none !important;
	outline: 0;
}

.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 {
	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;
	margin: 0;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0.5em 1.143em 0.8em 1em;
    cursor: default;
    outline: 0;
}
/*Floating divider cell */
.seyc-floatingDividerCell{
	position: fixed; 
	left: 0px; 
	top: unset;
	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;	
}

/* JQuery - Start */

.seyc-collapsible-content > .seyc-list {
	margin: -.5em -1em;
}
.seyc-list > li {
	display: block;
	position: relative;
	overflow: visible;
	outline: 0;
}
.seyc-list > .ui-li-static,
.seyc-list > li > a.seyc-li-btn {
	margin: 0;
	display: block;
	position: relative;
	text-align: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	color: #000000;
    font-weight: bold;
    text-shadow: none;
    font-size: 14px;
    padding: .7em 1em;
    font-family: 'Lato-Semibold';
    border-radius: inherit;
}

.seyc-list > li.seyc-taskWidget > a.seyc-li-btn {
	padding: 0;
}

.seyc-list > li > .seyc-li-btn:focus {
	z-index: 1;
}
.seyc-list > .ui-li-static,
.seyc-list > .seyc-list-divider,
.seyc-list > li > a.seyc-li-btn{
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: transparent;
}
.ui-listview-inset > .ui-li-static,
.ui-listview-inset > .seyc-list-divider,
.ui-listview-inset > li > a.seyc-li-btn {
	border-right-width: 1px;
	border-left-width: 1px;
}
.seyc-list > .ui-li-static.seyc-last-child,
.seyc-list > .seyc-list-divider.seyc-last-child,
.seyc-list > li.seyc-last-child > a.seyc-li-btn {
	border-bottom-width: 1px;
}
.seyc-collapsible-content > .seyc-list:not(.ui-listview-inset) > li.seyc-first-child,
.seyc-collapsible-content > .seyc-list:not(.ui-listview-inset) > li.seyc-first-child > a.ui-btn {
	border-top-width: 0;
}
.ui-collapsible-themed-content .seyc-list:not(.ui-listview-inset) > li.seyc-last-child,
.ui-collapsible-themed-content .seyc-list:not(.ui-listview-inset) > li.seyc-last-child > a.seyc-li-btn {
	border-bottom-width: 0;
}
.seyc-list > li.seyc-first-child,
.seyc-list > li.seyc-first-child > a.seyc-li-btn {
	-webkit-border-top-right-radius: inherit;	
	border-top-right-radius: inherit;
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
}
.seyc-list > li.seyc-last-child,
.seyc-list > li.seyc-last-child > a.seyc-li-btn {
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
}
.seyc-list > li.ui-li-has-alt > a.seyc-li-btn  {
	-webkit-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}
.seyc-list > li.seyc-first-child > a.seyc-li-btn  + a.seyc-li-btn  {
	-webkit-border-top-left-radius: 0;	
	border-top-left-radius: 0;
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius: inherit;
}
.seyc-list > li.seyc-last-child > a.seyc-li-btn  + a.seyc-li-btn  {
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
}
.seyc-list > li.seyc-first-child img:first-child:not(.seyc-li-icon) {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;	
}
.seyc-list > li.seyc-last-child img:first-child:not(.seyc-li-icon) {
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;	
}
.seyc-collapsible-content > .seyc-list:not(.ui-listview-inset) {
	-webkit-border-radius: inherit;
	border-radius: inherit;	
}
.seyc-list > .ui-li-static {
	padding: .7em 1em;
}

.seyc-list > .seyc-li-has-count > .seyc-li-btn ,
.seyc-list > .ui-li-static.seyc-li-has-count,
.seyc-list > .seyc-list-divider.seyc-li-has-count {
	padding-right: 2.8125em;
}
.seyc-list > .seyc-li-has-count > .ui-btn-icon-right {
	padding-right: 4.6875em;
}
.seyc-list > .ui-li-has-thumb > .seyc-li-btn ,
.seyc-list > .ui-li-static.ui-li-has-thumb {
	min-height: 3.625em;
	padding-left: 6.25em;
}
/* ui-li-has-icon deprecated in 1.4. TODO: remove in 1.5 */
.seyc-list > .ui-li-has-icon > .seyc-li-btn ,
.seyc-list > .ui-li-static.ui-li-has-icon {
	min-height: 1.25em;
	padding-left: 2.5em;
}


/*end*/

.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 .seyc-button.ui-checkbox-off::after, .seyc-li-btn .seyc-li-contentParent div:last-child .seyc-button.ui-checkbox-on::after{
    border-radius: 16px;
    background-repeat: no-repeat;
    color:#C7CDD1;
    margin-left :4px;
}
.seyc-li-btn .seyc-button.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 .seyc-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 .seyc-input-search, .seyc-filter .ui-input-clear {
	margin-top: 0em !important;
	margin-bottom: 0em !important;
}

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

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

.seyc-li-count {	
	background-color: #d1d6d6 !important;	
	padding: 0.2em 0.5em 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; 
	line-height: 1.6em;
    min-height: 1.6em;
	text-align: center;
}

@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-page-active {
	display: block !important;
	overflow: visible;
    overflow-x: hidden;
}

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

label{
    margin: .5em 2% 0 0;
    font-weight: normal;
    font-size: 14px;
	display: block;
}

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

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

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

.seyc-grid-a > .seyc-singleLineLabelParent,
.seyc-grid-b > .seyc-singleLineLabelParent,
.seyc-grid-c > .seyc-singleLineLabelParent,
.seyc-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;
}

.seyc-grid-a > .seyc-singleLineLabelParentBlock,
.seyc-grid-b > .seyc-singleLineLabelParentBlock,
.seyc-grid-c > .seyc-singleLineLabelParentBlock,
.seyc-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;
}

.seyc-grid-a > .seyc-singleLineLabelParent,
.seyc-grid-b > .seyc-singleLineLabelParent,
.seyc-grid-c > .seyc-singleLineLabelParent,
.seyc-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;*/
}

.seyc-grid-a > .seyc-singleLineLabelParentBlock,
.seyc-grid-b > .seyc-singleLineLabelParentBlock,
.seyc-grid-c > .seyc-singleLineLabelParentBlock,
.seyc-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;	
}

.seyc-grid-a > .seyc-singleLineInputParent,
.seyc-grid-b > .seyc-singleLineInputParent,
.seyc-grid-c > .seyc-singleLineInputParent,
.seyc-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;	
}

.seyc-grid-a > .seyc-singleLineInputParent,
.seyc-grid-b > .seyc-singleLineInputParent,
.seyc-grid-c > .seyc-singleLineInputParent,
.seyc-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; */
}

.seyc-grid-a > .seyc-singleLineInputParentBlock,
.seyc-grid-b > .seyc-singleLineInputParentBlock,
.seyc-grid-c > .seyc-singleLineInputParentBlock,
.seyc-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;
}

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


/* JQuery Migration : Input Field JQM style */
.seyc-input-text{
	-webkit-border-radius: 0em;
    border-radius: 0em;
    background-color: #ffffff !important;
    border: none !important;
    color: #000000;
}

.seyc-input-search {
    background-color: #ffffff !important;
    color: #000000;
    border-radius: 1em;
}
.seyc-input-text input,
.seyc-input-search input {
	color: inherit;
	text-shadow: none;
}

.seyc-input-text,
.seyc-input-search {
	margin: .5em 0;
	/*border-width: 1px;
	border-style: solid;*/
}

.seyc-input-text input,
.seyc-input-search input,
textarea.seyc-input-text {
	padding: .4em;
	line-height: 1.4em;
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}

.seyc-input-text input,
.seyc-input-search input {
	margin: 0;
	min-height: 2.2em;
	text-align: left; /* Opera aligns type="date" right by default */
	border: none;
	background: transparent none;
	-webkit-appearance: none;
	-webkit-border-radius: inherit;
	border-radius: inherit;
}
.seyc-input-text input{
	background: transparent none;
}

textarea.seyc-input-text {
	overflow: hidden;
	resize: vertical;
}

.seyc-input-search.ui-input-has-clear .seyc-button.ui-input-clear, /*to be seyc-input-clear*/
.seyc-input-text.ui-input-has-clear .seyc-button.ui-input-clear {
	position: absolute;
	right: 0;
	top: 50%;
	margin: -14px .3125em 0;
	border: 0;
	background-color: transparent !important;
}

.ui-input-has-clear {
    position: relative;
}

.seyc-btn-icon-notext{ /*need update*/
	padding: 0;
    text-indent: -9999px;
    white-space: nowrap !important;
}

.seyc-input-text input:focus, .seyc-input-search input:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.seyc-input-search .ui-input-clear-hidden,
.seyc-input-text .ui-input-clear-hidden {
	display: none;
}

.seyc-input-search{
	position : relative;
}

.seyc-input-search:after {
	background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20d%3D%22M10.171%2C8.766c0.617-0.888%2C0.979-1.964%2C0.979-3.126c0-3.037-2.463-5.5-5.5-5.5s-5.5%2C2.463-5.5%2C5.5s2.463%2C5.5%2C5.5%2C5.5%20c1.152%2C0%2C2.223-0.355%2C3.104-0.962l3.684%2C3.683l1.414-1.414L10.171%2C8.766z%20M5.649%2C9.14c-1.933%2C0-3.5-1.567-3.5-3.5%20c0-1.933%2C1.567-3.5%2C3.5-3.5c1.933%2C0%2C3.5%2C1.567%2C3.5%2C3.5C9.149%2C7.572%2C7.582%2C9.14%2C5.649%2C9.14z%22%2F%3E%3C%2Fsvg%3E");
	position: absolute;
	left: .3125em;
	top: 50%;
	margin-top: -7px;
	padding-left: 1em;
	content: "";
	background-position: center center;
	background-repeat: no-repeat;
	width: 14px;
	height: 14px;
	filter: Alpha(Opacity=50);
	opacity: .5;
}

.seyc-input-search input {
	padding-left: 1.75em;
}

/*End */

/*This JQM style has to be overriden as we do not have any control over its insertion*/
.seyc-singleLine .seyc-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 .seyc-controlgroup-label{
	padding: 0.8em 1em 0.1em 1em !important;
}
.seyc-list .seyc-field, .seyc-list .seyc-controlGroup .seyc-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 .seyc-input-text, .seyc-singleLineInputParent .seyc-input-text, .seyc-singleLineInputParentBlock .seyc-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) {
	.seyc-grid-b .seyc-btn-has-icon .seyc-btn-label,.seyc-grid-c .seyc-btn-has-icon .seyc-btn-label,.seyc-grid-d .seyc-btn-has-icon .seyc-btn-label
		{
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.seyc-grid-b .seyc-btn-icon,.seyc-grid-c .seyc-btn-icon,.seyc-grid-d .seyc-btn-icon
		{
		margin-right: 0em;
	}
	.seyc-grid-b .seyc-btn-has-icon,.seyc-grid-c .seyc-btn-has-icon,.seyc-grid-d .seyc-btn-has-icon
		{
		padding: 0.2em;		
		text-overflow: none;
	}
	
	.seyc-footer-simpleChildView .seyc-grid-b .seyc-btn-has-icon,.seyc-footer-simpleChildView .seyc-grid-c .seyc-btn-has-icon,
	.seyc-footer-simpleChildView .seyc-grid-d .seyc-btn-has-icon{
		padding-top: 0.6em;
		padding-bottom: 0.6em;
	}
}

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

@media all and (max-width: 52em) {
	.seyc-grid-d .seyc-btn-has-icon .seyc-btn-label {
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
	}
	.seyc-grid-d .seyc-btn-icon {
		margin-right: 0em;
	}
	.seyc-grid-d .seyc-btn-has-icon {
		padding: 0.2em;		
		text-overflow: none;
	}
	
	.seyc-footer-simpleChildView .seyc-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*/
.seyc-ui-navbar li:last-child .seyc-button .seyc-btn-badger {
	right: 3px;
}

@media screen and (max-width: 55em) {
	.seyc-ui-navbar .seyc-grid-b li:last-child .seyc-button .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(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(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;
}

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

.seyc-ui-navbar li .seyc-button.seyc-tab{
	height: auto;
	margin: .5em 0;
	margin:0;
	border: none;
	color: #000000;
}

/*
===========================
    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;
	width: 100%;
	max-width: 70px;
    min-width: 40px;
    height: 100%;
	align-content: center;
    padding: 0;
    display: inline-block;
    vertical-align: top;
}

.seyc-block-a .seyc-header-button{
	height: 80%;
}
/*.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);
}

.seyc-header-grid .seyc-button{
	display : inline-block;
}

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

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

.seyc-header-left-section {
	height: 33px;
	height: 50px;
	display: inline-flex;
	width: 100%;
	max-width: 120px;
	align-items: center;
}

.seyc-header-left-section .seyc-header-txtbtn {
	padding-left: 5px;
}

.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;
	display: flex;
	justify-content: end;
	width: 100%;
	max-width: 200px;
	float: right;
	flex-direction: row;
	padding-right: 5px;
	align-content: flex-end;
}

.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;
	display: none;
}
.seyc-login-container{
    width: 100%;
    padding: 0em;
	height: 100%;
    overflow: visible;
    overflow-x: hidden;
}
.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.seyc-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;
	text-align: center;
}

.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 .seyc-input-text{
	border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.seyc-login-details .seyc-fieldWrapper-span.seyc-custom-login-password .seyc-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 .seyc-input-text {
	/* background-color: #ffcccc !important; */
		background-color: #ffe6e6 !important;
}

.seyc-login-details .seyc-fieldWrapper-span .seyc-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;
	z-index: 3;
}


@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>.seyc-button {
	padding-top: 0.55em !important;
	padding-left: 2.5em !important;
	height: 1em;
    border: none;
    margin: 0;
    line-height: 100%;
}

.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 .seyc-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 .seyc-button {
	text-align: left;
	padding: 0.5em 2.5em 0.5em 2.5em;	
}

.seyc-has-active-placeholder .seyc-button,.seyc-has-active-placeholder .seyc-button: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 .seyc-button {	
	
	text-align: left;
	padding: 0.4em 2.5em 0.4em 0.6em;
	background-color: #ffffff !important;
}

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

.seyc-combobox-dropdown .ui-select .seyc-button::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 .seyc-button::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 select {
	top: 0;
    left: 0;
    width: 100%;
    min-height: 1.5em;
    height: 3em;
    max-height: 100%;
    outline: 0;
    -webkit-border-radius: inherit;
    border-radius: inherit;
    cursor: pointer;
    z-index: 2;
}

.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 .seyc-button,.seyc-combobox-has-active-placeholder .seyc-button:hover
	{
	color: black;	
	/* margin-bottom: 1em !important; */
}

/* Placeholder Color for selectview GLIB16120014 */ 
.seyc-combobox-has-active-placeholder .seyc-button 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 .seyc-button{
	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 */
.seyc-button.seyc-radio-off::after, .seyc-button.ui-checkbox-off::after {
	background-color:transparent !important;
	opacity: 1;
	left: 1em;
}

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

/*Overiding JQuery Mobile style as we do not have any control over its insertion*/
.seyc-fieldWrapper-span .seyc-checkbox label, .seyc-radioGroup-vertical .seyc-radio label{
    padding-left: 52px;
    padding-top: 20px;
    vertical-align: middle;
	width: auto;
    height: auto;
}


.seyc-fieldWrapper-span .ui-checkbox-on::after, .seyc-radioGroup-vertical .seyc-radio-on::after{
	left: 1em;
}
.seyc-radioGroup-horizontal label.seyc-radio-off, .seyc-slider label.seyc-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 .seyc-button{
	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;
	outline: 0;
}

/* 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 .seyc-button 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*/
	outline: 0;
}

.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;
  position: absolute;
}

.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.seyc-button{
	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-button{
	border: none;
    line-height: 130%;
    font-weight: bold;
}

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

.seyc-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;
	
}
.seyc-input-search.ui-input-has-clear .seyc-ui-input-icon-black.seyc-scan-clear-icon +.ui-icon-delete,.seyc-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.4em !important;
	/*right: 1em !important;*/
	margin : 0em !important;
	
}

.seyc-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 .seyc-input-text, .seyc-dialogPage-content .seyc-input-search{
	border: solid #797a7a 1px !important;	
}
.seyc-dialogPage-content .seyc-scanView .seyc-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-li-menupopup{
	border-bottom: 1px solid #e6e6e6;
}

.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 .seyc-button  {
	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.5em;
}

.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 .seyc-input-text{
	font-size: 1.4em;
	margin: 0px;
	background-color: transparent !important;
}

/*Jquery Migration - Start */
.seyc-numericSpinner-field .seyc-input-text.ui-focus{
	box-shadow : none;
}
.seyc-footer .seyc-footer-numericSpinner .seyc-button {
    height: 40px;
    padding: .2em 1em;
    margin: 0;
    width: 100%;
}
/*Jquery Migration - End */

/*Mobiscroll for numeric spinner change*/
.seyc-numericSpinner-field .seyc-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-simpleChildView, .seyc-childMViewMessage, .seyc-footer-numericSpinner .seyc-navbar{
	margin : 0.2em;
}
.seyc-footer-has-title .seyc-footer-simpleChildView{
	min-height: 0.6em;
}


.seyc-childMViewMessage .seyc-footerMessage-close{
	position: absolute;
	right: -0.2em;
	top: 1.5em;
	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 .seyc-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;   
	margin:0;
    padding: 20px 0px 0px 20px;
	display: block;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	outline: 0;
}

.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: 5px;
    /* 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; */
	font-size : 14px;
	font-weight : normal;
}

.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;
    margin: 0.5em 0;
    padding: 0.7em 1em;
    display: block;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
    border: none;
    text-decoration: none !important;
}

.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 .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;
	outline: 0;
}
html body .seyc-button:hover {
	background-color: #E5F0FC;	
}
html body .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 .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-controlgroup-horizontal .seyc-controlgroup-controls{
	display: inline-block;
    vertical-align: middle;
	border-radius: inherit;
}

.seyc-controlgroup-controls::before{
	content: "";
    display: table;
}

.seyc-controlgroup-vertical .seyc-controlgroup-controls{
	display : block;
}

.seyc-controlgroup-horizontal .seyc-controlgroup-controls > .seyc-button,
.seyc-controlgroup-horizontal .seyc-controlgroup-controls li > .seyc-button,
.seyc-controlgroup-horizontal .seyc-controlgroup-controls .seyc-checkbox,
.seyc-controlgroup-horizontal .seyc-controlgroup-controls .seyc-radio,
.seyc-controlgroup-horizontal .seyc-controlgroup-controls .seyc-select {
	float: left;
	clear: none;
}

.seyc-controlgroup-vertical .seyc-controlgroup-controls .seyc-button {
	border-bottom-width: 0;
}
.seyc-controlgroup-vertical .seyc-controlgroup-controls .seyc-button:first-child {
	border-bottom-width: 1px;
}
.seyc-controlgroup-horizontal .seyc-controlgroup-controls .seyc-button {
	border-right-width: 0;
}
.seyc-controlgroup-horizontal .seyc-controlgroup-controls .seyc-button:last-child {
	border-right-width: 1px;
}

.seyc-button:link {
    text-decoration: none !important;
}

.seyc-controlgroup-horizontal .seyc-controlgroup-controls button.seyc-button,
.seyc-controlgroup-controls .seyc-btn-icon-notext {
	width: auto;
}
.seyc-controlgroup-horizontal .seyc-controlgroup-controls .seyc-btn-icon-notext,
.seyc-controlgroup-horizontal .seyc-controlgroup-controls button.seyc-btn-icon-notext {
	width: 1.5em;
}
.seyc-controlgroup-controls .seyc-btn-icon-notext {
	height: auto;
	padding: .7em 1em;
}
.seyc-controlgroup-vertical .seyc-controlgroup-controls .seyc-button {
	border-bottom-width: 0;
}
.seyc-controlgroup-vertical .seyc-controlgroup-controls .seyc-button:last-child {
	border-bottom-width: 1px;
}
.seyc-controlgroup-horizontal .seyc-controlgroup-controls .seyc-button {
	border-right-width: 0;
}
.seyc-controlgroup-horizontal .seyc-controlgroup-controls .seyc-button:last-child {
	border-right-width: 1px;
}
.seyc-controlgroup-controls .ui-btn-corner-all,
.seyc-controlgroup-controls .seyc-button.ui-corner-all {
	-webkit-border-radius: 0;
	border-radius: 0;
}
.seyc-controlgroup-controls,
.seyc-controlgroup-controls .seyc-radio,
.seyc-controlgroup-controls .seyc-checkbox,
.seyc-controlgroup-controls .ui-select,
.seyc-controlgroup-controls li {
	-webkit-border-radius: inherit;
	border-radius: inherit;
}
.seyc-controlgroup-vertical .seyc-button:first-child {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius: inherit;
}
.seyc-controlgroup-vertical .seyc-button:last-child {
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
}
.seyc-controlgroup-horizontal .seyc-button:first-child {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
}
.seyc-controlgroup-horizontal .seyc-button:last-child {
	-webkit-border-top-right-radius: inherit;
	border-top-right-radius: inherit;
	-webkit-border-bottom-right-radius: inherit;
	border-bottom-right-radius: inherit;
}
.seyc-controlgroup-controls a.ui-shadow:not(:focus),
.seyc-controlgroup-controls button.ui-shadow:not(:focus),
.seyc-controlgroup-controls div.ui-shadow:not(.ui-focus) {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

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

html body .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.seyc-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 .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: block;
	border: None !important;
	color: #000000 !important;
	text-shadow: 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 */
.seyc-controlgroup .seyc-singleLineIconInLabel{
	 float: left;
 	 margin-top: 0px !important;
}
/*End*/
/* GroupView and PanelView styles */
.seyc-groupView-collapsible-header .seyc-button, .seyc-panelCard-collapsible-header .seyc-button{
	background-color: #b0bec8 !important;
	font-size: 1em;	
	padding-left: 1em;
	
}

.seyc-panelView-collapsible-header{
	display: block;
    margin: 0;
    padding: 0;
    position: relative;
}


.seyc-panelView-collapsible-header .seyc-button:active,
.seyc-groupView-collapsible-header .seyc-button:active, .seyc-panelCard-collapsible-header .seyc-button: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 .seyc-button.ui-icon-arrow-down, 
.seyc-panelView-collapsible-header .seyc-button.ui-icon-arrow-down, 
.seyc-panelCard-collapsible-header .seyc-button.ui-icon-arrow-down,
.seyc-groupView-collapsible-header .seyc-button.ui-icon-arrow-up,
.seyc-panelView-collapsible-header .seyc-button.ui-icon-arrow-up,
.seyc-panelCard-collapsible-header .seyc-button.ui-icon-arrow-up{
	background-image: none;
}

.seyc-panelView-collapsible-header .seyc-button.ui-icon-arrow-down::after,
.seyc-groupView-collapsible-header .seyc-button.ui-icon-arrow-down::after,
.seyc-panelCard-collapsible-header .seyc-button.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 .seyc-button.ui-icon-arrow-up::after,
.seyc-groupView-collapsible-header .seyc-button.ui-icon-arrow-up::after,
.seyc-panelCard-collapsible-header .seyc-button.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 .seyc-collapsible-content,
.seyc-panelCard .seyc-collapsible-content
{
	background-color: #dbe3ec;
	border: solid #b0bec8 1px;
	padding: 0em;
	padding-bottom: 1em;
}
/*New look of PanelView for REMA2*/
.seyc-collapsible-content{
	display: block;
    margin: 0;
    padding: .5em 1em;
	border-bottom-right-radius: inherit;
	border-bottom-left-radius: inherit;
}

.seyc-panelView-content .seyc-collapsible-content{
	background-color: white;
	padding-bottom: 1em;
	border: 1px solid #000000;
    color: black;
}

.seyc-collapsible-content-collapsed {
    display: none !important;
}

/*New look of PanelView for REMA2*/
.seyc-panelView-collapsible-header .seyc-button{
	color: #1B8AFF !important;
	font-size: 15px;
	font-family: Lato-Regular;
	text-align: left;
	padding: 20px 30px 0px 20px !important;
	line-height: 1.3em;
	height:20px;
	font-weight: normal;
	word-break: break-word;
    text-transform: uppercase;
	margin : 0;
	text-decoration: none !important;
	border: none;
	background-color: #f6f6f6;
}

.seyc-collapsible-heading-status {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}
/* 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;
}

.seyc-panel {
	width: 17em;
	min-height: 100%;
	max-height: none;
	border-width: 0;
	position: absolute;
	top: 0;
	display: block;
}
.seyc-panel-closed {
	width: 0;
	max-height: 100%;
	overflow: hidden;
	visibility: hidden;
}
.seyc-panel-fixed {
	position: fixed;
	bottom: -1px; /* Fixes gap on Chrome for Android */
	padding-bottom: 1px;
}
.seyc-panel-display-reveal {
	z-index: 1;
}
.seyc-panel-display-push {
	z-index: 1001;
}
.seyc-panel-display-overlay {
	z-index: 1001; /* Fixed toolbars have z-index 1000 */
}
.seyc-panel-inner {
	padding: 1em;
}
/* Container, page and wrapper */
.seyc-panel-page-container {
	overflow-x: visible;
}
.seyc-panel-page-container-themed .seyc-page {
	background: none;
}
.seyc-panel-wrapper {
	position: relative;
	min-height: inherit;
	border: 0;
	overflow-x: hidden;
	z-index: 999;
}
/* Fixed toolbars */
.seyc-panel-fixed-toolbar {
	overflow-x: hidden;
}
/* Dismiss */
.seyc-panel-dismiss {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100%;
	z-index: 1002;
	display: none;
}
.seyc-panel-dismiss-open {
	display: block;
}
/* Animate class is added to panel, wrapper and fixed toolbars */
.seyc-panel-animate {
	-webkit-transition: -webkit-transform 300ms ease;
	-webkit-transition-duration: 300ms;
	-moz-transition: -moz-transform 300ms ease;
	transition: transform 300ms ease;
}
/* Fix for Windows Phone issue #6349: unset the transition for transforms in case of fixed toolbars. */
@media screen and ( max-device-width: 768px ) {
	.ui-page-header-fixed .seyc-panel-animate.seyc-panel-wrapper,
	.ui-page-footer-fixed .seyc-panel-animate.seyc-panel-wrapper,
	.seyc-panel-animate.seyc-panel-fixed-toolbar {
		-ms-transition: none;
	}
	/* We need a transitionend event ... */
	.seyc-panel-animate.seyc-panel-fixed-toolbar {
		-ms-transition: -ms-transform 1ms;
		-ms-transform: rotate(0deg);
	}
}
/* Hardware acceleration for smoother transitions on WebKit browsers */
.seyc-panel-animate.seyc-panel:not(.seyc-panel-display-reveal) {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translate3d(0,0,0);
}
/* Panel positioning (for overlay and push) */
/* Panel left closed */
.seyc-panel-position-left {
	left: -17em;
}
/* Panel left closed animated */
.seyc-panel-animate.seyc-panel-position-left.seyc-panel-display-overlay,
.seyc-panel-animate.seyc-panel-position-left.seyc-panel-display-push {
	left: 0;
	-webkit-transform: translate3d(-17em,0,0);
	-moz-transform: translate3d(-17em,0,0);
	transform: translate3d(-17em,0,0);
}
/* Panel left open */
.seyc-panel-position-left.seyc-panel-display-reveal, /* Unset "panel left closed" for reveal */
.seyc-panel-open.seyc-panel-position-left {
	left: 0;
}
/* Panel left open animated */
.seyc-panel-animate.seyc-panel-open.seyc-panel-position-left.seyc-panel-display-overlay,
.seyc-panel-animate.seyc-panel-open.seyc-panel-position-left.seyc-panel-display-push {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-moz-transform: none;
}
/* Panel right closed */
.seyc-panel-position-right {
	right: -17em;
}
/* Panel right closed animated */
.seyc-panel-animate.seyc-panel-position-right.seyc-panel-display-overlay,
.seyc-panel-animate.seyc-panel-position-right.seyc-panel-display-push {
	right: 0;
	-webkit-transform: translate3d(17em,0,0);
	-moz-transform: translate3d(17em,0,0);
	transform: translate3d(17em,0,0);
}
/* Panel right open */
.seyc-panel-position-right.seyc-panel-display-reveal, /* Unset "panel right closed" for reveal */
.seyc-panel-position-right.seyc-panel-open {
	right: 0;
}
/* Panel right open animated */
.seyc-panel-animate.seyc-panel-open.seyc-panel-position-right.seyc-panel-display-overlay,
.seyc-panel-animate.seyc-panel-open.seyc-panel-position-right.seyc-panel-display-push {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-moz-transform: none;
}
/* Wrapper and fixed toolbars positioning (for reveal and push) */
/* Panel left open */
.seyc-panel-page-content-position-left {
	left: 17em;
	right: -17em;
}
/* Panel left open animated */
.seyc-panel-animate.seyc-panel-page-content-position-left {
	left: 0;
	right: 0;
	-webkit-transform: translate3d(17em,0,0);
	-moz-transform: translate3d(17em,0,0);
	transform: translate3d(17em,0,0);
}
/* Panel right open */
.seyc-panel-page-content-position-right {
	left: -17em;
	right: 17em;
}
/* Panel right open animated */
.seyc-panel-animate.seyc-panel-page-content-position-right {
	left: 0;
	right: 0;
	-webkit-transform: translate3d(-17em,0,0);
	-moz-transform: translate3d(-17em,0,0);
	transform: translate3d(-17em,0,0);
}
/* Dismiss model open */
.seyc-panel-dismiss.seyc-panel-dismiss-position-left {
	left: 17em;
}
.seyc-panel-dismiss.seyc-panel-dismiss-position-right {
	right: 17em;
}
/* Shadows and borders */
.seyc-panel-display-reveal {
	-webkit-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
	box-shadow: inset -5px 0 5px rgba(0,0,0,.15);
}
.seyc-panel-position-right.seyc-panel-display-reveal {
	-webkit-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
	box-shadow: inset 5px 0 5px rgba(0,0,0,.15);
}
.seyc-panel-display-overlay {
	-webkit-box-shadow: 5px 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: 5px 0 5px rgba(0,0,0,.15);
	box-shadow: 5px 0 5px rgba(0,0,0,.15);
}
.seyc-panel-position-right.seyc-panel-display-overlay {
	-webkit-box-shadow: -5px 0 5px rgba(0,0,0,.15);
	-moz-box-shadow: -5px 0 5px rgba(0,0,0,.15);
	box-shadow: -5px 0 5px rgba(0,0,0,.15);
}
.seyc-panel-open.seyc-panel-position-left.seyc-panel-display-push {
	border-right-width: 1px;
	margin-right: -1px;
}
.seyc-panel-page-content-position-left.seyc-panel-page-content-display-push {
	margin-left: 1px;
	width: auto;
}
.seyc-panel-open.seyc-panel-position-right.seyc-panel-display-push {
	border-left-width: 1px;
	margin-left: -1px;
}
.seyc-panel-page-content-position-right.seyc-panel-page-content-display-push {
	margin-right: 1px;
	width: auto;
}
/* Responsive: wrap on wide viewports once open */
@media (min-width:55em) {
	.seyc-responsive-panel .seyc-panel-page-content-open.seyc-panel-page-content-position-left {
		margin-right: 17em;
	}
	.seyc-responsive-panel .seyc-panel-page-content-open.seyc-panel-page-content-position-right {
		margin-left: 17em;
	}
	.seyc-responsive-panel .seyc-panel-page-content-open {
		width: auto;	
	}
	.seyc-responsive-panel .seyc-panel-dismiss-display-push,
	.seyc-responsive-panel.seyc-page-active ~ .seyc-panel-dismiss-display-push {
		display: none;
	}
}

.seyc-field-contain{
	border-bottom-color: #828282;
	border-bottom-width: 1px;
	margin: 1em 0;
	padding: 0;
	display: block;
    position: relative;
    overflow: visible;
    clear: both;
}

.seyc-field-contain .seyc-controlgroup-label{
	width:20%;
}

@media (min-width: 28em) {
    .seyc-field-contain:after {
        clear: both;
    }
}
@media (min-width: 28em) {
    .seyc-field-contain:before, .seyc-field-contain:after {
        content: "";
        display: table;
    }
}

.seyc-collapsible{
	background-clip: padding-box;
}

label ~ .seyc-collapsible {
	width: 78%;
	float: left;
	margin: 0;
}

.seyc-collapsible-content label{
	float : left;
	width: 20%;
}

.seyc-corner-all{
	border-radius: 0em /*{global-radii-blocks}*/;
}

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

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

.seyc-button.seyc-nav-btn:not(.seyc-tab):active {
	opacity: 0.5;
}

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

.seyc-input-text.ui-focus, .seyc-input-search.ui-focus {
  box-shadow: inset 0 0 0 2px #2098d1, 0 0 2px rgba(0, 0, 0, 0);    
}
.seyc-dialogPage-content .seyc-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 .seyc-block-a,
.seyc-select-no-label.seyc-field-has-warning .seyc-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 .seyc-list .ui-collapsible {
    margin: 0em !important;
    border: 0px;
}
.testTreeViewDesktop .seyc-list{
    margin: 0em !important;
    border: 0px;
}
.testTreeViewDesktop, .ui-content .seyc-list,
.ui-panel-inner > .seyc-list {
	margin: 0em !important;
}

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

.seyc-filter .seyc-input-search{
	border: 1px solid #000000;
    color: black;
	border-radius: 0;
}

.seyc-filter .seyc-input-search:after {
	padding-left: 0;
}

.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;
    min-width: fit-content;
    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 */
}
.seyc-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 .seyc-button{
	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;
	border: 1px solid #000000;
    color: black;
}
.ui-mini.ui-input-has-clear,.ui-input-has-clear{
	padding-right : 0 !important;
}
.seyc-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;
	padding: 0em !important;
}

.seyc-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;
	padding: 0em !important;
}

/*
.seyc-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 .seyc-input-text.ui-input-has-clear .ui-icon-delete{
	    margin: 0 25px 0 0 !important;
		border: none !important;
}
.seyc-input-text.ui-input-has-clear input{
	width : 90%
}
.seyc-input-text.seyc-state-disabled.ui-input-has-clear input{
	width : 100%
}

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

.seyc-btn-icon-notext.ui-btn-corner-all, .seyc-btn-icon-notext.ui-corner-all{
	border-color: #1B8AFF !important
}
.seyc-ui-input-icon-white{
	}
	
.seyc-ui-input-icon-black{
	
}
.seyc-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;
}

.seyc-button.seyc-li-btn.seyc-basicCell.seyc-li-extendedCell{
	padding-right:0em;
}
@media all and (max-width:380px){
	.seyc-button.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;
}

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

/* jquery migration : normal that we have 2 li.seyc-taskWidget ?*/

li.seyc-taskWidget{
	border-bottom:none;
	margin:5px !important;
}

li.seyc-taskWidget a{
	padding : 0;
}

li.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("../../jquery-mobile/themes/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.seyc-block-a{
    background-color: rgba(0, 0, 0, 0) ;
}
.seyc-header-transparent div.seyc-block-b{
    background-color: rgba(0, 0, 0, 0) ;
}
.seyc-header-transparent div.seyc-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;
}

/* Let the content of firstTapArea to take all the available space */
.seyc-genericCell-firstTapArea > .seyc-li-textContainer {
    display: block;
}

.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-genericCell-firstTapArea .seyc-li-btn .seyc-li-textContainer,
.seyc-li-genericCell .seyc-li-btn .seyc-li-textContainer {
	text-align : center;
}

.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;
	outline:0;
	top:0;
	left:0;
}
.seyc-page-background-default{
    background-image: url("images/bg_wallpaper.png");
}
.seyc-page-background-white{
    background-color: #fff;
}

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

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

.seyc-fieldWrapper-span .seyc-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 .seyc-list .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 .seyc-list .ui-checkbox-off::after{
    background-color:transparent !important;
}
.seyc-button.ui-checkbox-off::after,
.seyc-button.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.seyc-controlgroup-controls div.seyc-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.seyc-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.seyc-grid-a > .seyc-block-b.seyc-singleLineInputParentBlock{
	width: 95% !important;
}

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


div.seyc-list-settings-multipage .seyc-li-internalDivContainer > div > .seyc-singleLine.seyc-grid-a input.seyc-ui-input-text,
div.seyc-list-settings-multipage .seyc-li-internalDivContainer > div > .seyc-singleLine.seyc-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 .seyc-grid-solo .parameterGridViewA{
	width: 100% !important;
}
.seyc-list-settings-multipage .seyc-li-internalDivContainer .seyc-singleLine.seyc-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.seyc-radio label{
	padding-left : 15px !important;
}
/* -------------------------- End Settings Page -------------------------- */

/* radiogroupview updates jquery mobile migration*/

/* element : seyc-controlgroup seyc-mobile seyc-radioGroup-horizontal */


.seyc-controlGroup.seyc-radioGroup-horizontal.seyc-controlgroup-horizontal,
.seyc-controlGroup.seyc-radioGroup-vertical.seyc-controlgroup-vertical {
	min-width: 0;
	border-width: 0;
	border-radius: 0em;
}

fieldset.seyc-controlGroup {
	padding: 0;
	margin: .5em 0;
}

/* element : ui-controlgroup-label */

/* Form labels (overrides font-weight bold in bars, and mini font-size) */
div.seyc-controlgroup-label {
	font-weight: normal;
	font-size: 14px;
	display: block;
	margin: 0 0 .4em;
}



/* element legend */

/* Fixes legend not wrapping on IE10 */
.seyc-controlgroup-label legend {
	max-width: 100%;
}

legend,
.ui-input-text input,
.ui-input-search input {
	color: inherit;
	text-shadow: inherit;
}

/* element seyc-controlgroup-controls */

.seyc-controlgroup-horizontal .seyc-controlgroup-controls:before,
.seyc-controlgroup-horizontal .seyc-controlgroup-controls:after {
	content: "";
	display: table;
}
.seyc-controlgroup-horizontal .seyc-controlgroup-controls:after {
	clear: both;
}

/* element seyc-radio */

fieldset[data-type="horizontal"] div.seyc-radio{
    border-top:none;
}

div.seyc-controlgroup-controls div.seyc-radio{
    border-top: #f0f0f0 solid 1px;
}

.seyc-controlgroup-controls .seyc-buton,
.seyc-controlgroup-controls .seyc-checkbox,
.seyc-controlgroup-controls .seyc-radio,
.seyc-controlgroup-controls .ui-select {
	margin: 0;
}

.seyc-checkbox,
.seyc-radio {
	margin: .5em 0;
	position: relative;
}

.seyc-controlgroup-horizontal .seyc-button.seyc-first-child {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
}

/* element horizontalview_0 */

.seyc-controlgroup-horizontal .seyc-button.seyc-first-child {
	-webkit-border-top-left-radius: inherit;
	border-top-left-radius: inherit;
	-webkit-border-bottom-left-radius: inherit;
	border-bottom-left-radius: inherit;
}


.seyc-checkbox .seyc-button,
.seyc-radio .seyc-button {
	margin: 0;
	text-align: left;
	white-space: normal; /* Nowrap + ellipsis doesn't work on label. Issue #1419. */
	z-index: 2;
}

.seyc-li-contentParent .seyc-checkbox .seyc-button.ui-btn-icon-left,
.seyc-li-contentParent .seyc-radio .seyc-button.ui-btn-icon-left {
	padding-left: 2.5em;
	padding-bottom: 1.4em;
}
/*
label.seyc-button {
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
}
*/

/* Buttons and icons */
.seyc-button-radiogroupview-horizontal {
	font-size: 14px;
	line-height: 18.2px !important;
	height: 18.2px !important;
	margin: 0 0 !important;
	border: none !important;
}


.seyc-button-radiogroupview-vertical {
	font-size: 15px;
	line-height: 1.3 !important;
	height: 27px !important;
	border: none !important;
	vertical-align: middle !important;
}


.seyc-button-radiogroupview-vertical .seyc-button-radiogroupview-vertical {
	padding: .7em 1em;
}



/* Checkbox and radio */
.seyc-button.ui-checkbox-off:after,
.seyc-button.ui-checkbox-on:after,
.seyc-button.seyc-radio-off:after,
.seyc-button.seyc-radio-on:after {
	display: block;
	width: 18px;
	height: 18px;
	margin: -9px 2px 0 2px;
}

/*
input,
body,
select,
textarea,
button,
.seyc-button {
	font-size: 14px;
	line-height: 1.1;
	font-family: Lato-Regular;
	font-weight: normal;
	border: none;
}
*/



/* horizontalViewButton0 */

/* radio */


.seyc-controlgroup-horizontal .seyc-checkbox input,
.seyc-controlgroup-horizontal .seyc-radio input {
	left: 50%;
	margin-left: -9px;
}

/* Native input positioning */
.seyc-checkbox input,
.seyc-radio input {
	position: absolute;
	left: .466em;
	top: 50%;
	width: 22px;
	height: 22px;
	margin: -11px 0 0 0;
	outline: 0 !important;
	z-index: 1;
}

/* end radiogroupview updates jquery mobile migration */

/* -------------------------- Vertical Radio group -------------------------- */
.seyc-controlGroup, fieldset.seyc-controlGroup {
    margin: 0;
}


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

/* ------------------ Horizontal radio group ------------------------- */
fieldset[data-type="horizontal"] div.seyc-radio{
    border-top:none;
}
fieldset[data-type="horizontal"] div.seyc-controlgroup-controls div.seyc-radio label{ 
    color: #6A8BAF;
    font-size: 14px;
    font-weight: normal; 
    padding:12px 10px;
	width:auto;
}
fieldset[data-type="horizontal"] div.seyc-controlgroup-controls div.seyc-radio label.seyc-button-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;
}
/*  --- 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 ----------------*/

/* Up and Down button on cells */
a.seyc-perf-list-button{
    background-color: transparent;
    color: white;
    text-decoration: underline !important;
    font-family: Lato-Regular;
    font-weight: normal;
	text-align: center;
	font-size: 14px;
	padding: .7em 1em;
	margin: .5em 0;
	display: block;
	position: relative;
}
.secy-list-perf{
    /*only to be a selector*/
}

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

.seyc-loader.ui-corner-all.ui-body-.seyc-loader-verbose{
	box-shadow:none;
}
.seyc-loader-verbose{
	width: 12.5em;
    filter: Alpha(Opacity = 88);
    opacity: .88;
    height: auto;
    margin-left: -6.875em;
    margin-top: -2.6875em;
    padding: .625em;
}

.seyc-loader {
    display: none;
    z-index: 9999999;
    position: fixed;
    top: 50%;
    left: 50%;
    border: 0;
}

.ui-body-b {
    border: 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 .seyc-button.ui-checkbox-off::after, .seyc-li .seyc-button.ui-checkbox-on::after, .seyc-li .seyc-button.seyc-radio-off::after, .seyc-li .seyc-button.seyc-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*/
}

.side-menu > .seyc-input-text input, .side-menu > .seyc-input-search input,
.side-menu .seyc-input-text input, .side-menu .seyc-input-search input{
	color:#fff;
}
.ui-page-theme-a .ui-body-inherit{
    border: 1px solid #000000;
	color:black;
}

/************************* 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.seyc-button, .star-btn  button.seyc-button-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.seyc-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;
	margin: 0 0 .4em;
}

.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 .seyc-imageViewContainer .seyc-button.seyc-zoom-btn{
    margin: auto;
    width: 250px;
    margin-top: 10px;
}
/* End : Image view */

.seyc-rating-field-icon button {
	height: 28px;
    width: 28px;
    background-color: transparent;
    margin: .5em 0.15em;
}

/* Jquery migration begin */

/******************/
/* checkfieldview */
/******************/

/* chkField1 */

.seyc-checkfield-grid-a {
	overflow: hidden;
}

/* seyc-checkfield-block-a seyc-text-span */

.seyc-checkfield-block-a {
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	min-height: 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: left;
}

.seyc-button.ui-checkbox-off,
.seyc-button.ui-checkbox-on {
	font-weight: normal;
    font-size: 14px;
	padding-right: 1em;
	padding-bottom: 0.7em;
	line-height: 1.3;
	height: 18.2px;
	width: auto;
	margin: 0;
	border: none;
	color: #000000;
}

/* after checkbox */
.seyc-checkbox .ui-checkbox-off::after {
    background-color:transparent !important;
}

/* chkField1_Icon */

/* chkField1Button */

/* No margin in grids for 100% width button elements until we can use max-width: fill-available; */
[class*="seyc-checkfield-block-"] > button.seyc-button {
	margin-right: 0;
	margin-left: 0;
}

/* seyc-fieldWrapper-span */


.seyc-label-checkBoxchkField {
	
}

.ui-btn-icon-left:after,
.ui-btn-icon-right:after,
.ui-btn-icon-top:after,
.ui-btn-icon-bottom:after,
.ui-btn-icon-notext:after {
	content: "";
	position: absolute;
	display: block;
	width: 22px;
	height: 22px;
}

.ui-btn-icon-right:after {
    right: .5625em;
}

.ui-btn-icon-left:after{
	left: .5625em;
}

.ui-btn-icon-notext:after,
.ui-btn-icon-left:after,
.ui-btn-icon-right:after {
	top: 50%;
	margin-top: -11px;
}

.seyc-controlGroup .seyc-checkFieldView.seyc-singleLine .seyc-checkbox {
	margin: 0;
}


/* selectView */

.seyc-button.ui-btn-icon-right.select-button {
	height: auto;
	font-size: 14px;
	line-height: 1.3;
	font-family: Lato-Regular /*{global-font-family}*/;
	font-weight: normal;
	border: none;
	color: #000000;
	font-family: Lato-Semibold;
}

.ui-select .seyc-button {
	margin: 0;
	opacity: 1; /* Fixes #2588: When Windows Phone 7.5 (Mango) tries to calculate a numeric opacity for a select (including "inherit") without explicitly specifying an opacity on the parent to give it context, a bug appears where clicking elsewhere on the page after opening the select will open the select again. */
}

.ui-select .seyc-button select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 1.5em;
	min-height: 100%;
	height: 3em;
	max-height: 100%;
	outline: 0;
	-webkit-border-radius: inherit;
	border-radius: inherit;	
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
	filter: Alpha(Opacity=0);
	opacity: 0;
	z-index: 2;
}

.ui-select .seyc-button > span:not(.ui-li-count) {
	display: block;
	text-overflow: ellipsis;
	overflow: hidden !important;
	white-space: nowrap;
}

.seyc-input-search-filter:after {
	padding-left: 0em !important;
}

.selectStyle {
	min-height: 2.2em;
	border: 0;
	background: transparent none;
	-webkit-appearance: none;
	-webkit-border-radius: inherit;
	padding: .4em;
	line-height: 1.4em;
	display: block;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	outline: 0;
}

/* jquery migration end */


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