#map{
    height:75vh;
}

#tableJobOfferedTo{
    margin-top:10px;
}
#tableSupplierProvisions{
    width:800px;
}
#formSupplierProvisions{
    min-width:450px;
}

#holderSearchGoogle{
    padding:5px;
}

/* Find and create quotes */
#findSection1{
    text-align:center;
}


#holderSearchGoogle a{
    color:#0000ee;
}

#tableFindProvisions{
    user-select: none;
}

.acceptMessage{
    color:#fff;
    text-align:center;
    margin-top:50px;
    font-size:26px;
}

.findButtonContainer{
    text-align:center;
}

.findButtonContainer button{
    background-color:#ff801d;
    color:#fff;
    font-weight:bold;
    border:solid 0px;
    padding:10px;
}

#paneSummary{
    display: flex;
    flex-wrap: wrap;
}

#chartStaffJobs{
    width:70vw;
    max-width:700px;
    display:inline-block !important;
    margin:5px;
}

#chartJobs{
    width:15vw;
    max-width:400px;
    display:inline-block  !important;
    margin:5px;
}

.dummyNote{
    width:300px;
    margin:10px;
    padding:10px;
    border-radius:3px;
    border:solid 1px #ddd;
    box-shadow: 0 0 3px rgba(0,0,0,.3);
}

#menuSupplier{
    text-align:center;
}

#menuSupplier button{
    width:200px;
}

#menuSupplierName{
    text-align:center;
    font-weight:bold;
}
#menuSupplierTelephone{
    margin-top:2px;
}
#menuSupplierTelephone a{
    display:block;
    color:#444;
}
#menuSupplierTelephone img{
    width:12px;
}

#menuSupplierEmail{
    margin-top:2px;
   
}
#menuSupplierEmail img{
    width:12px;
}
#menuSupplierEmail a{
    display:block;
    color:#444;
}

#formShowJob{
    width:1000px;
}

#holderJobOfferedWhenWhere div{
    display:inline-block;
}
#holderJobOfferedDetails div{
    display:inline-block;
}
#holderJobOfferedQuoteAmount div{
    display:inline-block;
}
#holderJobOfferedBuy div{
    display:inline-block;
}

#jobOfferedDetails{
    width:300px;
}
#jobOfferedQuote{
    width:300px;
}
#jobOfferedQuoteAmount{
    width:70px;
}
#jobOfferedBuy{
    width:70px;
}
#jobModifiedDetails{
    text-align:right;
    color:#ccc;
    font-size:10px;
}