/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 02-Apr-2019, 11:28:53
    Author     : matt
*/

.Above {
   display: inline-block;
   width:   20px;
   height:  20px;
   background: url("../images/Above.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Below {
   display: inline-block;
   width:   20px;
   height:  20px;
   background: url("../images/Below.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Ok {
   display: inline-block;
   width:   20px;
   height:  20px;
   background: url("../images/Ok.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.IQlogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background: url("../images/ProductLogoIQ.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.PRlogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background: url("../images/ProductLogoPR.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Alogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background: url("../images/ProductLogoA.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.SClogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background: url("../images/ProductLogoSC.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.Blogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background: url("../images/ProductLogoB.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.JSlogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background: url("../images/ProductLogoJS.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.TDlogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background: url("../images/ProductLogoTD.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.EPlogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background: url("../images/ProductLogoEP.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.NAIQlogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background:url("../images/ProductUnavailable.png"),  url("../images/ProductLogoIQ.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.NAPRlogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background:url("../images/ProductUnavailable.png"),  url("../images/ProductLogoPR.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.NAAlogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background:url("../images/ProductUnavailable.png"),  url("../images/ProductLogoA.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.NASClogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background:url("../images/ProductUnavailable.png"),  url("../images/ProductLogoSC.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.NABlogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background:url("../images/ProductUnavailable.png"),  url("../images/ProductLogoB.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.NAJSlogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background:url("../images/ProductUnavailable.png"),  url("../images/ProductLogoJS.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.NATDlogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background:url("../images/ProductUnavailable.png"),  url("../images/ProductLogoTD.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.NAEPlogo {
   display: inline-block;
   width:   20px;
   height:  20px;
   background:url("../images/ProductUnavailable.png"),  url("../images/ProductLogoEP.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}




.smlogo {
   display: inline-block;
   width:   60px;
   height:  45px;
   background: url("../images/smLogo.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.lock {
    border: 1px solid black;
    border-radius: 3px;
    padding: 3px !important;
  background: url("../images/padlock.png") no-repeat scroll right center whitesmoke;
  background-origin: content-box;
   display: inline-block;
   width:   40px;
   height:  40px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.lock:hover {
   background: white url("../images/padlock.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.unlock {
    border: 1px solid black;
    border-radius: 3px;
    padding: 3px !important;
  background: url("../images/unlock.png") no-repeat scroll right center whitesmoke;
  background-origin: content-box;
   display: inline-block;
   width:   40px;
   height:  40px;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.unlock:hover {
   background: white url("../images/unlock.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.lglogo {
   display: inline-block;
   width:   100%;
   height: 120px;
   background: url("../images/lgLogo.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.locklogo {
   display: inline-block;
   width:   100%;
   height: 120px;
   background: url(../images/padlock.png) no-repeat top right,url(../images/lgLogo.png)no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: 39px 42px, contain;
}

.nav-item > .dropdown-menu {
/*    left: 94% !important;
    top: -55px !important;*/
    top: 37px !important;
}

.admin {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/admin.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.booking {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/Bookings.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.customers {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/Customers.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.companies {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/Companies.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.external {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/external.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
}

.Invoice {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/invoice.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;  
}

.jobsheets {
   display: inline-block;
   margin-left: -7px;
   width:   30px;
   height:  30px;
   background: url("../images/jobsheets.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;  
}

.purchasing {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/purchasing.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
}

.corpTax {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/corpTaxIcon.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
}

.quotes {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/Quotes.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.returns {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/returns.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
}

.stock {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/stock.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}


.suppliers {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/Suppliers.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}


.vehicles {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/vehicles.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}


.sysmanagement {
   display: inline-block;
   margin-left: -7px;
   width:   25px;
   height:  25px;
   background: url("../images/SysManagement.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.ProdLogo {
    display: inline-block;
}

.NAadmin {
   display: inline-block;
   width:   25px;
   height:  25px;
   background:url("../images/ProductUnavailable.png") no-repeat center,  url("../images/admin.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.NAbooking {
   display: inline-block;
   width:   25px;
   height:  25px;
   background:url("../images/ProductUnavailable.png") no-repeat center,  url("../images/Bookings.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.NAcustomers {
   display: inline-block;
   width:   25px;
   height:  25px;
   background:url("../images/ProductUnavailable.png") no-repeat center,  url("../images/Customers.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.NAcompanies {
   display: inline-block;
   width:   25px;
   height:  25px;
   background:url("../images/ProductUnavailable.png") no-repeat center,  url("../images/Companies.png")no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.NAexternal {
   display: inline-block;
   width:   25px;
   height:  25px;
   background: url("../images/external.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
}

.NAInvoice {
   display: inline-block;
   width:   25px;
   height:  25px;
   background:url("../images/ProductUnavailable.png") no-repeat center,  url("../images/invoice.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;  
}

.NAjobsheets {
   display: inline-block;
   width:   25px;
   height:  25px;
   background:url("../images/ProductUnavailable.png") no-repeat center,  url("../images/jobsheets.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;  
}

.NApurchasing {
   display: inline-block;
   width:   25px;
   height:  25px;
   background:url("../images/ProductUnavailable.png") no-repeat center,  url("../images/purchasing.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
}

.NAquotes {
   display: inline-block;
   width:   25px;
   height:  25px;
   background:url("../images/ProductUnavailable.png") no-repeat center,  url("../images/Quotes.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.NAreturns {
   display: inline-block;
   width:   25px;
   height:  25px;
   background:url("../images/ProductUnavailable.png") no-repeat center,  url("../images/returns.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain; 
}

.NAstock {
   display: inline-block;
   width:   25px;
   height:  25px;
   background:url("../images/ProductUnavailable.png") no-repeat center,  url("../images/stock.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}


.NAsuppliers {
   display: inline-block;
   width:   25px;
   height:  25px;
   background:url("../images/ProductUnavailable.png") no-repeat center,  url("../images/Suppliers.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}


.NAsysmanagement {
   display: inline-block;
   width:   25px;
   height:  25px;
   background:url("../images/ProductUnavailable.png") no-repeat center,  url("../images/SysManagement.png") no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}