/* style_lightspeed.css */


/* hover color for nav */
nav.woocommerce-MyAccount-navigation ul li a:hover {
    color: #A6A847; !important;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
    color: #A6A847; !important;
}



.lightspeedmedium{
	width:200px !important;
}


.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 20% !important;
}

.woocommerce-account .woocommerce-MyAccount-content {
    width: 78% !important;
}



@media (max-width:800px) {
	.woocommerce-account .woocommerce-MyAccount-navigation {
    width: 95% !important;
	}
	.woocommerce-account .woocommerce-MyAccount-content {
    width: 95% !important;
	}
	/* make menu horizontal on mobile */
	/*
	.singleNav ul, li {
      display: inline-block;
      margin-right: 14px !important;
	}
	*/
}


.myaccounttitle{
	font-size:24px;
	line-height:28px;
}

/* make table more mobile friendly */
.tablecontainer{
	overflow-x:auto;
}

.myaccounttable th{
 margin:5px;
 padding:5px 0px;
 background-color:#ddd;
 color: #000;
 font-weight:600;
}

.myaccounttable td{
 margin:5px;
 padding:5px 15px 0px 15px !important;
 color: #222;
}

.serialtdleft{
  text-align:left;
}
.serialtdcenter{
  text-align:center;
}

.woocommerce table.shop_table th:first-child, .woocommerce-page table.shop_table th:first-child {
    padding-left: 15px !important;
	text-align:left !important;
}

.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {
    line-height: 18px;
    padding: 31px 15px 0px 15px !important;
        padding-top: 31px;
        padding-bottom: 31px;
}
.woocommerce-account table.shop_table th {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
}

.cancelform{
 float:right;
}

.registeredheadsets-form-div, .registeredheadsets-form, input {
	color: #11515E !important;
}
.registeredheadsets-form-div {
	background-color: #eee;
	border:1px solid #11515E; /* navy */
	padding:20px;
	border-radius:10px;
	margin:20px 0px;
	display: inline-block;
	top: 20vh;
    left: 35vw;
	position: fixed;
	z-index:100;
}

#newservicemessagediv{
	background-color: #eee;
	border: 1px solid #11515E;
	color: #11515E;
	padding: 20px;
	border-radius: 10px;
	margin: 20px 0px;
	top: 30vh;
	left: 10vw;
	position: fixed;
	z-index: 100;
	width: 80%;
}

#cancelnewservicemessagedivx{
	float:right;
	color:#000;
	font-weight:600;
	font-size:20px;
}

.addcase-form-div {
	background-color: #eee;
	border:1px solid #11515E; /* navy */
	padding:20px;
	border-radius:10px;
	margin:20px 0px;
	display: inline-block;
	top: 20vh;
    left: 15vw;
	position: fixed;
	z-index:100;
}

@media (max-width:900px) {
  .addcase-form-div {
	top: 10vh;
    left: 5vw;
    width:90%;
  }
  .registeredheadsets-form-div {
	top: 10vh;
    left: 5vw;
    width:90%;
  }
  #newservicemessagediv{
	top: 10vh;
    left: 5vw;
    width:90%;
  }
}

#modalbackground{
	z-index: 99;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	position: fixed;
	left: 0;
	top: 0;
	padding: 0;
	margin: 0;
	display:none;
}

#newservicemessagediv{
	display:block;
}
#newservicemessagedivmessage{
	padding:20px;
	background-color:#fff;
}


.registerbutton{
	background-color: #11515E; /* navy */
	color: #fff;
	font-weight:600;
	padding:9px;
	margin:20px 0px;
	display: inline-block;
	border-radius:4px;
}
.registerbutton:hover{
   color:#C5D3D7;
 }

.newcasebutton{
	background-color:  #A6A847; /* green */
	color: #fff;
	font-weight:600;
	padding:9px;
	margin:20px 20px;
	display: inline-block;
	border-radius:4px;
}
 .newcasebutton:hover{
   color:#C5D3D7;
 }

.deleteserialbutton{
	background-color: #cc0033; /* red */
	color: #fff;
	font-weight:600;
	padding:9px;
	margin:20px 0px;
	display: inline-block;
	border-radius:4px;
}
 .deleteserialbutton:hover{
   color:#C5D3D7;
 }

.deleteserialbuttondisabled{
	background-color: #cc0033; /* red */
	opacity:0.3;
	color: #fff;
	font-weight:600;
	padding:9px;
	margin:20px 0px;
	display:none; /* hide */
	border-radius:4px;
}

.deleteserialbuttonclass{
	background-color: #cc0033; 
	color: #fff;
	font-weight:600;
	padding:9px;
	margin:20px 0px;
	display: inline-block;
	border-radius:4px;
}

.deleteserialbuttoncancelclass{
	background-color: #11515E; /* navy */
	color: #fff;
	font-weight:600;
	padding:9px;
	margin:20px 0px;
	display: inline-block;
	border-radius:4px;
}

.addcasebutton{
	background-color: #A6A847; /* green */
	color: #fff;
	font-weight:600;
	padding:9px;
	margin:20px 0px;
	display: inline-block;
	border-radius:4px;
}
.addcasebutton:hover{
   color:#C5D3D7;
}

/* counteract redux library - which causes checkbox to always appear checked */
#registrationform input[type="checkbox"]::after {
	content:'' !important;
}

#registrationform input[type="checkbox"]:checked::after {
	content:'\f00c' !important;
}



.subscribebutton{
	background-color: #339933; /* green */
	color: #fff;
	font-weight:600;
	padding:9px;
	margin:20px 0px;
	display: inline-block;
	border-radius:4px;
}
.subscribebutton:hover{
   color:#C5D3D7;
}
.largecheckbox, .largecheckbox img{
	color:  #339933; /* green */
	font-size: 24px;
	font-weight:600;
}

.addcasebuttoninprogress{
	color: #A6A847; /* green */
	font-weight:600;
	/*opacity:0.7;*/
	cursor:default;
	/*color: #fff;*/
	padding:5px;
	margin:20px 0px;
	display: inline-block;
	border-radius:4px;
}

.addcasebuttoninprogress:hover{
	cursor:default;
	color: #A6A847; /* green */
}

/* move the anchor up so it scrolls to the right place */
a.anchorclass {
    display: block;
    position: relative;
    top: -300px;
    visibility: hidden;
 }


.headsetimagediv{
	margin-top:30px;
}

#serialnumber{
	margin-left:10px;
}

#addserialinstructions{
 margin:20px 0px 10px 0px;
 color: #11515E;
 font-weight: 600;
}

#addserialmessage{
 margin:20px 0px;
 color: #494949;
 font-weight: 600;
}

#serialmessage{
 margin:20px 0px;
 color: #494949;
 font-weight: 600;
}

#addcaseinstructions{
 margin:20px 0px 10px 0px;
 color: #11515E;
 font-weight: 600;
}

#addcasemessage{
 margin:20px 0px;
 color: #494949;
 font-weight: 600;
}

#casedetails{
	color: #494949; /* blue */
	height:120px;
}
@media (max-width:900px) {
	#casedetails{
		height:60px;
	}
}

#addcaseformmessage{
  color: #cc0033; /* red */
  font-weight: 600;
}

.serialremovemessage, #removeserialmessage{
 margin:3px;
 color: #8C1C13;
 font-weight: 600;
}

#serialresponse{
 margin:0px 20px 20px 20px;
 color: #8C1C13;
 font-weight: 600;
}

#caseresponse{
 margin:0px 20px 20px 20px;
 color: #8C1C13;
 font-weight: 600;
}



div.loadinggif{
	margin:auto;
	height:100px;
	display:inline-block;
}