/** CSS for Widget DataGrid **/

.seyc-datagrid-global-container {
    margin : 1em;
}

.seyc-datagrid-global-container:focus {
    margin : 1em;
    outline: none;
}


.seyc-datagrid-title {
    color:#2a649d;
    font-weight: bold;
    /*text-decoration: underline;*/
}

.seyc-datagrid-title-focused {
    color:#2a649d;
    font-weight: bold;
    border-bottom-style: solid;
    border-bottom-color: #2a649d;
    border-bottom-width: 2px;
}

.seyc-datagrid-table-container {
    overflow: auto;
}

.seyc-datadrid-container-header {
}

.seyc-datadrid-container-data {
    overflow-x: auto;
}


.seyc-datagrid-data {
    border-collapse: collapse;
    font-size: 12px;
}

.seyc-datagrid-header {
    border-collapse: collapse;
    font-size: 12px;
}

.seyc-datagrid-headerCell {
    font-weight: bold;
    /* text-align: right; */

}

.seyc-datagrid-headerRow {
    line-height: 35px;
    border-bottom-width: 1px;
    border-bottom-color: #D9D9D9;
    border-bottom-style: solid;
}

.seyc-datagrid-row {
    /*line-height: 2.5em;*/
    line-height :40px;
    border-bottom-width: 1px;
    border-bottom-color: #D9D9D9;
}

.seyc-datagrid-render {
    overflow: hidden;
}




.seyc-datagrid-render-not-editable {
    font-style: italic;
}

.seyc-datagrid-row-selected {
    background-color: red;
}

.seyc-datagrid-cell {
    height: 40px;
    vertical-align: middle;

}

/* 
.seyc-datagrid-cell {
    text-align: right;
} */

.seyc-datagrid-checkbox {
    min-width : 3em;
}

.seyc-datagrid-select-indicator {
    width:1em;
    height: 40px;
}

.seyc-datagrid-select-indicator-on {
    background-color: #1F4E8D;
}

.seyc-datagrid-page-selected {
    background-color: #F0F0F0;
}

.seyc-datagrid-system-container {
    display: flex;
    display : -ms-flexbox;
    display : -webkit-flex;
    align-items: center;
    height:40px;
}

.seyc-datagrid-systemButton {
    margin-right: 1.5em;
    color : #2A649D;
    font-weight: bold;
    cursor : pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    font-size:14px;
}


/* Force font in Text Field */
.seyc-datagrid-cell INPUT {
    font-size: 12px!important;
}

.seyc-datagrid-buttons-container {
    /*float : right;*/
    font-size: 1em;
    margin-top: 1em;
}

.seyc-datagrid-navigation-button {
    font-weight: normal !important;
    font-size: 0.8em;
    color : #000000 !important;
    padding : 0.5em;
}

.seyc-datagrid-navigation-button:hover {
    outline: 1px solid #AFAFAF;
    background-color: #dcdcdc !important;
    cursor :pointer;
}

.seyc-datagrid-navigation-button:active {
    background-color: #B0BEC8 !important;
    outline: 1px solid #AFAFAF;
}


.seyc-datagrid-navigation-text {
    padding: 1em;
    color : #000000;
}

/* Modification of Field behavior of the framework when used a grid editor */

.seyc-singleLineInputParent-noLabel:not(.seyc-datagrid-editor) {
    /*width: 100% !important;*/
    display: table-cell !important;
    float: none !important;
    padding-left: 0.9em;
    margin-left: 5px;
}

.seyc-singleLineInputParent-noLabel.seyc-datagrid-editor {
    width: 100% !important;
    /*display: table-cell !important;*/
    float: none !important;
}





/* Modif Grid editor */

.seyc-singleLine.seyc-datagrid-editor {
    display : flex ;
    display: -webkit-flex;
    flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    align-items: flex-start;
    box-shadow: 2px 2px 2px #797A7A;
    border-color: #797A7A;
    border-style: solid;
    border-width: 1px;
    margin:0px !important;
}

.seyc-combobox-dropdown.seyc-datagrid-editor {
    box-shadow: 2px 2px 2px #797A7A;
    border-color: #797A7A;
    border-style: solid;
    border-width: 1px;
    margin-left: auto !important;
    font-size:14px !important;
}

.seyc-combobox-dropdown.seyc-datagrid-editor SELECT {
    font-size: 12px;
}


.seyc-singleLineInputParent-noLabel.seyc-datagrid-editor .ui-input-text {
    border: none !important;
    background-color: transparent !important;
}



.seyc-singleLineInputParent-noLabel.seyc-datagrid-editor .ui-input-text.ui-focus {
    box-shadow: none !important;
    padding-right: 0.2em !important;
}

.seyc-datagrid-editor .ui-input-text {
    padding: 0em !important;
}

.seyc-datagrid-editor input {
    padding: 0em !important;
    text-align: right !important;
}

.seyc-datagrid-editor INPUT[type="checkbox"] {
    position:static;
}

.seyc-datagrid-switch-renderer-css {
    margin-left: auto;
    height:40px;
}

.seyc-datagrid-render-container {
    display: flex;
    display : -ms-flexbox;
    display: -webkit-flex;
    box-sizing:border-box;
    border-color: transparent;
    border-style: dashed;
    border-width: 1px;
    
}

.seyc-datagrid-render-container:hover , .seyc-datagrid-render-hovered{
    border-color: #00415e;
    /* border-style: dashed;
    border-width: 1px;
    margin:0px;
     */
}

.seyc-datagrid-render-tech-error {
    line-height: 1em;
    color:#C00E17;
}

.seyc-singleLineInputParentBlock.seyc-datagrid-editor {
    width: 100% !important;
    /*display: table-cell !important;*/
    vertical-align: middle;
    float: none !important;
}



/* Same than above but in Grid Column Editor */
.seyc-field .ui-input-text, .seyc-singleLineInputParent .ui-input-text, .seyc-singleLineInputParentBlock .ui-input-text .seyc-datagrid-editor{
    padding :0em;
}

/* End of transform field behavior */

.seyc-datagrid-message-window {

    width: 400px;
    height:40px;
    margin-left: auto;
    display: flex;
    display : -ms-flexbox;
    display : -webkit-flex;
    align-items: center;
    box-shadow: 2px 2px 2px #797A7A;
    font-size: 12px;
}

.seyc-datagrid-message-text {
    word-wrap: break-word;
    margin-bottom: 1px;
}

.seyc-datagrid-message-hide-button {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 1px;
    cursor : pointer;
}

.seyc-datagrid-message-hide-button:hover {
    border-bottom-color: #ffffff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 0px;
}

.seyc-datagrid-message-window-error {
    background-color: #C00E17;
    color: #ffffff;
}

.seyc-datagrid-message-window-warning {
    background-color: darkorange;
    color:#000000;
}


.seyc-datagrid-message-window-left-icon {
    background: url(images/svg/arrowLeft_white.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center;
    height: 18px;
    width: 18px;
    margin-left: 10px;
    margin-right: 10px;
}

.seyc-datagrid-message-window-right-icon {
    background: url(images/svg/arrowRight_white.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center;
    height: 18px;
    width: 18px;
    margin-left: auto;
    margin-right: 10px;
}



.seyc-datagrid-renderColumn-warning-icon {
    background: url(images/svg/alertIndicator.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center;
    height: 40px;
    width: 18px;
    margin-left: 5px;
}

.seyc-datagrid-renderColumn-error-icon {
    background: url(images/svg/errorIndicator.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: center;
    height: 40px;
    width: 18px;
    margin-left: 5px;
}



.seyc-datagrid-renderColumn-checkbox-checked-icon {
    background: url(images/svg/boxchecked.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: right;
}

.seyc-datagrid-renderColumn-checkbox-unchecked-icon {
    background: url(images/svg/boxunchecked.svg);
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: right;
}

.seyc-datagrid-mandatory-column {
    color: darkred;
    font-size: 0.90em;
    vertical-align: super;
}

.seyc-datagrid-render-focusable:focus {
    box-sizing: border-box;
    border-bottom-style: solid;
    border-bottom-color: #2a649d;
    border-bottom-width: 2px;
    outline: none;
}

/* Limite the size of the input HTML tag in case of right icon */
.seyc-field-icon-right + .ui-input-text input {
	width:80%;
}

/* options icon */
.seyc-datagrid-optionsIcon{
	position: absolute;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    z-index: 1;
    display: inline-block;
    background-image: url(images/svg/dataGridOptions.svg);
    margin: 2px;
    margin-left:10px;
}

.seyc-datagrid-optionsButton{
    padding-right:28px;
	margin-right: 1.5em;
}

.seyc-datagrid-system-panel-container{
	padding-bottom: 15px;
	padding-top: 15px;
}

.seyc-datagrid-filterContainer{
	/* width: 40%; */ /* GLIB17110042 */
	display: inline-block;
	/* margin-right:5%; */
}
.seyc-datagrid-filterContainer .seyc-datagrid-filterLabel{
	display: inline-block;
	color: #2A649D;
    font-weight: bold;
    padding-right:5px;  
}
.seyc-datagrid-filterContainer .ui-input-text, .seyc-datagrid-filterContainer .ui-input-search{
	width: 60%;
	display: inline-block;
	background-color:transparent !important;
	padding-right : 1em !important;;
	margin:0;
} 
.seyc-datagrid-filterContainer .ui-input-search.ui-focus{
	box-shadow : none !important;
}

.seyc-datagrid-filterContainer .ui-input-text input{
	padding: 0;
	min-height:1em;
}

.seyc-datagrid-filterContainer .ui-input-text.ui-focus{
		box-shadow: none;
}
.seyc-datagrid-filterText{
	border-bottom: 2px solid grey  !important;
}

.seyc-datagrid-columnSelector {
	display: inline-block;
    position: relative;
    margin-right: 0;
}
.seyc-datagrid-columnSelectorContainer{
	display: inline-block;
    position: relative;
    /*top: 3px;*/
   /*  margin-right: 1%; */
    margin-top: 6px;
}

[id *= "_columnSelector"] .seyc-navbar .seyc-datagrid-navButton{
	background-color: white !important;
    color: #2A649D !important;
    font-weight: bold !important;
}

[id *= "_columnSelector"] .seyc-navbar{
    background-color: white;
    border-top: none !important; 
}

[id *= "_columnSelector"] .seyc-popup-header{
	background-color: transparent;
    color: #000000;
}

.seyc-datagrid-columnSelectorIcon{
	background-image: url(images/svg/dataGrid_ColumnSelector.svg);
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
}

.seyc-datagrid-filterIcon{
	width: 16px;
    height: 13px;
    background-repeat: no-repeat;
    background-image: url(images/svg/dataGrid_Filter.svg);
    /* background-color: white; */
    display: inline-block;
}

[id *= "_columnSelector"] .seyc-dialogPage-content{
	padding-bottom: 0;
	/*width:90%;*/
}

[id *= "_columnSelector"] .ui-controlgroup{
	margin:0;
}

[id *= "_columnSelector"] .ui-checkbox input{
	z-index:-1;
	visibility : hidden;
}

[id *= "_columnSelector"] .ui-btn.ui-checkbox-off:after{
	border: 1px solid black;
}

[id *= "_columnSelector"] .seyc-fieldWrapper-span .ui-checkbox > label{
	background-color: transparent !important;
}

[id *= "_columnSelector"] .seyc-columnSelector-SimpleDiv::-webkit-scrollbar, .seyc-massUpdateRowContainer::-webkit-scrollbar{
    width: 12px;
}
 
[id *= "_columnSelector"] .seyc-columnSelector-SimpleDiv::-webkit-scrollbar-track, .seyc-massUpdateRowContainer::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 0px;
}
 
[id *= "_columnSelector"] .seyc-columnSelector-SimpleDiv::-webkit-scrollbar-thumb, .seyc-massUpdateRowContainer::-webkit-scrollbar-thumb{
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 30px rgba(0,0,0,0.5); 
}

.seyc-columnSelector-SimpleDiv{
	overflow: visible;
    max-height: 255px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 90%;
    margin-bottom: 5px;
}

.seyc-datagrid-filter-background {
	width: 100%;
	/*background: rgba(0, 0, 0, 0.15);*/
	display: block;
	position: fixed;
	z-index: 10000;
}

.seyc-datagrid-filter-Container{
	margin: 0 auto;
    width: 200px;
    height: auto;
    color: black;
    position: relative;
    text-align: center;
    top: 25%;
    z-index:10001;
}

.seyc-datagrid-filter-overlay{
	background: #dbe3ec;
    opacity: 0.5;
    width: 100%;
	display: block;
	position: fixed;
	z-index: 10000;
}
.seyc-datagrid-filter-Container h1{
    font-size : 1.1em;
}
.seyc-datagrid-filter-Container span{
    display:block;
    padding:auto;
    width: 100%;
    height: 35px;
    background: url("images/svg/dataGrid_filterInProgress.svg")  50% 60% no-repeat;
}

.seyc-datagrid-sort-indicator{
	width: 16px;
  	height: 12px;
  	margin-left : 2px;
}

.seyc-datagrid-sort-indicator-desc {
  	display: inline-block;
  	float: center;
  	background-image:url('images/svg/icons.svg');background-position:0 -32px;
	background-repeat: no-repeat;
}

.seyc-datagrid-sort-indicator-asc {
  	display: inline-block;
  	float: center;
  	background-image:url('images/svg/icons.svg');background-position:0 -160px;
	background-repeat: no-repeat;
}

.seyc-datagrid-editor .ui-input-search{
	margin:0;
	border:0;
}

.seyc-datagrid-editor .ui-input-search.ui-focus {
  box-shadow: none;    
}

.seyc-datagrid-editor .seyc-singleLineInputParent-noLabel{
	padding-left: 0;	
	margin-left: 0;
}

.seyc-datagrid-editor .seyc-fieldWrapper-span .ui-input-search{
	background-color: inherit !important; 
	-webkit-border-radius: 0;
	border-radius: 0;
}

.seyc-datagrid-editor input.seyc-search-field {
   padding-right: 2.93em !important;
    padding-left: 2.3em !important;
    padding-top: 0.6em !important;
    padding-bottom: 0.6em !important;
}

.error-icon-data-grid{
	top: 17px;
	position: absolute;	
	left: 10px;
}
.error-icon-data-grid-editor{
	top: 12px;
	position: absolute;	
}
.error-icon-data-grid-editor-selectview{
	top: 0;
	left:10px;
	margin-top:5px !important;
	position: absolute;	
}


.align-editor-on-error{
	margin-left: 15px;
	margin-top: 3px;	
}


.position-relative{
	position: relative;
}
.error-data-grid-msg{	
	position: absolute;
    background: white;
    border: 1px solid black;    
    display: block;
    z-index:10000;
}

.seyc-dialogPage.seyc-massUpdatePopup .seyc-popup-header {
    background-color: #fff;
    color: #435b73;
    text-align: center !important;
}

.seyc-massUpdateGridContainerHeader{
	border-bottom:1px solid #000;
	width: 97%;
    margin-left: 1.5%;
}

.seyc-massUpdateGridContainerHeader .seyc-massUpdateColumn1, .seyc-massUpdateGridContainerContent .seyc-massUpdateColumn1{
	width : 30%;
}

.seyc-massUpdateGridContainerHeader .seyc-massUpdateColumn2, .seyc-massUpdateGridContainerContent .seyc-massUpdateColumn2{
	width : 25%;
}

.seyc-massUpdateGridContainerHeader .seyc-massUpdateColumn3, .seyc-massUpdateGridContainerContent .seyc-massUpdateColumn3{
	width : 15%;
	text-align: center;
}

.seyc-massUpdateGridContainerHeader .seyc-massUpdateColumn4, .seyc-massUpdateGridContainerContent .seyc-massUpdateColumn4{
	width : 15%;
	text-align: center;
}
.seyc-massUpdateGridContainerHeader .seyc-massUpdateColumn5, .seyc-massUpdateGridContainerContent .seyc-massUpdateColumn5{
	width : 15%;
	text-align: center;
}
.seyc-massUpdateGridContainerContent{
	width: 97%;
    margin-left: 1.5%;
}

.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn3 .seyc-singleLine ,.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn4 .seyc-singleLine,
.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn5 .seyc-singleLine{
	padding-left: 40%;
    width: 90%;
}

.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn2 .seyc-fieldWrapper-span .ui-checkbox > label,
.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn3 .seyc-fieldWrapper-span .ui-checkbox > label,
.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn4 .seyc-fieldWrapper-span .ui-checkbox > label,
.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn5 .seyc-fieldWrapper-span .ui-checkbox > label
{
	background-color: transparent !important;
}

.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn2 .ui-checkbox input,
.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn3 .ui-checkbox input,
.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn4 .ui-checkbox input,
.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn5 .ui-checkbox input{
	z-index: -1;
	visibility: hidden;
}

.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn2 .ui-btn.ui-checkbox-off:after,
.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn3 .ui-btn.ui-checkbox-off:after,
.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn4 .ui-btn.ui-checkbox-off:after,
.seyc-massUpdateGridContainerContent .seyc-massUpdateColumn5 .ui-btn.ui-checkbox-off:after{
	border: 1px solid black;
}

.seyc-datagrid-massUpdateContainer{
	display: inline-block;
    position: relative;
    /*top: 3px;*/
   /*  margin-right: 1%; */
    margin-top: 6px;
}

.seyc-datagrid-massUpdateIcon{
	/*background-image: url(images/svg/dataGrid_ColumnSelector.svg);*/
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    display: inline-block;
    margin-right: 5px;
}

.seyc-datagrid-massUpdate {
	display: inline-block;
    position: relative;
    /*margin-right: 0;*/
}

.seyc-massUpdatePopup .seyc-navbar{
	background-color: white;
    border-top: none !important;
}

.seyc-massUpdatePopup .seyc-navbar .seyc-datagrid-navButton{
	background-color: white !important;
    color: #2A649D !important;
    font-weight: bold !important;
}

.seyc-massUpdate-SimpleDiv{
	max-height: 440px;
    overflow: visible;
    /* max-height: 255px; */
    overflow-y: auto;
    overflow-x: hidden;
    /* width: 90%; */
    margin-bottom: 5px;
}


@media only screen and (max-width: 550px) {
   .seyc-datagrid-system-container{
	display: block;
	height: auto;
	}
	.seyc-datagrid-filterContainer{
		width : 100%;	
	}
}