    ýæóq      2      cþ            ˆD1B    gòAF    gòAF    Rs”‘     Q€ J 2 E E / - 1 0 2 3 4 7 0 6 2 3   o a r d   p e           ,1¼   Œ€ô   Œ~ g”Ó*Uh   Ý€   Œ}`›)ö¡•wÐÚ    Ê,ÃŠ³¸2—³ƒÀ<ó#›/RW‡…N¡kÀù)qýèSé];Ôä¢[ÌJ­x	8aU / c o m . s a p . p o r t a l . r e s o u r c e r e p o s i t o r y / r e p o / a p p l i c a t i o n _ b r a n d i n g / ~ c o m . s a p . p o r t a l . n a v i g a t i o n . m f p . r e s o u r c e s / 2 / s f a _ m o b i l e _ t h e m e / l e s s / M F P S t y l e . l e s s & & & G Z = 1 & 0 0 0 & A 6 E 9 0 0 0 0 &                Ô      b§    gò@ñ&*&HTTP/1.1 200 OK
Content-Type: content/unknown
server: SAP NetWeaver Application Server 7.22 / AS Java 7.31
last-modified: Fri, 01 Nov 2013 11:46:25 GMT
cache-control: max-age=604800
Content-Length: 25255

/*******************************************************************************
									Header Styles Section
*******************************************************************************/
@import "palette.less";
@import "mixin.less";


.menuHeader {
    position: fixed !important;
    z-index: 799;
	top: 0;
    left: 0;
}

.ui-bar-c {
	border: 1px solid @main-color2 /*{c-bar-border}*/;
    border-bottom-color: @header-border;
	background: 	@main-color0 /*{c-bar-background-color}*/;
	color: 					@font-color1 /*{c-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ 	@additional-light0 /*{c-bar-shadow-color}*/;
}

.menuHeaderHidden {
    display: none !important;
}
.backgroundFixed {
   background: @background-color2 url('../images/bg_pattern.png') top left repeat;
}
.removeTopSpacing {
    margin-top: 0px !important;
	padding-top: 5px !important;
}
.backgroundFixedImg {
    background: url('../images/watermark.png');
    width: 275px;
    height: 137px;
    top: 50%;
    left: 50%;
    margin: -38px -128px;
    /*margin-left: -128px;*/
    /*margin-top: -38px;*/
    z-index: 1;
    position: fixed !important;
}
.logo {
    height: 30px;
    background: url('../images/logo.png') no-repeat center top;
    padding: 6px;
    display: inline-block;
    min-width: 55px;
}
.headerContentLogo {
    top: 5px !important;
}
.headerContent {
    top: -200px;
}
.headerContentTextIndent {
    text-indent: 0;
}

//TODO: Normalize the mixin
.headerButton {
    background: url('../images/topBar_icons.png') no-repeat 0 0;
    display: block;
    height: 36px;
    top: 2px;
	border: 1px solid transparent; /* so the active state border will not make the button move */
    &:active {
        border: 1px solid @main-color2;
        background: url("../images/topBar_icons.png") no-repeat 0 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%,@main-color1), color-stop(100%,@main-color));
        background: url("../images/topBar_icons.png") no-repeat 0 0, -webkit-linear-gradient(@start-location, @main-color1 0%,@main-color0 100%);
        background: url("../images/topBar_icons.png") no-repeat 0 0,    -moz-linear-gradient(@start-location, @main-color1 0%,@main-color0 100%);
        background: url("../images/topBar_icons.png") no-repeat 0 0,     -ms-linear-gradient(@start-location, @main-color1 0%,@main-color0 100%);
        background: url("../images/topBar_icons.png") no-repeat 0 0,      -o-linear-gradient(@start-location, @main-color1 0%,@main-color0 100%);
        background: url("../images/topBar_icons.png") no-repeat 0 0,         linear-gradient(@start-location, @main-color1 0%,@main-color0 100%);
    }
}
.headerButtonImage {
	background: url('../images/topBar_icons.png') no-repeat 0 0;
}

/* Back Button Styles */
.backButton {
    min-width: 55px;
    max-width: 90px;
    border: solid 1px @main-color2;
    display: inline-block;
    cursor: pointer;
    padding: 0px 10px;
    line-height: 21px;
    height: 24px;
    margin-top: 1px;
    -webkit-box-sizing: border-box;
    -webkit-border-radius: 2px;
    .linear-gradient(@start-location, @set2-begin, @set2-end);
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    color: @font-color2;
    font-family: @fontType;
    font-size: 13px;
    text-shadow: none;
    text-align: center;
    padding: 0px 7px 0px 3px;
    margin-left: 10px;
    position: absolute;
    top: 9px;
    left: 5px;
    z-index: 2;

    &:active {
        .linear-gradient(@start-location, @set2-end, @set2-begin, @start-location, 0%, 17%);
	-webkit-tap-highlight-color: transparent;
        & > span {
            &.backButtonArrow {
                .linear-gradient(-45deg, @set2-begin, @set2-end, @start-location, 0%, 100%);
            }
        }
    }
    & > span {
        position: relative;
        z-index: 1;
        &.backButtonArrow {
            z-index: 0;
            .linear-gradient(-45deg, @set2-end, @set2-begin, @start-location, 0%, 100%);
            border-left: solid 1px @main-color2 !important;
            border-bottom: solid 1px @main-color2 !important;
            -webkit-border-top-left-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -webkit-border-bottom-left-radius: 3px;
            height: 17.8px;
            width: 18px;
            display: inline-block;
            -webkit-transform: rotate(45deg);                                                                                                                                                                      
            position: absolute;
            left: -9px;
            top: 2px;
            -webkit-background-clip: content;
        }
    }
}

.backButtonLabel {
    display: block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
	position: relative; /* for android */
	z-index: 2; /* android */
}
/* End of Back Button Styles */
.toggleButton {
    position: absolute;
    width: 36px;
    left: 3px;
}
.toggleLauncherIcon, .toggleLauncherIcon:active {
    background-position: 0px 0px;
}
.toggleHomeIcon , .toggleHomeIcon:active {
    background-position: -72px 0px;
}
.closeWindowIcon , .closeWindowIcon:active {
    background-position: -144px 0px;
}
.toggleButtonHide {
    display: none !important;
}
#actionItems {
    position: absolute;
    display: inline-block;
    height: 36px;
    top: 2px;
    right: 0px;
}
.actionBarButton {
    display: none;
    position: relative;
    width: 36px;
    right: 3px;
    top: 0px;
}
.actionBarButtonIcon, .actionBarButtonIcon:active {
    background-position: -36px 0px;
}
/***	
	Adding shadow to the bottom of the header. 
	values were set to: horizontal: 0, spread: -5
	in order to make bottom shadow only, due to
	Android issue with shadows on the sides.
***/
.ui-header {
    -webkit-box-shadow: 0px 5px 5px -5px @additional-dark2;
    height: 42px;
    .header-linear-gradient(@start-location, @set1-begin, @set1-firstColorEnd, @set1-secondColorBegin, @set1-end);

}
.headerFontStyle {
    font-family: @fontType;
    font-size: 22px !important;
    margin-top: 0.25em !important;
    margin-bottom: 0.3em !important;
    color: @font-color2;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 40px;
    padding-left: 40px;
    position: relative;
    top: 0px;
    text-shadow: none;
}
/*******************************************************************************
									Launcher Styles Section
*******************************************************************************/
.launcherContent {
    padding: 15px 0 0 0 !important;
    clear: both;
    margin: 36px 0 0 4px;
    height: auto;
    width: 100%;
    left: 0;
    position: relative;
    z-index: 2;
    box-sizing: border-box;
}
.icon {
    float: left;
    &:active {
        .backgroundGradient  (@main-color0,   0%, @main-color0, 100%, @main-color1,  17% , top,top)   ;
		border: solid @main-color2 1px;
    }
}
.ico_txt {
    text-align: center;
    font-family: @fontType;
    color: @font-color5;
    background-color: fade(@main-color, 80%);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-shadow: none !important;
    box-shadow: 3px 3px 2px  fade(@additional-light0, 20%);
    -webkit-box-shadow: 3px 3px 2px fade(@additional-dark0, 20%);
}
.ico_image {
    border-radius: 8px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background-size: cover !important;
	background: @secondary-color2; /* old browsers */
    .linear-gradient(@start-location, @secondary-color2, @secondary-color0);
}


/*******************************************************************************
									Home Styles Section
*******************************************************************************/
/*******************************************************************************
									Custom Styles Section
*******************************************************************************/
.iViewIframe {
    width: 100%;
    height: auto;
    z-index: 1;
    position: relative;
}
.iViewIframeAndroid {
    height: 100% !important;
}

/*******************************************************************************
									Overlay Screen Styles Section
*******************************************************************************/
.overlayScreen {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background-color: @secondary-color;
    opacity: 0.3;
    height: 100%;
    width: 100%;
    z-index: 98;
}

/*******************************************************************************
 * 										Footer Style
*******************************************************************************/
.paginationFooter {
    height: 35px !important;
    position: fixed !important;
    bottom: 0px !important;
    -webkit-box-shadow: 0px -5px 5px -5px @additional-dark2;
    z-index: 99;
    left:0;
    display: none;
    border: 1px solid @footer-border/*{c-bar-border}*/;
    .linear-gradient(@start-location, @main-color0, @main-color1);
}
.paginationGrid {
    text-align: center;
    height: 100%;
    width: 88%;
	/** 
	*	Width is 88% + (6% * 2) for padding = 100% 
	*	This exact numbers will cause maximum 5 dots to be visible, 
	*	even when all of them are not selected and even if 
	*	the next hidden one in not selected.
	**/
    position: relative;
    display: inline-block;
    z-index: 100;
    padding: 0px 6%;
}
.navCircleContainer {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 10px;
    font: 13px @fontType;
    color: @main-color;
}
.navCircle {
    display: inline-block;
}
.selectedNavCircle {
    background-color: @font-color4;
    width: 20px;
    height: 20px;
    margin: 7px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
}
.unSelectedNavCircle {
    background-color: @font-color4;
    width: 8px;
    height: 8px;
    margin: 13px 10px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
}
.selectedNavCircleText {
    position: relative;
    top: 2px;
	text-shadow: none; /* Revoking the JQM property */
}
.paginationButtonContainer {
    display: inline-block;
    position: absolute;
    height: 31px;
    width: 28px;
    top: 2px;
    z-index: 101;
    background: url("../images/list_icons.png") no-repeat;
}
.paginationButtonContainerBack {
    left: 5px;
}
.paginationButtonContainerForward {
    right: 5px;
}


//TODO: Normalize the mixin
.paginationBack {
    background-position: -420px 0px;
    &:active {
//        .linear-gradient(bottom, @main-color0,  @main-color2);
        background: url("../images/list_icons.png") -420px 0px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,@main-color1), color-stop(100%,@main-color0));
        background: url("../images/list_icons.png") -420px 0px no-repeat,   -webkit-linear-gradient(@start-location, @main-color1 0%,@main-color0 100%);
        background: url("../images/list_icons.png") -420px 0px no-repeat,      -moz-linear-gradient(@start-location,@main-color1 0%,@main-color0 100%);
        background: url("../images/list_icons.png") -420px 0px no-repeat,      -ms-linear-gradient(@start-location,@main-color1 0% @main-color0 100%);
        background: url("../images/list_icons.png") -420px 0px no-repeat,       -o-linear-gradient(@start-location,@main-color1 0%,@main-color0 100%);
        background: url("../images/list_icons.png") -420px 0px no-repeat,          linear-gradient(@start-location,@main-color1 0%,@main-color0 100%);

        border: 1px solid @main-color2;
        border-radius: 1px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        -khtml-border-radius: 1px;
        top: 1px;
    }
}
.paginationBackDisabled {
    background-position: -450px 0px;
}
.paginationForward {
    background-position: -481px 0px;
    &:active {
        background: url("../images/list_icons.png") -481px 0px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,@main-color1), color-stop(100%,@main-color0));
        background: url("../images/list_icons.png") -481px 0px no-repeat,   -webkit-linear-gradient(@start-location,@main-color1  0%,@main-color0 100%);
        background: url("../images/list_icons.png") -481px 0px no-repeat,      -moz-linear-gradient(@start-location,@main-color1 0%,@main-color0 100%);
        background: url("../images/list_icons.png") -481px 0px no-repeat,      -ms-linear-gradient(@start-location,@main-color1  0%,@main-color0 100%);
        background: url("../images/list_icons.png") -481px 0px no-repeat,       -o-linear-gradient(@start-location,@main-color1  0%,@main-color0 100%);
        background: url("../images/list_icons.png") -481px 0px no-repeat,          linear-gradient(@start-location,@main-color1 0%,@main-color0 100%);
        border: 1px solid @main-color2;
        border-radius: 1px;
        -moz-border-radius: 1px;
        -webkit-border-radius: 1px;
        -khtml-border-radius: 1px;
        top: 1px;
    }
}
.paginationForwardDisabled {
    background-position: -511px 0px;
}
/*******************************************************************************
									Error Screen Styles 
*******************************************************************************/
#errorContent {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -80px -165px;
    /*margin-top: -80px;*/
    /*margin-left: -165px;*/
    text-align: center;
    z-index: 12;
}
#errorImg {
    background: url('../images/page_not_loaded.png');
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 5px 0px;
}

#errorMainString {
    font: 20px @fontType;
    color: @secondary-color5; //#303030
    margin: 5px 0px;
}

#errorSubString {
    font: 13px @fontType;
    color: @secondary-color5; //#303030
    margin: 5px 0px;
}

#logoffButton {
    background: url('../images/logoff.png') 5px center no-repeat,  -webkit-linear-gradient(@start-location, @set4-begin, @set4-end);
    font: 13px @fontType;
    color: @main-color;
    padding: 7px 5px 7px 20px;
    width: 57px;
    border: 1px solid @secondary-color4;
    display: inline-block;
    margin: 5px 0px;
    &:hover {
        -webkit-box-shadow: 0 0 3px fade(@additional-dark1, 75%);
    }
    &:active {
        background: url('../images/logoff.png') 5px center no-repeat, -webkit-linear-gradient(@start-location, @secondary-color4, @secondary-color2);
    }
}

/*******************************************************************************
									Other Styles 
*******************************************************************************/
div[data-role="content"].paddedContent {
    overflow: hidden !important;
    height: auto;
    padding: 15px 5px 0 5px;
	margin: 36px 0 0;
    z-index: 10 !important;
    position: relative;
}

.portalContentArea {
    height: 100% !important;
    width: 100%;
    overflow: hidden;
}

.ui-body-c {
    color: @secondary-color !important;
    text-shadow: initial !important;
}

.headerlessPaddedContent{
	margin-top: 42px;
}

/**********************************************************************************************
					Default List Styles with orange arrow & star buttons
************************************************************************************************/
* {
    li {
        border-bottom: @additional-light2 1px solid;
        color: @additional-font-color !important;
        background: @main-color0;
        .backgroundSimpleGradient  (@additional-light0,   0%, @additional-light1, 100%, top)   ;
    }
}
.liActive {
    border-bottom: @main-color2 1px solid;
    color: @additional-font-color;
	background: @main-color0; /* Old browsers */
    .backgroundGradient  (@additional-light0,   0%, @additional-light0, 100%, @additional-light1,  17% , top,top)   ;
  }
.list {
    position: relative;
    top: 0px;
    left: 0px;
    display: inline-block;
    width: 100%;
    -webkit-padding-start: 0px !important;
    margin: 0px 0px 0px -7px !important;
    * {
        -webkit-tap-highlight-color: transparent;
    }
    li {
        width: 100%;
        list-style-type: none !important;
        line-height: 40px;
        position: relative;
        height: 38px;
        padding: 1px 8px 1px 8px;
        border-bottom: @additional-light2 1px solid;
        font-family: @fontType;
        font-size: 13px;
        font-weight: bold;
	text-shadow: none;
    }
    a {
        display: inline-block;
        color: @additional-font-color !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        padding-left: 30px;
        padding-right: 90px;
    }
}
.icon-arrow-r,
.icon-arrow-r:active,
.ui-icon-star,
.ui-icon-star:active,
.ui-icon-star-selected,
.list-icon-star,
.list-icon-star:active,
.list-icon-star-selected {
    right: 13px !important;
    background: transparent url('../images/list_icons.png') no-repeat 100% !important;
    background-position-x: -300px !important;
    background-position-y: 0px !important;
}
.starIconWithArrowIcon,
.starIconWithArrowIcon:active {
    right: 50px !important;
}
.icon-arrow-r {
    &:active {
        background-position-x: -330px !important;
        background-position-y: 0px !important;
    }
}
.ui-icon-star, .list-icon-star {
    background-position-x: -180px !important;
    background-position-y: 0px !important;
}
.ui-icon-star:active, .ui-icon-star-selected,
.list-icon-star:active, .list-icon-star-selected {
    background-position-x: -210px !important;
    background-position-y: 0px !important;
}
.listIcon,
.listIconRight {
    display: inline-block;
    position: absolute;
    width: 30px;
    height: 30px;
    top: 5px;
}
.listIcon {
    left: 5px;
}
.listIconPage {
    background: url('../images/list_icons.png') no-repeat -120px 0px;
}
.listIconFolder {
    background: url('../images/list_icons.png') no-repeat -270px 0px;
    & + .favItemText {
        margin-right: 35px;
    }
}
.listIconFav {
    background: url('../images/list_icons.png') no-repeat 0px 0px;
}
.listIconMissing {
    background: url('../images/list_icons.png') no-repeat -390px 0px;
}
.listIconDelete {
  background: url('../images/list_icons.png') no-repeat -540px 0px;
  right: 13px !important;
  z-index: 20;
}
.listIconCustom {
    background-size: 100%;
    background-position-x: 0px;
    background-position-y: 0px;
    background-repeat: no-repeat;
}
.ui-li {
    .ui-btn-text {
        padding: 0px !important;
        height: 30px !important;
        overflow: hidden !important;
        font-family: @fontType !important;
        font-size: 13px !important;
    }
}
.ui-link-inherit {
    color: @additional-font-color !important;
    padding-left: 12px !important;
}




/**********************************************************************************************
		Extra styles with custom gradient list and a centered thumb pic aligned to the left
************************************************************************************************/

/**********************************************************************************************
*                                          non default list 
************************************************************************************************/
.MFPList {
    display: inline-block;
    width: 100%;
    background: @additional-light0;
    -webkit-padding-start: 0px !important;
    margin: 0px !important;
    li {
        position: relative;
        height: 38px;
        line-height: 40px;
        padding: 1px 8px 1px 8px;
        border-bottom: @additional-light2 1px solid;
        font-family: @fontType;
        font-size: 13px;
        color: @additional-font-color;
        background: @additional-light0;
        .backgroundSimpleGradient  (@additional-light0,   0%, @additional-light1, 100%, top)   ;
         &:active {
            border-bottom: @additional-light2 1px solid;
            color: @additional-font-color;
            .backgroundGradient  (@additional-light0,   0%, @additional-light0, 100%,  @additional-light1,  17% , top ,top)   ;
        }
	text-shadow: none;
    }
    li[class="MFPListCategory"] {
        position: relative;
        background: @secondary-color5 url('../images/title_pattern.png') repeat top left;
        height: 24px;
        line-height: 24px;
        padding: 1px 8px 1px 8px;
        border-top: @main-color2 1px solid;
        font-family: @fontType;
        font-size: 14px;
        color: @main-color !important;
        text-shadow: none;
    }
}
.favItemText {
    margin-left: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    margin-right: 5px;
    font-weight: bold;
}
.listItemProtector {
  height:100%;
  width:100%;
  top:0px;
  right:0px;
  background-color: transparent;
  z-index: 10;
  display: none;
  position: absolute;
}
.appContent {
    padding: 0px !important;
}
.innerHeader {
    background: @main-color3;
    height: 37px;
    line-height: 37px;
    padding: 1px 8px 1px 8px;
    border: @main-color2 1px solid;
    width: auto !important;
    .backButton {
        top: 7px;
    }
}
.innerHeaderFontStyle {
    color: @font-color5;
    font-family: @fontType;
    font-size: 17px !important;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 40px;
    padding-left: 40px;
    position: relative;
	text-shadow: none !important;
}
.favoritesHeaderEditIcon {
  position: absolute;
  right: 10px;
  top: 5px;
  width: 30px;
  height: 30px;
  display: none;
  background: url('../images/list_icons.png') no-repeat -570px 0px;
}
.favoritesHeaderEditIconOn {
  background-position: -600px 0;
}
.favPage {
    background: transparent;
    min-height: 100% !important;
}
.prtlbody {
    background-color: transparent;
}
.prtlPrtlFullPageAppBody {
  background-color: transparent !important;
}
.noFavItemsMsg{
	text-align:center;
	font-weight: bold;
	font-size: 15px !important;
	background: @additional-light0 !important;
    .backgroundSimpleGradient-important  (@additional-light0,   0%, @additional-light1, 100%, top);
}

/*******************************************************************
*                       Images
********************************************************************/


/*portalexplorer*/
.AppNavigation {
	background: @secondary-color5 url('../images/title_pattern.png') repeat top left !important;
 }

/*smartphoneUI */
.smartphoneActionBarBackground{
    background: @secondary-color5 url('../images/title_pattern.png') repeat top left;
}

 /*tablet UI */
#extendedPanelHeader {
	 background: @secondary-color5 url('../images/title_pattern.png') repeat top left;
}

#searchPanelExtended{
//	 background: @secondary-color5 url('../images/title_pattern.png') repeat top left;;
    background-color: @secondary-color;
    background-image: -webkit-repeating-linear-gradient(-35deg, transparent, transparent 3px, fade(@main-color,50%) 3px, fade(@main-color,50%) 3px);
}

.dynamicActionButton:active {
	background: url("../images/topBar_icons.png") no-repeat 0 0, -webkit-gradient(linear, left top, left bottom, color-stop(0%, @main-color1), color-stop(100%, @main-color0) ); /* Chrome,Safari4+ */
	background:
		url("../images/topBar_icons.png")
		no-repeat 0 0, -webkit-linear-gradient(@start-location, @main-color1 0%, @main-color0 100%);
	/* Chrome10+,Safari5.1+ */
	background:
		url("../images/topBar_icons.png")
		no-repeat 0 0, -moz-linear-gradient(@start-location, @main-color1 0%, @main-color0 100%);
	/* FF3.6+ */
	background:
		url("../images/topBar_icons.png")
		no-repeat 0 0, -ms-linear-gradient(@start-location, @main-color1 0%, @main-color0 100%);
	/* IE10+ */
	background:
		url("../images/topBar_icons.png")
		no-repeat 0 0, -o-linear-gradient(@start-location, @main-color1 0%, @main-color0 100%);
	/* Opera 11.10+ */
	background:
		url("../images/topBar_icons.png")
		no-repeat 0 0, linear-gradient(@start-location, @main-color1 0%, @main-color0 100%);
	/* W3C */
}