/* MDM Cascading Style Sheet */


/* Transaction MDM Menu */
/*----------------------*/
#MDMMainMenuHeader {
	overflow: visible;
}

#MDMMainMenuHeader .seyc-toolbar {
	justify-content: flex-end;
    align-items: flex-start;
    overflow: visible;
    display: flex;
    display: -ms-flexbox;
    display: -webkit-flex;
}

.menuMainContainer {
    display : flex;
    flex-direction: row;
    display : -ms-flexbox;
    -ms-flex-direction: row;
}

.menuContainer {
    background-color: #ffffff;
    width:30%;
    margin-left: 2em;
    margin-top: 2em;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);
}

.menuListContainer {
    height : 50%;
}

.dashboardContainer {
    background-color: #ffffff;
    width:60%;
    /*height:30em;*/
    margin-left: 5em;
    margin-top: 2em;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);

}
/*PIM Queck Search TODO */
.dashboardContainerPIM {
    background-color: #ffffff;
    width:60%;
    height:30em;
    margin-left: 5em;
    margin-top: 2em;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);

}

/* Settings */
/*----------*/
.gco-settings-icon {
	background-image: url(../../jquery-mobile/themes/images/svg/headerIcon_white.svg);
	background-position: 0 0 !important;
}

.gco-settings-icon:active {
	background-image: url(../../jquery-mobile/themes/images/svg/headerIcon_white.svg);
	background-position: 0 0 !important;
} 

.gco-slidepanel{
    background-color: black !important;
}

.gco-slidepanel-main{
    background-color: black !important;
    position: absolute;
    min-height: 100%;
    min-width: 100%;
}

.gco-slidepanel-user ul li:first-child {
	border: none !important;
}

.gco-slidepanel-user ul li:last-child {
	border: none !important;
}

.gco-slidepanel-top{
/*    padding-top: 40px;*/
    width: 97%;
    position: absolute;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00283d+0,00283d+97&1+86,0+98 */
    background: -moz-linear-gradient(left,  rgba(0,40,61,1) 0%, rgba(0,40,61,1) 86%, rgba(0,40,61,0.08) 97%, rgba(0,40,61,0) 98%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,40,61,1) 0%,rgba(0,40,61,1) 86%,rgba(0,40,61,0.08) 97%,rgba(0,40,61,0) 98%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,40,61,1) 0%,rgba(0,40,61,1) 86%,rgba(0,40,61,0.08) 97%,rgba(0,40,61,0) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-color: #00283D !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00283d', endColorstr='#0000283d',GradientType=1 ); /* IE6-9 */

}
.gco-slidepanel-top ul{
    margin-top: 20% !important;
}
.gco-slidepanel-top .seyc-li{
    border-top: 0px !important;
    border-bottom: 0px !important;
}
.gco-slidepanel-top ul li.seyc-li.active, 
.gco-slidepanel-top ul li.seyc-li:active, 
.gco-slidepanel-top ul li.seyc-li:hover{
    border-left: 2px solid #1B8AFF;
}
.gco-slidepanel-top ul li .seyc-li-faultIndicatorContainer{
    min-width: 30px !important; 
    width: 30px !important;
}
.gco-slidepanel-top a{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00283d+0,00283d+97&1+86,0+98 */
    background: -moz-linear-gradient(left,  rgba(0,40,61,1) 0%, rgba(0,40,61,1) 86%, rgba(0,40,61,0.08) 97%, rgba(0,40,61,0) 98%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(0,40,61,1) 0%,rgba(0,40,61,1) 86%,rgba(0,40,61,0.08) 97%,rgba(0,40,61,0) 98%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(0,40,61,1) 0%,rgba(0,40,61,1) 86%,rgba(0,40,61,0.08) 97%,rgba(0,40,61,0) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    background-color: #00283D !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00283d', endColorstr='#0000283d',GradientType=1 ); /* IE6-9 */

}
.gco-slidepanel-top a span{
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    font-family: Lato-Regular;
}
.gco-slidepanel-bottom{
    background-color: black !important;    
    position: absolute;
    bottom: 2%;
    width: 100%;
}
.gco-slidepanel-bottom #gcell_logout{

}
.gco-slidepanel-bottom #gcell_logout a {
    background-color: black !important;
    text-align: left;
}
.gco-slidepanel-bottom #gcell_logout span{
    color: #fff;
    text-transform: uppercase;
}
/* ----------- End --------------------- */

/* Menu entries */
/*--------------*/
.domainEntryContainer{
	margin-bottom: 1px;
    font-weight:bold;	
}

.domainEntryContainer .seyc-text-span {
    padding-top: 1em;
    padding-bottom: 1em;
}

.domainEntryContainer>div:first-child, .transactionEntryContainer{
	cursor : pointer;
    padding-left: 3em;
    background-color: white;
}

.menuEntryText{
	display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
}

.menuEntryNumber{
    background-color: #1B8AFF;
    color: #FFFFFF;
    width: 15%;
    text-align: center;
    float: right;
}

.transactionCards{
	border-top: solid 1px #dddddd;
}

.transactionEntryContainer {
	margin-top:1px;
	border-left: solid 4px #1b8aff;
	margin-left:1em;
}

.transactionCards > .transactionEntryContainer:last-child {
	border-bottom: none;
}



/* Change List display */

.menuMainContainer li[role="heading"] {
    background-color: transparent;
    font-size: 1.5em;
    font-weight: bold;
    padding-left: 0.1em;
}

/*autoSearch result line css*/
.mdmresult-cell-top{
	display : flex;
    display : -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
	font-size: 0.8em;
	height: 5px;
}


/* autosearch search field*/
.mdmSearchSuggestField{
	position:relative;
	width:60%;
	margin:auto;
	
}


#autoSearchResultList{

    width:750px;
	
    margin-left: auto;
    margin-right: auto;
    /*margin-top: -0.5em;*/
    margin-top:0px;
    margin-bottom: 0em;
    background: #FFFFFF;
    /*padding-top: 1em;*/
    padding-bottom: 1em;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.50);
    position: absolute;
  	
    z-index : 99;
    /*left : 20%;*/   
}

/* the icons on the result grid of PIMV6*/
.mdmControlValid {
    background: url(../images/mdmControlValid.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width: 24px;
    height: 24px;
    margin-right: 0.4em;
}

.mdmControlError {
    background: url(../images/mdmControlError.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width: 24px;
    height: 24px;
    margin-right: 0.4em;
}
.mdmControlWarning {
    background: url(../images/mdmControlWarning.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width: 24px;
    height: 24px;
    margin-right: 0.4em;
}
.mdmControlDraft {
    background: url(../images/mdmControlDraft.png);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width: 24px;
    height: 24px;
    margin-right: 0.4em;
}

.seyc-login-details .seyc-custom-login-site {
    border: 1px solid #3798FF;
    border-radius: 6px;
    background-color: white;
    margin-left: 1.4em;
    margin-right: 1em;
    width: inherit;
}

.seyc-custom-login-site .seyc-singleLineInputParentBlock {
    padding-left: 0;
    margin-left: 0px;
}

.seyc-custom-login-site .seyc-ui-input-text {
    width: 100%;
    padding-top: 0.9em;
    padding-bottom: 0.9em;
}

.transactionEntryContainer:hover, .domainEntryContainer>div:first-child:hover{
	background-color:#ECECEC;
}
.RedCircle {
    background: url(../images/RedCircle.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width: 24px;
    height: 24px;
    margin-right: 0.4em;
}
.GreenCircle {
    background: url(../images/GreenCircle.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: center;
    width: 24px;
    height: 24px;
    margin-right: 0.4em;
}