body:not(.mobileBody) #loginOverlay {
    background-image: url("images/Main/Themes/Nandos/PCLP2025.png");
    background-repeat: no-repeat;
    /*background-position: center;*/
    background-size: 100% 100%;
    background-size: cover;
    background-color: white;
}
body:not(.mobileBody) #loginContent {
    position: absolute;
    top: 61px;
    padding: 0 56px;
    width: 100%;
}
body:not(.mobileBody) #overlayFormContainer {
	/* margin-left: 200px; */
    margin-top: -158px;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
    background-color: '#f5f6f7';
	border: 3px solid #09D9A7;
	height: 250px;
}
body:not(.mobileBody) #overlayFormContainer #footer{
	border:none;
	z-index:100
	
}
body:not(.mobileBody) #loginHeader {
    display: none
}
.signInWithBtn {
    margin-left: 230px;
}
div.grid-row .status-1
{
    border-left: 5px solid #09D9A7;
}
div.grid-row .status-2
{
    border-left: 5px solid #FB57A0;
}
body:not(.mobileBody) #invalidAcountOrPassword {
    color: red;
    font-weight: normal;
    padding-top: 45px;
	height: 20px
}
body:not(.mobileBody) #overlayCenterContainer div.action-strip {
    position: absolute !important; 
    bottom: 26px !important; 
    left: -87px !important; 
    right: 51px !important; 
    text-align: right !important; 
    padding: 0px 2px 0px 0px !important; 
    height: 34px !important; 
}
body.mobileBody #loginLogo {
    position: relative;
    display: none;
}
 body.mobileBody #loginOverlay {
		background-image: url("images/mobile.png");
		background-repeat: no-repeat;
		/*background-position: center;*/
		background-size: 100% 100%;
		/*background-size: unset;*/
		/*background-color: white;*/
	}

body.mobileBody #loginContent {
    padding: 0px 20px 20px 10px;
    margin-top: 100px;
}
body.mobileBody #loginContent input {
    width: 250px;
    height: 40px;
    border: 3px solid #09D9A7;
	border-radius: 0px  !important;
}
body.mobileBody #footer a {
    padding: 10px;
    border-radius: 5px;
    font-size: 15px;
    border: none;
	border-radius: 0px  !important;
}
body.mobileBody div.fieldcontainer label {
    float: none;
    white-space: normal;
    color: #000;
	font-size: 16px;
    font-weight: bold;
}
#title-actions
{
    background: #09D9A7;
}
#user-details
{
    background: #FB57A0;
}
#logo
{
    margin: 0;
	Display:none;
}
#main
{
    background-image: url("");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-color: white;
    background-position-x: 0px;
    /* background-position: 0px 0px; */
}
#header
{
    background: #FB57A0;
}
a.heading
{
    background: #09D9A7;
    border-top: solid #fff 2px;
}
.userName-hover
{
    border-color: #FB57A0;
    background: #FB57A0;
}
.userName-hover label
{
    color: #fff;
}
div.main-actions
{
    background: #FB57A0;
    border-bottom: 2px #fff solid;
}
a.main-action
{
    background: #09D9A7;
}
a.main-action:hover
{
    background-color: #FB57A0;
}
div.main-actions a.main-action span
{
    background: #fff;
    color: #000;
}
div.main-actions a.selected, .hiddenNav a.selected
{
    background-color: #FB57A0;
}
div.main-actions a.selected, .hiddenNav a.selected:hover
{
    background-color: #FB57A0;
}
#session-timer
{
    color: #fff;
}
#searchBox
{
    border-color: #FB57A0;
}
#container
{
    background: #fff;
}
.sessionActions
{
    background: #FB57A0;
    border-color: #09D9A7;
}
.sessionActions:hover
{
    background: #09D9A7;
    border-color: #FB57A0;
}
#lblError
{
    color: #f00;
}
span.paging-link
{
    border-top: solid 3px #FB57A0;
}
#plusDropdown > li > span, .popup-body .title
{
    background: #FB57A0;
}
.popup-body
{
    border: 5px solid #FB57A0;
}
.popup-pointer
{
    border-left: 10px solid #FB57A0;
}
span.paging-link
{
    border-top: solid 3px #FB57A0;
}
a.button:hover, a.attachment:hover, #plusDropdown li a.button:hover
{
    background-color: #FB57A0;
    border: solid 2px #FB57A0;
}
div.paging
{
    color: #09D9A7;
}
div.paging a
{
    color: #FB57A0;
}
div.paging a:hover
{
    color: #09D9A7;
}
a.attachment:link, a.attachment:active, a.attachment:visited
{
    background-color: #FB57A0;
}
a.action:link, a.action:active, a.action:visited, a.customaction:link, a.customaction:active, a.customaction:visited
{
    border: solid 2px #09D9A7;
    color: #09D9A7;
}
a.customaction:link, a.customaction:active, a.customaction:visited
{
    background: #09D9A7;
    color: #000;
}
a.ajaxUpload-button
{
    background: #FB57A0;
}
ul.tab-strip li.selected a
{
    border-bottom: solid 3px #FB57A0;
}
ul.tab-strip-bottom li.selected a
{
    border-bottom: none;
    border-top: solid 3px #FB57A0;
}
ul.tab-strip li.action a
{
    background: #09D9A7;
}
a.action
{
    background: #09D9A7;
}
body#mainBody
{
    background: #DEDEDE;
}
ul.tab-strip li.action a:hover
{
    background: #FB57A0;
}
a.button, a.attachment
{
    border: solid 2px #09D9A7;
    color: #09D9A7;
}
a.primary
{
    background-color: #09D9A7;
    border: solid 2px #09D9A7;
    color: #fff;
}
div.activity .admin-nav .selected span, div.comment .admin-nav .selected span{
	color:#fff;
}
div.activity span, div.comment span
{
    color: #FB57A0;
}
a.form:link, a.form:active, a.form:visited
{
    background: #09D9A7;
    border: 2px #09D9A7 solid;
}
a.form:hover
{
    background: #;
    color: #fff;
    border: 2px #FB57A0 solid;
}
a.attachment, a.attachment:link, a.attachment:active, a.attachment:visited
{
    color: #fff;
    border: 2px #09D9A7 solid;
    background: #09D9A7;
}
a.attachment:hover
{
    background: #FB57A0;
    color: #fff;
    border: solid 2px #FB57A0;
}
a.customaction:hover
{
    background: #FB57A0 !important;
    border: solid 2px #FB57A0;
    color: #fff;
}
a.action:hover
{
    background: #FB57A0 !important;
    border: solid 2px #FB57A0;
    color: #fff;
}
a.ajaxUpload-button
{
    border: solid 2px #FB57A0;
}
a.ajaxUpload-button:hover
{
    background: #09D9A7;
    border: solid 2px #09D9A7;
    color: #fff;
}
h1.title
{
    background: #09D9A7;
}
h1.sub-title
{
    background: #FB57A0;
}
.textboxes
{
    background: #dadbdb;
    color: #333;
    border: solid 2px #09D9A7;
}
.hideButton
{
    background: #09D9A7;
}
.hideButton:hover
{
    background: #FB57A0;
}
#user-details:hover
{
    background: #09D9A7;
}
#photo{
	background: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.userImage{
	background: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;	
}
#userImageLarge{
	background: none;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;		
}
#plusDropdown li a:hover
{
    background: #09D9A7;
    color: #fff;
}
.legends-1
{
    border-left: solid #09D9A7 15px;
}
.event-type-1
{
    background: #09D9A7;
    color:#fff !important;
}
.legends-2
{
    border-left: solid #333 15px;
}
.event-type-2
{
    background: #333;
    color:#fff !important;
}
.legends-3
{
    border-left: solid #FB57A0 15px;
}
.event-type-3
{
    background: #FB57A0;
    color: #fff !important;
}
div.grid-row-hover, .grid-body div.selected{
    border-left: 3px solid #FB57A0;
    border-right: 3px solid #FB57A0;
    margin: 0px;
}


tr.grid-row:hover td:first-child {
    border-left: 3px solid #FB57A0;
}

tr.grid-row:hover td:last-child {
    border-right: 3px solid #FB57A0;
}



#menu a.heading:hover
{
    color: #FB57A0;
}
ul.list li.odd, div.grid-row-alt > span, tr.grid-row-alt > td {
    background-color: #f0f0f040 !important;
    /*    background: url("images/Main/Navigation-Themes/transparentGrey.png") !important;*/
}
.grid-body div.selected
{
    background: #FB57A0;
}
.grid-body div.selected > span
{
    background: transparent;
}
#menu .grid-pager
{
    background: #fff;
}


#title-actions span:hover, #title-actions span.selected
{
    background:#FB57A0;
}

.popup-body .grid .title
{
    background: #09D9A7;
}

/**Mobile Styles**/

.mobile-plus a
{
    color: #09D9A7;
}
.mobile-plus a:hover
{
    color: #FB57A0;
    text-decoration:none;
}
.mobileMenuButton
{
  background-color: #FB57A0;  
}
.mobileMenuButton:hover
{
  background-color: #09D9A7;  
}
.TreePanel
{
    background-color: #FB57A0;
}
.TitleStripDark
{
    background-color: #09D9A7;
    border: none;
    padding: 2px 0px 2px 0px;
}

.LabelsDark
{
    background-color: #09D9A7;
}

.LightPanel
{
    border: none ; /*solid 1px #6BA2BFk;*/
    background-color: #09D9A7;
    color: #09D9A7; /*background-image: url(../Images/light_bg.jpg);*/
}

.HeadingCell {
    background-color: #09D9A7;
    border: 1px solid;
    border-color: #FB57A0;
    padding: 2px;
    text-align: center;
}
.GridFooter   
{
    background-color: #09D9A7;
    border: 1px solid;
    border-color: #FB57A0;
    padding: 2px;
}
.Buttons {
    background-color: #09D9A7;
    border: solid 2px #FB57A0;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    width: 88px;
    cursor: pointer;
    background-image: url(../Images/buttons.jpg); 
    background-repeat: repeat-x;
    background-position: top left; 
    padding: 0px;
}
.ButtonsHover {
    background-color: #FB57A0;
    border: solid 2px #FB57A0;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    width: 88px;
    cursor: pointer;
    background-image: url(../Images/buttons.jpg); 
    background-repeat: repeat-x;
    background-position: top left; 
    padding: 0px;
}
.TreeViewItemSelected 
{
    background-color : #FB57A0;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: #09D9A7;
    background: #09D9A7;
    font-weight: normal;
    color: #ffffff;
}
}