/* 
#008C95 -- Dark teal		
#33C3CA -- Light teal		
@Developer: Please make sure new css classes are added to all Skin files ONLY IF an override is needed.
*/

/* Overwrites CONTENT */
body, .AppContentHeaderBlock, .AppContentFooterBlock {
    background-image: url('/Content/asset/loginBackground.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #485b5f;
}
.AppContentHeaderBlock {
    background-size: auto;
    background-position-x: right;
    background-position-y: top;
}
.AppContentFooterBlock {
    background-size: auto;
    background-position-x: right;
    background-position-y: bottom;
}

    .jumpMain {
        background: #008C95;
    }

div.Splash {
	border: 1px solid #008C95;
}

#PermaLink {
	background: #008C95;
}

#PermaLinkMenu {
	background: #008C95;
}

div.OrgChart div.Names a.OrgNode:hover,
div.OrgChart .OrgNode:hover {
	border: 1px solid #008C95;
	color: #008C95;
}

.MessageCount {
	background: #008C95;
}

/* Overwrites COMMON */
::-webkit-scrollbar-track { background: #f1f1f1 !important; border: 1px solid #f1f1f1; }
::-webkit-scrollbar-thumb { background: #c1c1c1 !important; border: 1px solid #c1c1c1; }
::-webkit-scrollbar-button:decrement { background-color: #f1f1f1 !important; border: 1px solid #f1f1f1; }
::-webkit-scrollbar-button:increment { background-color: #f1f1f1 !important; border: 1px solid #f1f1f1; }
a:hover {
    color: #008C95;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
	border: 1px solid #008C95;
}

/* Overwrites SHELL */
div#AppHeader {
	background-color: #ffffff;
}

.AppLogin a {
	color: #008C95;
}

div#CompanyName div {
	background: #008C95;
}

#FeedbackLink a {
	background-color: #008C95
}

#FeedbackMenu > div {
	background: #008C95;
}

	#FeedbackMenu > div > table > tbody > tr > td {
		background: #008C95;
	}

div#AppHeader div#Modules a:hover {
	background-color: #33C3CA !important;
}

/* Overwrites TASK */
.header {
	border-bottom: 1px solid #008C95;
}

	.header td.icon {
		background: #008C95;
	}

.footer {
	background: #008C95;
}

/* Overwrites SHELL */
div#AppHeader div#Login,
div#AppHeader a#lnkLogo {
    margin-top: 4px;
    margin-left: 3px;
    width: 158px;
    height: 24px;
    padding: 9px;
    background-image: url('/Content/asset/logos/black/accustore-158x24-logo.png') !important;
    background-repeat: no-repeat;
    background-position: center;
}





/* -- HEADER -- */
div#AppHeader {
    background-color: white !important;
}

/* login */
#AppHeader #Login.logo.brand-logo, div#AppHeader div#Modules a#lnkLogo {
    height: 30px !important;
    float: left !important;
    padding: 0 !important;
    margin: 10px 24px !important;
    background-position: left center !important;
    position: relative !important;
    top: inherit !important;
    left: inherit !important;
    /*filter: invert(100%);
    -webkit-filter: invert(100%);*/
}

/* default */
div#AppHeader div#Modules {
    width: auto;
    height: 50px;
}
div#AppHeader div#Modules a {
    color: #666666;
    font-size: 16px;
    padding: 0;
    margin: 0 24px 0 0;
    line-height: 50px;
}
div#AppHeader div#Modules a:hover {
    color: #008C95;
    background-color: transparent !important;
}
/*div#AppHeader div#rightMenu a#hamburgerButton {
    filter: invert(100%);
    -webkit-filter: invert(100%);
}*/
    div#AppHeader div#rightMenu a#hamburgerButton:hover {
        background-color: #008C95 !important;
    }
        div#AppHeader div#rightMenu a#hamburgerButton:hover .gsp-icon-bar {
            background-color: white !important;
        }
div.ModuleMenu table tr td a {
    color:black;
    font-size: 16px;
}
    div.ModuleMenu table tr td a:hover {
        color: #008C95;
    }