@import "forms.css";
@import "typography.css";

/* Background */
body > form {
	background-color: #FFFFFF;
}

.page-outer {
	background-color: #FFFFFF;
}

.content-inner, 
.subheader-inner {
	border: none;
}
/* END of Background */

/* Heading */
.header-outer, 
.header-inner {
  background-color: #F8F6F5;
  border: none;
}

.header-outer {
    padding-top: 25px;
    padding-bottom: 25px;
}
/* END of Heading */

/* Navigation Bar */
.navigation-outer, 
.navigation-inner {
    background-color: #414141;
    color: #fff;
}

/* First Level */
.top-level-link:hover,
.top-level-link:active {
    background-color: #414141;
}

.top-level-link.current {
    background-color: #414141;
    box-shadow: inset 0 0 0px 0px #414141;
}

.top-level-link.current>.navigation-link {
	color: #FFC72C;
	border-bottom-color: #FFC72C;
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

/* END of Navigation Bar */

/* Footer */
.footer-inner {
	background-color: #FFFFFF;
}
/* END of Footer */

/* Buttons */
.GTTextButton, 
.wg-button {
	color: #572932;
	background-color: #FFC72C;
	font-weight: 900;
	border-radius: 0px;
	padding: 0.5rem 2.5rem 0.5rem 2.5rem;
}

.GTTextButton:active, 
.wgStyleButton:active, 
.wg-button:active {
	background-color: #FFC72C;
}
/* END of Buttons */

/* Containers */
.wgHolderMain{
	border: none;
	background-color: transparent;
}

.content-inner .six,
.content-inner .eight,
.content-inner .nine,
.content-inner .twelve {
    padding-top: 14px;
    padding-bottom: 14px;
}
/* END of Containers */

/* Tables */
/* Zebra striping */
tr:nth-of-type(odd) {
    background: #F2F1F0;
}

tr:nth-of-type(even) {
    background: #FFFFFF;
}

td,
th {
    color: #333;
    
    font-size: 14px;
    line-height: 120%;
    font-weight: 400;
    border: 1px solid #F2F1F0;
}

th {
    background: #ffffff;
    color: #414141;
    font-weight: 700;
    border: none
}

/* END of Tables */

.siteLogo {
  height: 4em;
  float: right;
}

.mobile-site-header {
	padding-left: 0.5em;
	margin-bottom: 0;
	padding-bottom: 0.2em;
	color: #414141;
	font-weight: 900;
}

.header-inner {
	padding-bottom: 0px;
}

.mobile-exit-button {
	margin-left: 15px;
	margin-bottom: 15px;
}



@media(max-width: 600px) {

	.siteLogo {
	  height: 3em;
	  display: block;
	  margin: auto;
	  float: none;
	}

	.mobile-site-header {
		text-align: center;
		padding: 0em;
		float: none;
	}
	
}

@media(max-width: 900px) {

	.mobile-exit-button {
		margin-left: 0px;
	}

}


.navigation-inner,
.content-inner,
.subheader-inner,
.footer-inner,
.header-inner {
  max-width: 1150px;
}

button[disabled]{
    cursor: default;
    background-color:lightgrey;
}
button[disabled]:active{
    cursor: default;
    background-color:lightgrey;
}

/* Cases */
.wgHolderMain label {
	font-size: 1rem;
	font-weight: 400;
	color: #414141;
}

.wgHolderMain button {
	background-color: #572932;
	color: #ffffff;
}

/* Cases */
.wgHolderMain label {
	font-size: 1rem;
	font-weight: 400;
	color: #414141;
}


.wgHolderMain button {
	background-color: #572932;
	color: #ffffff;
}

button {
	position: relative;
	overflow: hidden;
}

button::after {
	/* Corner triangle */
	transition-duration: 0.5s;
	box-shadow: 0 0 0 0 #572932, 0 0 0 0 #572932, 0 0 0 0 #572932;
	border-color: transparent;
	position: absolute;
	content: " ";
	width: 30px;
	height: 30px;
	background-color: #FFC72C;
	right: -15px;
	bottom: -15px;
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
	transform: rotate(45deg);
}

button:hover::after {
	background-color: #572932;
}

.btnSearch::after {
	display: none;
}

button.call-to-action {
	float: right;
	padding: 1rem 3.5rem 1rem 3rem;
	font-size: 1.1rem;
	color: #414141;
	background-color: #FFC72C;
}

button.call-to-action::after {
	/* Corner triangle */
	background-color: #FFC72C;
	width: 40px;
	height: 40px;
	right: -20px;
	bottom: -20px;
}
button.call-to-action:hover::after {
	background-color: #572932;
}

div.call-to-action {
	border-color: #FFC72C;
	border-width: 3px;
	border-style: solid;
	padding: 1rem;
}

div.call-to-action h2 {
	color: #414141;
	font-weight: 900;
}

div.case-list {
	padding-top: 2rem;
}

div.case-list .header3 {
	color: #414141;
	font-weight: 900;
}
	
/* END of Cases */

/* Case Cards */
div.case-card {
	border-left-style: solid;
	border-left-width: 0.3rem;
	border-left-color: #FFC72C;

	padding-left: 1rem;

	margin-top: 2rem;
	margin-bottom: 2rem;
}

.case-card label {
	font-weight: 400;
	font-size: 1rem;
	line-height: 150%;
	color: #414141;
}

.case-card-header {
    margin-bottom: 0.5rem
}
.case-card-header label {
    font-size: 1.2rem;
    font-weight: 700;
}

div.case-closed {
	border-left-color: #B7A99A;
}

/* END of Case Cards */

/* Case Locked Message */
div.case-locked-container {
	border-color: #FFC72C;
	border-width: 3px;
	border-style: solid;
	box-sizing: border-box;
	padding: 1rem;
	margin-bottom: 1rem;
}

div.case-locked-container h2 {
	margin-top: 0px;
}

div.case-locked-container p {
	margin-bottom: 0px;
}
/* END of Case Locked Message */

/* Case Detail */
div.case-summary {
	font-size: 1.2rem;
	color: #572932;
	margin-bottom: 1rem;
}
/* END of Case Detail */

/* Case Notes */
div.case-note-holder, 
div.case-attachment-holder {
	border-bottom-color: #B7A99A;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	margin-bottom: 1rem;
}

p.case-attachment-filename, 
p.case-note-content {
	margin-bottom: 0;
	margin-top: 0;
}

p.case-note-author, 
p.case-note-timestamp, 
p.case-attachment-uploader, 
p.case-attachment-timestamp {
	color: #572932;
	font-size: 0.8rem;
	font-weight: 700;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
}

span.case-attachment-uploader, 
span.case-note-author {
	margin-left: 3rem;
}
/* END of Case Notes */

div.session-id {
	font-size: 12px;
	margin-top: 6px;
}

/* Case Attachments */
div.case-attachment-list {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

div.case-attachment-holder {
	padding-top: 0rem;
	padding-bottom: 0rem;
}

a.case-attachment-download-btn {
	font-weight: 700;
}


/* END of Case Attachments */

.wg-search {
  bottom: 0px;
}

.GTOptionMenu {
  background-color: #F8F6F5;
  color: #414141;
  height: 32px !important;
}

h3, .header3 {
	color: #B7A99A;
}

p {
	color: #B7A99A;
}

.GTTextLabel {
	color: #B7A99A;
}

label, .GTTextLabel label, .GTTextLabel {
    color: #B7A99A;
}


@media only screen and (max-width: 700px), (min-device-width: 768px) and (max-device-width: 1024px) {
	.wg-auth-bar-desktop{
		display:none;
	}
	.wgheader{
	   margin-bottom:0px
	   max-height: 20px;
	}

	.wg-search{
		margin:0px;
	}

	.siteLogo {
		padding: 5px;
	}

	.siteLogo img {
		height: 50px;
		float: right;
		visibility: visible;
	}
	
	.top-level-link.current>.navigation-link {
		text-decoration: underline;
		border-bottom-style: none;
	}
}

/* Restore large call to action button */
.wg-action-button {
    font-size: 1.4em;
    padding-top: 15px;
    padding-bottom: 15px;
}