html{      
    background-color:white;
    color:#333333; 
}

/******************************************************************************/

*{  
    font-family:arial; 
    font-size:12px;     
    transition-property:background,color,border-width,margin,padding,border-radius,opacity,width,height;
    transition-duration:0.170s;
    transition-timing-function:linear;
}
a{
    color:#004080;
    text-decoration:none;
}
p{    
    margin:0px;
    margin-top:15px;
    margin-left:15px;    
    padding:0px;
}
img{
    border:none;
}
h2{    
    margin:0px;
    margin-top:15px;
    margin-left:15px;  
    margin-right:15px;    
    padding:0px;
    font-size:17px;  
    font-weight:bold;  
}
form{                             
    margin-top:15px;                   
    margin-left:15px;                  
    margin-right:15px;             
    background-color:white;
}
       
/******************************************************************************/

.ajaxLoader{    
    display:none;
    position:fixed;    
    width:6%;
    top:45%;
    left:45%;    
    z-index:9999;
}

/******************************************************************************/

.menu{
    display:block;
    margin-left:15px;
    width:900px;
}
.menuItem{
    display:inline-block;
    position:relative;
    margin-top:5px;
    margin-right:5px;
    border-style:solid;
    border-width:1px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    border-color:grey;    
    background-color:#888888;
}
.menuItem a{    
    display:block;    
    text-align: center;    
    margin:0px;
    padding: 3px 5px 3px 5px; 
    font-weight:bold;
    color:white;
}
.menuItem select{  
    border:none;
    margin:0px;
    padding: 2px 5px 2px 5px; 
    color:white;
    background-color:#888888;
    font-weight:bold;
}
.menuItem select option{  
    margin:0px;
}

.notification{
    display:inline-block;
    position:relative;
    margin-top:5px;
    margin-right:5px;
    border-style:solid;
    border-width:1px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;   
    border-color:red;   
    background-color:red;
}
.notification a{    
    display:block;    
    text-align: center;    
    margin:0px;
    padding: 3px 5px 3px 5px; 
    font-weight:bolder;
    color:white;
}
.notification select{  
    border:none;
    margin:0px;
    padding: 2px 5px 2px 5px; 
    color:white;
    background-color:red;
    font-weight:bold;
}
.notification select option{  
    margin:0px;
}

/******************************************************************************/

.all{        
    width:956px;    
    min-height:1016px;
    margin-right:auto;
    margin-left:auto;    
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;    
}
#pbi{    
    display:inline-block;    
    vertical-align:top;
    float:left; 
}
.content{         
    display:inline-block;
    width:830px;     
    opacity:0.0;
    transition-property:background,color,border-width,margin,padding,border-radius,opacity,display;
    transition-duration:0.520s;
    transition-timing-function:linear;
}
.header{
    position:relative;
}
.logoPanel{    
    display:inline-table;    
    position:relative;    
    vertical-align:top;
    width:344px;
    height:200px;   
}
.divider2{    
    position:absolute;
    top:30px;
    left:425px;
    height:140px;    
    border-style:solid;
}
.companyLogoPanel{    
    display:inline-table;     
    position:relative;      
    vertical-align:top;    
    left:152px;
    width:344px;
    height:200px;
}

/******************************************************************************/

.divider{
    display:block;
    clear:both;
    position:relative;
    border-style:solid;
    border-width:medium;
}
.divider3{
    display:block;
    clear:both;
    position:relative;
    height:15px;
    border:none;
}
.checked{
    font-weight:bold;
    color:white;
    background-color:#3FDA00;
}
.changed{
    background:indigo;
    font-weight:bolder;
    color: white;
}

/******************************************************************************/

.dataTables_wrapper{
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
    background:none;
}
.dataTables_wrapper th{
    border:none;
    background:none;
    background-color:lightgrey;
    color:black;
    text-align:left;
}

/******************************************************************************/

.ui-widget-header{    
    border:none;
    background:none;
    background-color:lightgrey;
}
.ui-widget input{    
    font-family:inherit;
    font-size:inherit;
}

/******************************************************************************/

.ui-dialog{
    border-radius:0px;
}
.ui-dialog-titlebar{
    border:none;
    border-radius:0px;
}
.ui-dialog{
    padding:0px;
}
.ui-dialog .ui-dialog-content{
    padding:0px;
}

/******************************************************************************/

input:disabled{
    background-color: white;
    color:black;
}
select:disabled{
    background-color: white;
    color:black;
}
textarea:disabled{
    background-color: white;
    color:black;
}
label:disabled{
    background-color: white;
    color:black;
}

/******************************************************************************/

table{
    page-break-inside:avoid; 
    page-break-after:auto; 
    position:relative;
    margin-top:15px;
    margin-left:15px;
    border-collapse:collapse;
}
table .invisibleTypeHeader{
    display:none;
}
table .invisibleBorder{
    border-style:none;
}
table .caption{
    border-radius:5px;
    padding:5px;
    background-color:#3399FF;
    color:white;
    font-weight:bolder;
}
table .caption input{
    display:inline-block;
    vertical-align:middle;
    width:16px;
    height:16px;
    margin:0px;
}
table .caption img{
    display:inline-block;
    vertical-align:middle;
    width:16px;
    height:16px;
    margin:0px;
}
table .caption3{
    min-width:61px;
    max-width:50%;
    margin-left:auto;
    margin-right:auto;
    border-radius:5px;
    padding-top:5px;
    padding-bottom:5px;
    background-color:#3399FF;
    color:white;
    font-weight:bolder;
}
thead{ 
    display:table-header-group; 
}
tfoot{ 
    display:table-footer-group;
}
tr{ 
    page-break-inside:avoid; 
    page-break-after:auto;
}
td{    
    page-break-inside:avoid; 
    page-break-after:auto;    
    border-bottom:1px solid lightgray;
    padding:2px;
    padding-left:5px;    
}
td:first-child input{
    display:inline-block;
    vertical-align:middle;
    width:16px;
    height:16px;
    margin:0px;
}
td:first-child img{
    display:inline-block;
    vertical-align:middle;
    width:16px;
    height:16px;
    margin:0px;
}
td input{
    width:98%;
    border:none;
}
td input.editableList{
    border:solid;
    border-width:1px;
    border-color:lightgrey;
}
td input.column{
    display:none;
}
td label.column{
    display:inline-block;
    -webkit-border-radius:13px;
    -moz-border-radius:13px;
    -o-border-radius:13px;
    border-radius:13px;
    border-style:outset;
    border-width:2px;
    margin:2px;
    padding:4px;
}

/******************************************************************************/

.content td:first-child{
    background-color:lightgray;
}
.dataTables_wrapper td:first-child{
    background-color:inherit;
}
.enquiryTable tr:first-child td{
    border-top:1px solid lightgrey;
}
.otTable tr:first-child td{
    border-top:1px solid lightgrey;
}
.clientTable tr:first-child td{
    border-top:1px solid lightgrey;
}
.dateTable tr:first-child td{
    border-top:1px solid lightgrey;
}
.selectionTable tr:first-child td{
    border-top:1px solid lightgrey;
}
.natureTable tr:first-child td{
    border-top:1px solid lightgrey;
}
.declarationTable tr:first-child td{
    border-top:1px solid lightgrey;
}

/******************************************************************************/

.typeTable{
    display:inline-table;
    position:absolute;
    top:11px;
    left:320px;
    width:56px;
}
.typeTable label{
    display:block;
    float:right;
    clear:both;
}
.enquiryTable{
    display:inline-table;
    vertical-align:top;
    float:left;
    width:530px;
}
.dateTable{
    display:inline-table;
    width:380px;
}
.dateTable input{
    width:88%;
}
.clientTable{
    display:inline-table;
    float:left;
    clear:both;
    width:455px;
}
.otTable{
    display:inline-table;
    vertical-align:top;
    width:455px;
}
.productTable{
    display:block;
    float:left;
    clear:both;
    left:0px;
    width:707px;
}
.selectionTable{
    display:inline-table;
    float:left;
    width:455px;
}
.customExtraTable{
    width:95%;
    clear:both;    
}
.customExtraTable td:first-child{
    width: 15%;    
}
.legacyMeasurement{
    display:none;
}
.legacyModifiable input.legacyMeasurement{
    display:none;
    width:16px;
}
.legacyModifiable span.legacyMeasurement{    
    display:none;
    font-size:18px;
}
.legacyModifiable input.legacyMeasurement2{
    display:none;
    width:16px;
}
.legacyModifiable span.legacyMeasurement2{    
    display:none;
    font-size:18px;
}
.removeablePressureReliefTable{
    display:inline-table;
    width:455px;
}
.removeablePressureReliefTable td label{
    text-align:center;
    vertical-align:middle;
}
.removeablePressureReliefTable td img{
    display:block;
    width:90px;
    margin-left:auto;
    margin-right:auto;
}
.chestHarnessTypeTable{
    display:inline-table;
    width:455px;
    margin-top:0px;
    padding-left:2px;
    padding-right:2px;
}
.chestHarnessTypeTable td label{  
    text-align:center;
    vertical-align:middle;
}
.chestHarnessTypeTable td img{
    display:block;
    vertical-align:middle;
    height:150px;
    margin-left:auto;
    margin-right:auto;
}
.chestHarnessTypeTable td span{
    display:table;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
}
.lapStrapTable{
    display:inline-table;
    width:455px;
    margin-top:0px;
}
.lapStrapTable td label{  
    text-align:center;
    vertical-align:middle;
}
.lapStrapTable td img{
    display:block;
    vertical-align:middle;
    width:320px;
    margin-left:auto;
    margin-right:auto;
}
.lapStrapTable td span{
    display:table;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
}
.legStrapTable{
    display:inline-table;
    width:455px;
    margin-top:0px;
}
.legStrapTable td label{  
    text-align:center;
    vertical-align:middle;
}
.legStrapTable td img{
    display:block;
    vertical-align:middle;
    width:320px;
    height:auto;
    margin-left:auto;
    margin-right:auto;
}
.legStrapTable td span{
    display:table;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
}
.groinStrapTable{
    display:inline-table;
    width:455px;
    margin-top:0px;
}
.groinStrapTable td label{  
    text-align:center;
    vertical-align:middle;
}
.groinStrapTable td img{
    display:block;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
    height:180px
}
.groinStrapTable td span{
    display:table;
    vertical-align:middle;
    margin-left:auto;
    margin-right:auto;
}
.logo2{
    position:relative;
}
.caption2{
    border-width:1px;
    border-left:none;
    border-right:none;
    border-bottom:solid;
    border-top:none;
    padding-bottom:5px;
}
.riskAssessment{
    display:block;
    position:relative;
    float:right;
    clear:both;
    width:596px;
    margin-top:5px;
    margin-right:15px;
    margin-bottom:15px;
}
.riskAssessment td{
    border-top:none;
    border-left:none;
    border-right:none;
}
.riskAssessment td:first-child{
    width:90px;
    background-color:white;
}
.riskAssessmentLeadTable{
    display:inline-table;
    float:left;
    width:280px;
}
.riskAssessmentFollowTable{
    display:inline-table;
    width:280px;
}
.chairDiagram{
    display:block;
    clear:both;
    float:right;
    margin-right:15px;
    margin-bottom:15px;
    border:none;
}
iframe.chairDiagram{
    width:700px;
    height:960px;
}
.healthTable{
    min-width:120px;
    height:150px;
}
.healthTable img{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.healthTable label.column{
    text-align:center;
    border:none;
}
.healthImageTable img{
    height:95px;
}
.healthImageTable label.column{
    text-align:center;
    border:none;
}
.healthTable2{
    display:inline-table;
    min-width:110px;
    height:150px;
}
.healthTable2 label{
    text-align:center;
    border:none;
}
.healthTable2 img{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.healthTable3{
    display:inline-table;
    min-width:120px;
    height:150px;
}
.healthTable3 label{
    text-align:center;
    border:none;
}
.healthTable3 img{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.healthTable4{
    display:inline-table;
    min-width:120px;
    height:150px;
}
.healthTable4 label{
    text-align:center;
    border:none;
}
.healthTable4 img{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.healthTable5{
    display:inline-table;
    min-width:120px;
    height:150px;
}
.healthTable5 label{
    text-align:center;
    border:none;
}
.healthTable5 img{
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.pressureSoresRiskTable{
    display:inline-table;
    clear:right;
    float:right;
    width:90px;
    top:270px;
    margin-right:40px;
}
.pressureSoresRiskTable img{
    display:block;
    width:90px;
    margin-left:auto;
    margin-right:auto;
}
.details{
    display:block;
    width:80%;
    height:80px;
    margin-top:15px;
    margin-left:15px;
}
.detailsLabel{
    display:block;
    margin-left:15px;
}
.natureTable{
    display:table;
    height:50px;
    width:734px;
}
.natureTable input{
    width:400px;
}
.declarationTable{
    display:table;
    height:50px;
}
.largeButton{
    display:block;
    float:left;
    height:50px;
    margin-top:15px;
    margin-left:15px;  
}

/******************************************************************************/

.cropGuide{      
    opacity:0.5;          
    display:none;
    position:absolute;                
    background-color:#ffdc2e;
}
.viewPort{                
    display:block;   
    height:auto;
    width:auto;
    min-height: 100px;
    background-color:#c9c9c9;
}
.cropPhoto{                
    display:none;                  
    margin:15px;
    background-color:white;
}
.cropPhoto label{
    float:left;
    clear:left;
}
.cropPhoto input{
    float:left;
    clear:left;
}
.resizePhoto{                
    display:none;                  
    margin:15px;
    background-color:white;
}
.resizePhoto label{
    float:left;
    clear:left;
}
.resizePhoto input{
    float:left;
    clear:left;
}
.thumbnails{                
    display:none;    
    margin:15px;   
    padding:15px;        
    background-color:white;
}
.panel{                
    display:inline-block;
    vertical-align:top;
    margin-top:15px;
    margin-left:15px; 
    border-style:none;
    background-color:white;
}
.panel img{
    width:auto;
    height:120px;
}
.panel span img{
    width:auto;
    height:auto;
}
.panel input{
    display:block;
}
.photoPanels{
    display:block;  
    top:45px;
    margin:15px;
    padding:0px;
    border-style:solid;
    border-width:1px;
    border-color:white;
}
.testPanel{   
    position:absolute;
    resize:both;
    min-width:128px;
    margin-top:0px;
    margin-left:0px; 
    border-style:solid;
    border-width:2px;
    background-color:white;
}
.testPanel .viewPort{        
    border:none;/*
    border-top-style:outset;
    border-top-width:3px;
    border-left-style:outset;
    border-left-width:3px;
    border-right-style:outset;
    border-right-width:3px;*/
}
.testPanel .handle{                
    display:inline-block;
    vertical-align:middle;
    position:absolute;
    width:128px;
    height:26px;
    right:-2px;
    top:-30px;    
    border-style:solid;
    border-width:2px;
    background-color:white;       
}
.testPanel .layerUp{       
    vertical-align:middle;
    position:absolute;
}
.testPanel .layerDown{    
    vertical-align:middle;
    position:absolute;
    right:0px;          
}
.testPanel textarea{
    resize:none;
    width:96%;    
}
.testPanel input{ 
    display:none;
}
.testPanel .tools{ 
    display:block;    
    border:none;/*
    border-left-style:outset;
    border-left-width:3px;
    border-right-style:outset;
    border-right-width:3px;*/
}
.testPanel .tools img{ 
    vertical-align:middle;
    margin-right:5px;
}

/******************************************************************************/

.updatePrice{                
    display:none;                  
    margin:15px;
    background-color:white;
}
.updatePrice label{
    display:inline-block;
    width:28%;
    margin:0px;
    border:none;
    padding:0px;
    font-family:inherit;
    font-size:inherit;
}
.updatePrice input:not([type=button]){  
    display:inline-block;
    width:67%;
    margin:0px;
    border:none;
    padding:0px;
    font-family:inherit;
    font-size:inherit;
}
.updatePrice input[type=button]{
    width:100%;
    font-family:inherit;
    font-size:inherit;
}
.updateQuote{                
    display:none;                  
    margin:15px;
    background-color:white;
}
.updateQuote label{
    display:inline-block;
    width:28%;
    margin:0px;
    border:none;
    padding:0px;
    font-family:inherit;
    font-size:inherit;
}
.updateQuote input:not([type=button]){  
    display:inline-block;
    width:67%;
    margin:0px;
    border:none;
    padding:0px;
    font-family:inherit;
    font-size:inherit;
}
.updateQuote input[type=button]{
    width:100%;
    font-family:inherit;
    font-size:inherit;
}
.updateDeliveryDetails{                
    display:none;                  
    margin:15px;
    background-color:white;
}
.updateDeliveryDetails label{
    display:inline-block;
    width:28%;
    margin:0px;
    border:none;
    padding:0px;
    font-family:inherit;
    font-size:inherit;
}
.updateDeliveryDetails input:not([type=button]){   
    display:inline-block;
    width:67%;
    margin:0px;
    border:none;
    padding:0px;
    font-family:inherit;
    font-size:inherit;
}
.updateDeliveryDetails input[type=button]{
    width:100%;
    font-family:inherit;
    font-size:inherit;
}
.updateInvoiceDetails{                
    display:none;                  
    margin:15px;
    background-color:white;
}
.updateInvoiceDetails label{
    display:inline-block;
    width:28%;
    margin:0px;
    border:none;
    padding:0px;
    font-family:inherit;
    font-size:inherit;
}
.updateInvoiceDetails input:not([type=button]){   
    display:inline-block;
    width:67%;
    margin:0px;
    border:none;
    padding:0px;
    font-family:inherit;
    font-size:inherit;
}
.updateInvoiceDetails input[type=button]{
    width:100%;
    font-family:inherit;
    font-size:inherit;
}

/******************************************************************************/

.total{
    text-align:right; 
}
.number{
    margin:0px;
}
.partTable{
}
.partTable img{
    height:74px;
    width:auto;
}
.uploadServiceReportPhoto{                         
    margin-left:15px;                      
    margin-top:15px;              
    background-color:white;
}
.createAssessment{
    display:none;    
}
.createAssessment a{
    display:block;
    background-color:#888888;
    font-weight:bold;
    color:white;
}

/******************************************************************************/

.warning{              
    display:none;              
    margin:15px;
    background-color:white;
}
.confirm{              
    display:none;              
    margin:15px;
    background-color:white;
}
.assignAssessmentUser{
    margin-left:15px;
}
.assignAssessmentUser select{
    margin-left:5px;
}
.finalizeAssessment{ 
    float:right;
    height:50px;
    margin-top:15px;
    margin-right:15px;   
}
.assignAssessmentUser{
    display:inline-block;
    margin-top:15px;
    margin-right:5px;
}
.productSelect{
    display:none;
    vertical-align:top;
    width:350px;
    margin-top:15px;
    margin-left:15px;
    border:darkgrey;
    border-width:1px;
    border-style:solid;
}
.productSelect img{
    width:100%;    
    height:auto;    
}
.productSelect span{
    width:50%;    
    height:auto;    
}
.editableList{
    display:inline;
    position:relative;
    width:50%;
    z-index:1; 
}
.editableListSelect{
    width:21px;
    z-index: 0; 
    border:none;
}

/******************************************************************************/

.finalized{    
    display:none;
    clear:both;
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
    color:red;
    font-size:12px;
    font-weight:bold;
}
.customize{    
    display:none;
    vertical-align:top;
    clear:both;
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
    font-size:12px;
    font-weight:bold;
}
.notquoted{    
    display:none;
    vertical-align:top;
    clear:both;
    margin-top:15px;
    margin-left:15px;
    margin-right:15px;
    font-size:12px;
    font-weight:bold;
}

/******************************************************************************/

.photoPanel5{
    display:inline-block;
    margin-right:70px;
    margin-bottom:40px;
}
.photoPanel5 h2{
    display:inline-block;
    margin:0px;
}
.companyNurse{
    vertical-align:top;
    border-radius:5px;
}
.photoReportCompanyLogo{/*
    position:relative;
    top:-60px;
    width:300px;
    height:auto;*/
}
.pressureReliefTrans{   /* 
    position:relative;
    top:-10px;
    left:-270px;    
    width:auto;
    height:auto;*/
}
.productImage{
    float:right;
    max-width:200px;
    height:auto;
}
.productName{
    float:right;
}
.logoAndTrans{
    display:inline-block;
    vertical-align:top;
}
.logoAndTrans img{
    display:block;
}
.tapeMeasureChair{
    position:absolute;
    width:196px;
    height:auto;
}
.photoReportTech{
}