.no-close .ui-dialog-titlebar-close {
  display: none;
}

.acinvamt {
    font-weight:bold;
}

#reportarea {
    clear:left;
    background:rgba(50,50,50,0.95);
    border-radius:3px;
    margin:1em;
    overflow:auto;
}

.datebound {
    background:rgba(230,230,230,0.85);
    padding:.1em;
    border-radius:3px;
    margin: .2em;
    float:left;
    clear:left;
    margin-left:12%;
    width:8em;
}

#atMenu {
    width: 10em;
}

.macrow {
    float:right;
    margin-right:5%;
}

.sboxlower {
    line-height:1.5em;
}

.addywarn {
    background:rgba(255,255,0,0.85);
}

.ncWarn {
    width:85%;
    text-align:center;
    margin-top:.25em;
    margin-bottom:.25em;
    font-size:1em;
    font-weight:bold;
    background:rgba(255,255,0,0.85);
    margin-left:auto;
    margin-right:auto;
    border-radius:3px;
    display:none;
}

h3.sTitle {
    font-size:.8em;
}

#prepop {
    background:rgba(255,255,0,0.85);
    border-radius: 3px;
    width: 18em;
    margin-left: 2em;
}

.pcomEditor {
    display:none;
    width:100%;
    height:100%;
}

.pcomnew {
    background:rgba(200,200,200,0.85);
    border-radius:3px;
    float:right;
    padding:.25em;
    margin-right:5%;
    margin-top:1em;
    border-radius:3px;
    line-height:1em;
    cursor:pointer;
}

.pcomedit {
    background:rgba(255,255,0,0.85);
    margin-right:.5em;
}

.pcomholder {
    background:rgba(255,255,0,0.85);
    float:right;
    padding:.25em;
    margin-right:5%;
    margin-top:1em;
    border-radius:3px;
    display:none;
    line-height:1em;
    width:25%;
}

.pcomalert {
    width:100%;
    text-align:center;
    margin-top:.25em;
    margin-bottom:.25em;
    font-size:1em;
}

.pcomAddress {
    width:100%;
    text-align:center;
    font-weight:bold;
    margin-top:.25em;
}

.spcom {
    background:rgba(255,255,0,0.85);
    width:25%;
    float:right;
    padding:.25em;
    margin-right:.5em;
    margin-top:.5em;
    border-radius:3px;
    clear:right;
    line-height:1em;
    display:none;
}

.searchwrap {
    line-height:1.6em;
    float:left;
    width:95%;
}

#ncComments {
    width:80%;
}

#searchit {
    float:left;
    clear:left;
    margin-left:10%;
    padding:.25em .5em;
    font-weight:bold;
}

.nicEdit-main {
    background-color:#FFFFFF;
}

.comwrap {	
    width:80%;
    float:left;
}

.ltext {
    background:rgba(230,230,230,0.85);
    padding:.1em;
    border-radius:3px;
    margin: .2em;
}

.sctool {
    background:rgba(68, 68, 68, 0.85);
    padding:.1em;
    border-radius:3px;
    margin: .2em;
}

label {
    display: inline-block;
    float: left;
    clear: left;
    width: 15%;
    text-align: right;
}

.rlabel {
    border-radius:3px;
    padding:.25em;
    background:rgba(230,230,230,1);
    margin-left:1em;
    margin-top:.5em;
    width:auto;
    display:inline;
    text-align:left;
    clear:none;
}

input {
    display: inline-block;
    float: left;
    font-size:inherit;
}

.comlabel {
    display:inline;
}

.ncButton {
    float:left;
    clear:left;
    margin-left:15%;
}

select {
    display: inline-block;
    float: left;
    font-size:inherit;
}

span.GFS {
    width: 90px;
    height: 50px;
    background:url('images/gfs.png') left top;
    display: block;
    float: left;
}

span.SYSCOTORONTO {
    width: 90px;
    height: 50px;
    background:url('images/sysco.png') left top;
    display: block;
    float: left;
}

span.SYSCOCENTRAL {
    width: 90px;
    height: 50px;
    background:url('images/sysco.png') left top;
    display: block;
    float: left;
}

span.SYSCOSOUTHWEST {
    width: 90px;
    height: 50px;
    background:url('images/sysco.png') left top;
    display: block;
    float: left;
}

span.SYSCOEDMONTON {
    width: 90px;
    height: 50px;
    background:url('images/sysco.png') left top;
    display: block;
    float: left;
}

span.SYSCOCALGARY {
    width: 90px;
    height: 50px;
    background:url('images/sysco.png') left top;
    display: block;
    float: left;
}

span.ACCURATE {
    width: 90px;
    height: 50px;
    background:url('images/accurate.png') left top;
    display: block;
    float: left;
}

span.MOTHERS {
    width: 90px;
    height: 50px;
    background:url('images/mothers.png') left top;
    display: block;
    float: left;
}

span.MCQUEEN {
    width: 90px;
    height: 50px;
    background:url('images/mcqueen.png') left top;
    display: block;
    float: left;
}

span.COD {
    margin-right:40px;
    width: 50px;
    height: 50px;
    background:url('images/cod.png') left top;
    display: block;
    float: left;
}

span.VISA {
    margin-right:40px;
    width: 50px;
    height: 50px;
    background:url('images/visa.png') left top;
    display: block;
    float: left;
}

span.DEBIT {
    margin-right:40px;
    width: 50px;
    height: 50px;
    background:url('images/debit.png') left top;
    display: block;
    float: left;
}

span.MASTERCARD {
    margin-right:40px;
    width: 50px;
    height: 50px;
    background:url('images/mastercard.png') left top;
    display: block;
    float: left;
}

span.BUNNSERVE {
    width: 90px;
    height: 50px;
    background:url('images/bunn.png') left top;
    display: block;
    float: left;
}

span.BUNNWARRANTY {
    width: 90px;
    height: 50px;
    background:url('images/bunn.png') left top;
    display: block;
    float: left;
}

span.FLANAGAN {
    width: 90px;
    height: 50px;
    background:url('images/flan.png') left top;
    display: block;
    float: left;
}

span.VANHOUTTECOFFEE {
    width: 90px;
    height: 50px;
    background:url('images/vanhoutte.png') left top;
    display: block;
    float: left;
}

span.VAHHOUTTESEC {
    width: 90px;
    height: 50px;
    background:url('images/vanhoutte.png') left top;
    display: block;
    float: left;
}

span.RESQ {
    width: 90px;
    height: 50px;
    background:url('images/resq.png') left top;
    display: block;
    float: left;
}

span.ACCURATEWARRANTY {
    width: 90px;
    height: 50px;
    background:url('images/warranty.png') left top;
    display: block;
    float: left;
}

span.SOLDTO {
    width: 50px;
    height: 50px;
    background:url('images/soldto.png') left top;
    float: right;
}

span.ROADSERVICE {
    width: 50px;
    height: 50px;
    background:url('images/roadservice.png') left top;
    float: right;
}

span.SHOPSERVICE {
    width: 50px;
    height: 50px;
    background:url('images/shopservice.png') left top;
    float: right;
}

span.DELIVERY {
    width: 50px;
    height: 50px;
    background:url('images/delivery.png') left top;
    float: right;
}

span.PICKUP {
    width: 50px;
    height: 50px;
    background:url('images/pickup.png') left top;
    float: right;
}

span.REMOVAL {
    width: 50px;
    height: 50px;
    background:url('images/removal.png') left top;
    float: right;
}

span.INSTALLATION {
    width: 50px;
    height: 50px;
    background:url('images/installation.png') left top;
    float: right;
}

span.GASSERVICE {
    width: 50px;
    height: 50px;
    background:url('images/gas.png') left top;
    float: right;
}

span.REFSERVICE {
    width: 50px;
    height: 50px;
    background:url('images/ref.png') left top;
    float: right;
}

.bcwrapper {
    width: 100%;
}

.bcentry {
    width:50%;
}

.infield {
    float:left;
    clear:left;
    display:inline-flex;
}

.infix {
    float:right;
}

.billbutton {
    float:left;
    clear:left;
}

.bcsearch {
    width: 99%;
    background:rgba(255,255,255,0.95);
}

.bcselect {
    float:none;
}

.bcname {
    float:none;
}

.bcwo {
    float:none;
}

.bcresults {
    width: 99%;
    background:rgba(200,200,200,0.85);
}

.bcaccord {
    width: 100%;
}

.bcbilledto {
    border-radius: 4px;
    background-color: rgba(250,250,140,0.85);
    border: 4px;

}

.bcbillemail {
    border-radius: 4px;
    background-color: rgba(0, 255, 255, 0.55);
    font-weight: bold;
    padding: 2px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.subwin {
    background:rgba(80,80,80,0.85);
}

.acbilledto {
    border-radius:5px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 2px 2px;
    background-color:rgba(250,250,140,0.85);
    font-weight: bold;
    font-size: 1em;
}

.acbillemail {
    border-radius:5px;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 2px 2px;
    background-color:rgba(250,250,140,0.85);
    font-weight: bold;
    font-size: 1em;
}

.assinedto {
    float: right;
    /* clear: right; */
    font-size: .8em;
}

.accomments {
    background-color:#EEEEEE;
    padding: 8px 8px;
    font-size: 1em;
    border-radius:8px;
}

.updates {
    width:96%;
    margin-left:2%;
    background-color:#EEEEEE;
    padding: 8px 8px;
    font-size: 1.1em;
    border-radius:8px;
    margin-bottom:.5%;

}

.todo {
    background-color:#FCFCA7;
}

.ui-menu { 
    font-size: 12px;
    width: 150px;
    float: right;
}

#accordion {
    float:left;
}

#controlarea.ui-accordion .ui-accordion-header {
    font-size: 1.17em;
    line-height: 1em;
    background: #EEEEEE;
    color: black;
}

.ui-state-active{
    background: rgba(80,80,80,0.85);
}

.ui-state-default{
    font-weight: auto;
}

.ui-state-hover{
    background: rgba(200,200,200,0.85);
    font-weight: auto;
}

.ui-accordion .ui-accordion-content {
    font-size: .9em;
}

.ui-accordion .ui-accordion-header {
    font-size: 1.17em;
}

.ui-accordion {
    width: 100%;
}

div.field {
    margin-top: 10px;
}

#controlarea {
    margin-left:1%;
    width:49%;
    float:left;
}

body {
    background-image:url('images/plateback.png');
    background-attachment: fixed; 
    font-family: "Arial", "Helvetica", Sans-Serif;
    font-size: 1em;
    margin: 0;
    padding: 0;
} 

.sidemenu {
    width: 10%;
    float: left;
}

.sidemenu.ui-menu .ui-menu-item a {
    font-size: 1.2em;
}

.callmenu.ui-menu {
    width: 6em;	
}

.callmenu.ui-menu .ui-menu-item a {
    font-size: .8em;
}

.cwsubmenu {
    padding: 1%;
    float: right;
}

.rightportion {
    margin-left: 11%;

}

.newcallform {
    line-height:1.6em;
    float:left;
    width:100%;
}

.editcallform {
    line-height:190%;
    border:1px solid black;
    background-color:rgba(200,200,200,0.85);
    font-size: 15px;
}

.loginform {
    background-color:rgba(200,200,200,0.85);
    margin-left: auto;
    margin-right: auto;
    width:400px;
    font-size: 1em;
    padding: 10px;
    border-radius:15px;
    overflow:hidden;
}

.logininput {
    margin-left:2em;
}


.loginholder {
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.intime {
    font-size: .75em;
}

.menuaddy {
    font-size: .8em;
    font-weight:bold;
}

.acaddress {
    display: none;
}

.callinfobox {
    margin-left: 10%;
}

#mapwrap {
    height: 95%;
    width: 48%;
    margin-left:50%;
    margin-top:1%;
    margin-bottom: 1%;
    position:fixed;
}

#map-canvas {
    height:100%;
}

.watchwrap {
    width: 100%;
    height:100%;
    overflow:scroll;
}

.clear { 
    clear:both;
}

.pieholder {
    margin:1em;
    margin-right:.5em;
    background-color:rgba(80,80,80,0.85);
    border-radius:4px;
    overflow:hidden;
}

.barholder {
    margin:1em;
    background-color:rgba(80,80,80,0.85);
    border-radius:4px;
    overflow:hidden;
}

span.rpt-header {
    padding:.25em;
    margin-left:.5em;
    margin-top:.5em;
    background-color:rgba(220,220,220,0.85);
    border-radius:4px;
}

span.rpt-data {
    padding:.25em;
    background-color:rgba(220,220,220,1);
    border-radius:4px;
}

.rptCallList {
    padding:.25em;
    margin:1em;
    margin-right:.5em;
    background-color:rgba(80,80,80,0.85);
    border-radius:4px;
    overflow:auto;
    float:left;
    clear:left;
    width:95%;
}

.rcall {
    border-radius:3px;
    padding:.2em;
    background:rgba(230,230,230,1);
    margin:.2em;
    width:auto;
    display:inline-block;
    text-align:left;
    clear:none;
    cursor: pointer;
}

.ui-dialog {
    font-size: .75em;
}

.loader {
    margin-left:50%;
    clear:left;
    display:none;
}

.bcComment {
    float:right;
    width:50%;
    border-radius:3px;
    padding:.2em;
    background:rgba(230,230,230,1);
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#weather {
    border-radius:3px;
    padding:.2em;
    background:rgba(230,230,230,1);
    margin: 1em;
}

.spinner {
    display:none;
}

#chgpassbtn {
    cursor:pointer;
}

.rptDateWarn {
    background:rgba(255,180,180,1);
}

#searchit {
    float:left;
    clear:left;
    margin-left: 1em;
    cursor: pointer;
    background-color:#C8D7E8;
}

.tblrpt {
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 14px;
    margin: auto;
    width: 85%;
    text-align: left;
    border-collapse: collapse;
}

.tblrpt td {
    padding: 8px;
    background: #e8edff; 
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
    border-right: 1px solid #fff;
}

.tblrpt td.dar{
    background-color: #C8D7E8; 
}

.tblrpt th
{
    font-size: 13px;
    font-weight: normal;
    padding: 8px;
    background: #b9c9fe;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff;
    color: #039;
}

.tblrpt tr:hover td
{
    background: #d0dafd;
    color: #339;
}

#btnExport {
    display: none;
    cursor: pointer;
}

.diatext {
    background:#C8D7E8;
    padding:.1em;
    border-radius:3px;
    margin: .2em;
    font-size: 1em;
}

.diacomm {
    background:#e8edff;
    padding:.1em;
    border-radius:3px;
    margin: .2em;
    font-size: 1em;
}

.addfile {
    padding:.1em;
    margin: .2em;
    width: 80%;
}

.percent {
    background:rgba(230,230,230,0.85);
    padding:.1em;
    border-radius:3px;
    width: 5%;
}

.download {
    background:rgba(124,200,40,0.85);
    padding:.1em;
    border-radius:3px;
    margin: .2em;
}