h1,h2,h3,h4,h5 {
    font-size: 25px;
}
.nuetralButton {/* border:none; *//* background:none; */padding: 5px;color: #ffffff;font-size: 20px;margin-right: 10px;width: 41px;} 
#activelink{
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #699;
	background-color: #EFEFEF;
}
#Content {padding:10px;box-sizing: content-box;overflow-x:  hidden;}
.genboxes {
	width: 47%;
	position: relative;
	border: 1px solid #CCC;
	margin-left: 1%;
	padding-left: 1%;
	float: left;
	height: 350px;
	margin-bottom: 15px;
}
 
#InvoiceList {
	list-style: none;
	background-color: #FFF;
	position: relative;
}
#InvoiceList ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
 
}
#InvoiceList li {
	clear: both;
	float: left;
	width: 97%;
	margin-bottom: 15px;
	padding-top: 12px;
	padding-right: 1%;
	padding-bottom: 12px;
	padding-left: 1%;
	border: 1px solid #CCC;
	position: relative;
	background-color: #FFF;
}
#InvoiceList li img.handle {
	margin-right: 20px;
	cursor: move;
	float: left;
	position: relative;
	background-color: #FFF;
}
#dialog {background-color:#000;}

	#tabContaier ul{
	overflow:hidden;
	height:35px;
	position:relative;
	z-index:100;
	left: 0px;
	margin: 0px;
	padding: 0px;
	}
	#tabContaier li{
		float:left;
		list-style:none;
	}
	#tabContaier li a{
	color:#900;
	cursor:pointer;
	display:block;
	height:35px;
	line-height:35px;
	padding:0 10px;
	text-decoration:none;
	text-transform:uppercase;
	}
	#tabContaier li a:hover{
	color: #F00;
	background-color: #DBE9DA;
}
	#tabContaier li a.active{
 
	color:#FFF;
	background-color: rgb(138, 172, 120);
	}
	
.tabContents {
	padding: 12px;
	
}
.tabDetails {
padding-right: 12px;
	padding-bottom: 12px;
	padding-left: 12px;
	border: 1px solid #CCC;
}
#hpc {
	border: 1px solid #CCC;
	position: relative;
	margin: auto;
	padding: 10px;
}
.headers {
	padding: 15px;
	border: 1px solid #EBEBEB;
	position: relative;
	/* float: left; */
	margin-left: 15px;
	margin-bottom: 15px;
	clear: both;
	}
	
	.formfields {
	/* padding-top: 25px; */
	width: 27%;
	margin-bottom: 7px;
	float: left;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}

.wide {width:35%;}

.formfields .textbox {
	width: 92%;
	font-size: 16px;
	padding: 4px;
	box-sizing:  border-box;
	/* float: right; */
	color: #656565;
	margin-left: 7px;
}

.dateTime {margin-right:20px;}

.mceLayout {
	margin: auto;
}
#homecontent {visibility:hidden;}
#homecontentlive{
	margin: auto;
	padding: 10px;
	width: 694px;
	border: 1px solid #CCC;
	position: relative;

}
.listings {
	clear: both;
	float: left;
	width: 97%;
	margin-bottom: 15px;
	padding-top: 12px;
	padding-right: 1%;
	padding-bottom: 12px;
	padding-left: 1%;
	border: 1px solid #CCC;
	position: relative;
}
#mcholder {display: block !important;
    margin-left: auto;
    margin-right: auto;
    width: auto;   }

legend{font-size:22px;padding: 10px;color: black;/* background: white; */}
fieldset {border: 1px solid #c8c7c7;border-radius:12px;/* width: 93%; */margin:  auto;background:  white;}

#Jdetails {height:200px;padding: 10px;box-sizing: border-box;resize: none;width: 100%;font-size: 22px;color: #656565;border-radius: 4px; }

#CAddress
{width: 99%;
    min-height: 170px;
    padding: 5px;
    font-size:22px;
    resize:none;
    box-sizing:  border-box;
    /* float: right; */color: #656565;
    border-radius: 4px;
}

.Buttons {
    background-image: url(../layout/IncomeBG.jpg);
    background-repeat: repeat-x;
    background-color: #336a50;
    padding: 3px 11px 4px 7px;
    text-decoration: none;
    color: white;
    font-size: 18px !important;
    font-weight: bold;
    border-radius: 9px;
    cursor:  pointer;
    position:  relative;
    border: 1px solid #fe9601;
}

select:disabled {
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    background: transparent;
}

.PartInput{border: none;width: 50% !important;background: transparent;}

.PartsBox {border-bottom: 1px solid #e4e4e4;position:relative;float:left;width:100%;clear:both;padding: 10px;padding: 5px;box-sizing:  border-box;background: #ffffff66;}

.PartsBox:hover {background: #EFEFEF;}

.RID{color: red;cursor:  pointer;font-size: 15px;margin-left: 10px;position: absolute;top: 9px;right:10px;}

.GoRegNumber {text-transform: uppercase;background:  yellow;font-size: 32px !important;border: 2px solid black;border-radius:  5px; font-family: 'Anton', sans-serif;}

.SaveButton{position: fixed; white-space: nowrap;cursor: pointer;float: left;visibility: hidden;font-size: 14px;color: #fdfdfd;box-sizing: content-box;/* line-height: 26px; */padding: 4px 12px 4px 12px;border-radius: 7px;background-image: url(../layout/IncomeBG.jpg);background-repeat: repeat-x;font-weight: bold;/* border: 2px solid white; */}
#SaveOVerLay {
	position:fixed; top:0px; left:0px; width:100%; height:100%;
	
	background:#ccc;
}
 
 
#InnerContent {
	padding:10px;
	background: #ffffff;
	border: 1px solid #dcdcdc;
	max-width: 1360px;
	margin: auto;
	border-radius: 12px;
}

.TwoWide {
	width:100%; text-align:center;
	
}

.TwoWide > div {display:inline-block;vertical-align: top;border:1px solid #ccc;padding:10px;border-radius: 2px;width: 44%;margin: 1%;text-align: left;}



.Title {
	font-size: 18px;
	font-weight:bold;
}

.WIP {
    -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
	margin-top:5px;
	margin-bottom:5px;
	width:98%;
	border: 1px solid #66666629;
	border-radius: 8px 8px 8px 8px;
	background: #f3f3f3;
	box-sizing:  border-box;
	position:  relative;
	padding-left: 5px;
}
.WIP b {margin-left: 8px;font-weight: normal;font-size: 18px;line-height: 33px;}
 
.WIP .EyeIcon {float:right;margin-top: 10px;margin-right: 10px;}


.WIP form {
    float: right;
    top: -17px;
    position: relative;
    margin-bottom: 5px;
}

.WIP .SpyGlass {
    width: 20px;
    margin-top: 4px;
    cursor:  pointer;
}
#IncomeButton {
	background-image: url(../layout/IncomeBG.jpg);
	background-repeat: repeat-x;
	padding: 3px 11px 4px 7px;
	text-decoration:  none;
	color: white;
	font-size: 18px;
	font-weight: bold;
	border-radius: 9px;
	float:  left;
}


#ExpenseButton {
	background-image: url(../layout/ExpenseBG.jpg);
	background-repeat: repeat-x;
	padding: 3px 11px 4px 7px;
	text-decoration:  none;
	color: white;
	font-size: 18px;
	font-weight: bold;
	border-radius: 9px;
	float:  right;
}

.Ledger,.quoteDiv {
	width:100%;
	text-align: center;
	font-size: 22px;
}


.LedgerRow {clear:Both;float:left;border-top: 1px solid #e8e8e8;width:100%;padding-top: 10px;}

.LedgerRow:last-of-type {border-bottom: 1px solid #e8e8e8;}


.TalignRight{text-align: right; }
.Ledger .formfields {font-size:16px;/* border-bottom: 1px solid #e8e8e8; */}

.Ledger > div {vertical-align:  top;width: 47%;padding: 4px;display: inline-block;text-align:  left;}



.quoteDiv > div {vertical-align:  top;width: 49%;padding: 4px;display: inline-block;text-align:  left;box-sizing: content-box;}



.LedgerHeader {
	width:100%;
	font-weight: bold;
 
}


.LedgerHeader > div {width: 32%;text-align: center;display: inline-block;font-size: 15px;}

.LedgerHeader div select {font-size: 27px;}
.LedgerColumn {
	width: 49%;
	display: inline-block;
	vertical-align:  top;
	padding: 10px;
	box-sizing:  border-box;
}

.LedgerColumn p {border-bottom: 1px dotted #cecece;padding-bottom: 5px;padding-top: 5px;margin: 0px;}


.LIncome {
	border-right: 3px solid #fd9800;
}

.LIncome b {float:right;}


.LExpenses {
	text-align:right;
}

.LedgerFooter {
	border-top: 4px double #fd9800;
}

.LedgerTitles {
	border-bottom: 1px solid #fd9800;
}

.IncomeEye {
	padding: 0px 9px 0px 0px;
}

.ExpenseEye {
	padding: 0px 0px 0px 9px;
}

.LExpenses b {float:left;}



.EyeIcon {
	width:15px;
	cursor: pointer;
}

.editPart {
    cursor: pointer;
    float: left;
    font-size: 14px;
    color: #fdfdfd;
    box-sizing: content-box;
    /* line-height: 26px; */
    padding: 4px 12px 4px 12px;
    border-radius: 7px;
    background-image: url(../layout/IncomeBG.jpg);
    background-repeat: repeat-x;
    font-weight:  bold;
    border: 2px solid white;
}
 
.PriceBox {text-align: right;line-height: 30px;font-size: 21px;}

.SlimInput {}

.expenseInput {
    width: 85%;
    font-size: 15px !important;
    margin-bottom: 10px;
}
#ItemsHeader, #quotePartsHeader {
    width: 100%;
    padding: 0px;
    background-color: #232323;
    -webkit-border-radius: 12px 12px 0 0;
    border-radius: 9px 9px 0 0;
    margin: 0px;
    color: white;
    margin-top: 20px;
    font-size: 18px;
    margin-bottom: 15px;
}
#quotePartsHeader > div {width: 41%;margin-left:10px;display: inline-block;text-align: center;}

#quotePartsHeader div:nth-child(2) {text-align: right; margin-right:10px;}


.ItemsName {
	display: inline-block;
	width: 26%;
	position:  relative;
	margin-left: 58px;
}

.PriceQuantity {
	display: inline-block;
	position:  relative;
	width: 12%;
	border-left: 1px dotted white;
	font-size: 14px;
	text-align: center;
}

.PriceQuantity input {
    /* font-size: 22px; */
}

.MuSelect, .Labour {/* float:left; */font-size: 17px;margin-right: 10px;}
.ButtonsINV {
	/* background-image: url(../layout/ExpenseBG.jpg); */
	background-repeat: repeat-x;
	padding: 3px 11px 4px 7px;
	text-decoration: none;
	color: white;
	font-size: 18px;
	font-weight: bold;
	border-radius: 9px;
	border: 2px solid #ff9933;
	cursor: pointer;
	background-color: #36779d;
}

#InvoiceTable {
	width:100%;
	border-top: 1px solid #d0cccc;
	border-left: 1px solid #d0cccc;
	border-spacing: 0px;
	border-collapse: separate;
	font-size: 22px;
	background:  white;
}

#InvoiceTable td {padding:10px;border-right: 1px solid #bfbfbf;border-bottom: 1px solid #d4d4d4;}

.TallyItem {font-weight:normal;}
.PartRow {
	width:100%;
	padding:10px;
	box-sizing: border-box;
	border-bottom: 1px solid #e3e3e6;
	font-size: 18px;
	/* margin-bottom: 20px !important; */
}

 

.ThreeWide form .tooltiptext {
    visibility: hidden;
    

    /* Position the tooltip */
    background-color: #f3f3f3;
    color: #3563c5;
    text-align: left;
    padding: 8px;
    border-radius: 3px;
    position: fixed;
    z-index: 1;
    border: 1px solid #cbcbcb;
    font-size: 15px;
    font-weight: normal;
    /* bottom: -35px; */
    right: 19%;
    text-align: center;
    width: 240px;
}

.ThreeWide form:hover .tooltiptext {
    visibility: visible;
}



.Pname {
	width: 68%;
	float: left;
}
.Pname strong {float:right;margin-right: 50px;}
.InvoiceHeader {
	font-size:22px;
	/* font-weight:  bold; */
}

#InvoiceHolder {
	border-bottom: double 4px #9a9a9a;
}
.CostCol {/* float:right; */}


.ui-tooltip {
    background: black;
    color: white;
    border: none;
    padding: 10px;
    opacity: 1;
    min-width:400px;

 z-index:500;
}
 

.LLeft {
	float:left;
	display: block;
	border-right: 1px solid #cccccc;
}

.LRight {
	/* float:right; */
	display: block;
}

#MyLogo {margin-top:30px;}
 
.DetailsField {
	width: 96%;
	margin: auto;
	/* display:  inline-block; */
	vertical-align:  top;
	box-sizing: content-box;
	text-align:  left;
}

.StandardInput {
	width: 97%;
	margin-bottom: 23px;
	font-size: 18px;
	padding: 5px;
	border-radius: 4px;
	color: #3a3939;
	border: 1px solid #b3b3b3;
}

#ExpenseForm {
	padding:10px;
}

.IsActive {background: green !important;color: yellow;}
.NotActive  {background: red !important;color: white;}
.BoxHeighter {height:65px;}
 

.mobileTect {visibility: hidden; }

.ShowMArkup {visibility: hidden; }

#calendar {/* padding-top: 134px; *//* max-width:1200px; */margin:auto;}

.fc-view-container {max-width:1200px; margin:auto;}
.fc-head{
position: -webkit-sticky !important;
position: sticky !important;
top:0;
background-color: white;
z-index:9999 !important;
}

.tinyTextBox {
    width: 85px !important;
    font-size: 16px;
    padding: 4px;
    box-sizing: border-box;
    /* float: right; */
    color: #656565;
    margin-left: 7px;
}
/* MENU 
/////////////////////////
///////////////////////////

*/

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none; display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }

#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}

#cssmenu #head-mobile{display:none}


#cssmenu{position:  fixed;border-bottom: 5px solid #006699;background: #444444;text-align: center;z-index: 100;-webkit-box-shadow: 0px 5px 6px 0px #5757573d;box-shadow: 1px 1px 3px 1 #575757;width: 100%;}





#cssmenu > ul > li{ display: inline-block;}

#cssmenu > ul > li > a{font-size: 18px;letter-spacing:1px;text-decoration:none;color: #fbfbfb;text-transform: uppercase;padding: 9px 20px 9px 20px;text-shadow: 0px 0px -1px #383838;}

#cssmenu > ul > li:hover > a,#cssmenu ul li.active a{color: #f5f5f5;text-shadow: 1px 1px 1px #242424;font-weight:  bold;}

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background: #006699!important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;/* text-shadow: 0px 0px 0px white; */border-radius: 12px 12px 0px 0px;}

#cssmenu > ul > li.has-sub > a{padding-right:30px;text-shadow: none;}

#cssmenu > ul > li.has-sub > a:after{position:absolute;top: 19px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:'';}

#cssmenu > ul > li.has-sub > a:before{position:absolute;top: 16px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;}

#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul b {position: absolute; left:0px; right:0px; }
#cssmenu ul ul{width: 100%; z-index: 100;position:absolute;left:-9999px;background: rgb(173, 152, 90);padding: 0;}

#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background: rgba(247, 247, 247, 0);transition:all .25s ease;}

#cssmenu ul ul li:hover{}

#cssmenu li:hover > ul{left:auto;}

#cssmenu li:hover > ul > li{height:35px;text-align: left;width: max-content;}

#cssmenu ul ul ul{margin-left:100%;top:0}

#cssmenu ul ul li a{ padding: 8px 15px;font-size: 17px;text-decoration:none;color: #ffffff; text-transform:  uppercase;}

#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0;}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color: #252524;}

#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}

#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}

#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}

#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}

#cssmenu ul ul ul li.active a{border-left:1px solid #333}

#cssmenu ul li ul {position:absolute;min-width: 250px;width: auto;}


#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

#cssmenu ul {padding:0px; margin:0px;}

/* MENU 
/////////////////////////
///////////////////////////

*/

.PriceBefore:before{content: "\00A3";}
@media (max-width: 1124px) {
	 
	#cssmenu > ul > li.has-sub > a:before { position: absolute; top:-10000px; visibility: hidden;}
	#cssmenu > ul > li.has-sub > a:after { position: absolute; top:-10000px; visibility: hidden;}
	#cssmenu > ul > li > a {font-size: 12px !important;padding: 9px 10px 9px 10px !important;}
	 
}

@media (max-width: 740px) {

	
	.formfields .textbox {font-size: 34px;}
 
	 .EyeIcon {position: absolute !important;
		top:1000px !important; visibility: hidden;}
	#Logo {
 
	top: 0px !important;
}
	#Logog {position: absolute;top:-1000px;
	visibility: hidden;}
	body{padding-top:60px;}
	
	#calendar {padding-top: 135px !important;max-width:1200px;margin:auto;}
	
	
	#cssmenu{ background: #009688!important;}
	
	#cssmenu > ul > li > a {font-size: 25px;text-align: left;padding-left: 25px !important;}

	.cssmenu,

#cssmenu{width:100%;position: fixed;top:0px;left:0px;z-index:100;}


#cssmenu ul{width:100%;display:none}

#cssmenu ul li{width:100%;border-top: 1px solid #ddd;}

#cssmenu ul li:hover{background:#363636;}

#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto; width:100% !important;}

#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}

#cssmenu > ul > li{float:none}

#cssmenu ul ul li a{padding-left:25px}

#cssmenu ul ul li{ }

#cssmenu ul ul li:hover{background:#363636!important}

#cssmenu ul ul ul li a{padding-left:35px}

#cssmenu ul ul li a{color:#ddd;background:none}

#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}

#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width: 100% !important;margin:0;text-align:left;}

#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}

#cssmenu #head-mobile{display:block;padding: 10px;color: #fff;font-size: 27px;font-weight:700;text-align:  left;}

#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height: 100%;width:46px;cursor:pointer;}

#cssmenu .submenu-button.submenu-opened{background:#262626}

#cssmenu ul ul .submenu-button{height:34px;width:34px}

#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}

#cssmenu ul ul .submenu-button:after{top:15px;right:13px}

#cssmenu .submenu-button.submenu-opened:after{background:#fff}

#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}

#cssmenu ul ul .submenu-button:before{top:12px;right:16px}

#cssmenu .submenu-button.submenu-opened:before{display:none}

#cssmenu ul ul ul li.active a{border-left:none}

#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
	
	
	.button{width:55px;height: 40px;position:absolute;right:0;top: 10px;cursor:pointer;z-index: 12399994;text-align:  left;}

.button:after{position:absolute;top: 13px;right:20px;display:block;height:4px;width: 30px;border-top: 4px solid #ffffff;border-bottom: 4px solid #ffffff;content:'';}

.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top: 5px;right:20px;display:block;height: 4px;width: 30px;background: #ffffff;content:'';}

.button.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top: 14px;border:0;height: 4px;width: 40px;background: #fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}

.button.menu-opened:before{top: 14px;background: #fff;width: 40px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
	
	
	
	
	
	.TwoWide > div, .DetailsField {width: 92% !important;}
	
	.TwoWide > div > div {width: 100% !important;}
	#ItemsHeader {visibility: hidden;position:  absolute;}
	
	.formfields {width:95% !important; }
	.SlimInput {width: 49% !important;margin-bottom: 15px;font-size: 31px !important;}

	 
	#PoundSign {float: left;text-align: right;padding-top: 10px;}
	.formfields span {width: 100%;display: block;padding: 10px;float: right;border-bottom: 1px dotted;box-sizing: border-box;}
	
.ShowMArkup {visibility: visible !important; float:left; }

	
	.MuSelect {/* float:right !important; */width: 60%;/* margin-left: 14%; */font-size: 22px;margin-bottom: 20px;}
	
	.QuantityBefore:before {
	content:"Quantity";
	
}

.MarkupBefore:before {content:"MarkUp";}

	#InnerContent {padding:2px !important; }
	#Content{padding:0px !important; }
	.Ledger > div {width:98% !important; }
	
}








.WarnBox {
	-webkit-box-shadow: 0px 5px 6px 0px #5757573d;
	box-shadow: 1px 1px 3px 1 #575757;
	background: #ff6a00;
	color: white;
	font-size:  18px;
	border-radius: 12px !important;

}


.CLogo {
	float: right;
    position: absolute;
    height: 38px;
    top: -5px;
    right: -29px;
}

.PButtons {
	margin-bottom:20px;
	display: block;
}

.ThreeWide {
	width: 23%;
	display: inline-block;
	text-align:  center;
	vertical-align: middle;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.ThreeWide form {display:inline-block; margin-bottom:20px; position: relative;}


.ThreeWide input, .ThreeWide select {width: 70%;}

.ThreeWide img {width: 22px;cursor: auto;}


#SubMenu {
	position: fixed;
	bottom: 0;
	left: 0;
	width:100%;
	background: #fbfbfb;
	z-index:  100;
	-webkit-box-shadow: 0 -2px 5px 1px #4A4A4A;
	box-shadow: 0 -2px 5px 1px #93919166;
}


#SubMEnuInner {
	max-width: 1185px;
	margin:auto;
	position: relative;
	/* -webkit-box-shadow: 0 -2px 5px 1px #4A4A4A; */
	/* box-shadow: 0 -2px 5px 1px #93919166; */
	/* padding-left: 30px; */
	border-top: 1px solid #fbfbfb;
	display:  flex;
	padding: 12px;
}

#SubMEnuInner div {/* width: 16%; */padding:10px;margin:auto;text-align: center;box-sizing:  border-box;vertical-align: top;}
.theList, .quoteList {padding:0; margin:0;}
.quoteList li , .theList li {list-style:none; }
.quoteList li:hover, .theList li:hover {background: #eaeaea;}
.drag {position:relative;float:left;margin-right:10px;top:10px;cursor: pointer;}
.quoteBox {width: 54%;}
.quoteItem {
    font-size: 16px;
    padding: 4px;
    box-sizing: border-box;
    /* float: right; */
    color: #656565;
    margin-left: 7px;
    width: 80% !important;
    }

.VatRate {
    width: 65px !important;
}

#quoteParts {clear:both;}

#quoteTotal {font-size:22px;float:right;width: 120px;padding-left: 5px;margin-left: 5px;border: 0;outline: none;}




.PartRow {
	width:100%;
	padding:10px;
	box-sizing: border-box;
	border-bottom: 1px solid #c1c0c0;
	font-size: 18px;
}

.Pname {
	width: 74%;
	float: left;
}

.InvoiceHeader {
	font-size:22px;
	font-weight:  bold;
}

#InvoiceHolder {
	min-height:40px;
	border-bottom: double 4px #9a9a9a;
}	
    
    .price {text-align:right;margin-right:20px;}



#detailsPreview {
    visibility: hidden;
    position: absolute;
}

.clickLegend, .jobLink, .invoiceLink {cursor:pointer;
}

#showID {
    /* float: left; */
    position: relative;
    padding-right: 30px;
    display: block;
}
#showID b {/* float: left; */margin-right: 30px;}

#changesSaved {display:none;}

.ledgerHeader{
 font-size: 15px;
 padding: 7px;
 border-radius: 12px 12px 0 0;
 text-align: left;
}
.ledgerHeader div {
    display: inline-block;
    /* text-align: center; */
    width: 19%;
    margin-left: 1%;
    vertical-align: top;
}
.lcolour{color: white;background: #232323;font-size: 17px;text-transform: capitalize;}