﻿@import url("/FactoryCommonUI/Theme.FactoryCommonUI.css?10369");

input[type='text'][readonly], select[disabled], input[type='email'][readonly]{
    background: #EAEAEA;
}

div.Header_Title {
    margin-bottom: -40px;
}

div.Menu_TopMenus {
    padding-left: 200px;
    text-align: left;
    white-space: nowrap;
}

div.SubMenuHeading {
    text-transform: uppercase;
    color: #666;
    margin-bottom: 5px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 5px;
    margin: 5px 5px 10px 5px;
    display:inline-block;
    *display:inline;
}
/* ------ Analysis Plate Badges -----*/

.badgeAnalysisPlateStatus {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 14px;
    color: white;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    font-size: 11px;
    width: 80px;
    display: inline-block;
    text-align: center;
    padding: 3px 8px;
    margin: 0px;
    
}

.badgeAnalysisPlateStatusPending{
    background-color:#B8C6EE;
}

.badgeAnalysisPlateStatusAnalysing{
    background-color:#99C69D;
}
.badgeAnalysisPlateStatusCompleted{
    background-color:#24604B;
}

/* ------ PCR Plate Badges -----*/

.badgePCRPlateStatus {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 14px;
    color: white;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    font-size: 11px;
    width: 80px;
    display: inline-block;
    text-align: center;
    padding: 3px 8px;
    margin: 0px;
    
}

.badgePCRPlateStatusPending{
    background-color:#B8C6EE;
}

.badgePCRPlateStatusReadyToAnalysis{
    background-color:#99C69D;
}
.badgePCRPlateStatusAnalysis{
    background-color:#24604B;
}
/* ------ Mother Plate Badges -----*/

.badgeMotherPlateStatus {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 14px;
    color: white;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    font-size: 11px;
    width: 80px;
    display: inline-block;
    text-align: center;
    padding: 3px 8px;
    margin: 0px;
    
}

.badgeMotherPlateStatusPending{
    background-color:#B8C6EE;
}

.badgeMotherPlateStatusRetest{
    background-color:#FF9933;
}

.badgeMotherPlateStatusExtraction{
    background-color:#7DC0C0;
}

.badgeMotherPlateStatusReadyToPCR{
    background-color:#99C69D;
}
.badgeMotherPlateStatusPCRPlated{
    background-color:#24604B;
}

/* ------ Order Status Badges -----*/

.badgeStatus {
    /*padding: 0.1em 0.8em 0.1em;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 14px;
    color: white;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
    text-shadow: none;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    font-size: 11px;
    width: 73px;
    display: inline-block;
    text-align: center;
    padding: 3px 8px;
    margin: 0px;
}

.badgeStatusError {
  background-color:#8A1F11;
}

.badgeStatusDraft{
    background-color:#999;
}

.badgeStatusRequested{
    background-color:#4A3388;
}

.badgeStatusScheduled{
    background-color:#B8C6EE;
}

.badgeStatusArrived{
    background-color:#7DC0C0;
}

.badgeStatusShipped{
    background-color:#E07EF9;
}

.badgeStatusReceived, .badgeStatusQuoted {
    background-color:#99C69D;
}

.badgeStatusApproved{
    background-color:#24604B;
}

.badgeStatusInactivated{
    background-color:#333333;
}

.badgeStatusLate, .badgeStatusInProcess{
    background-color:#FF9933; 
}

.badgeStatusOverdue{
    background-color:#660033; 
}

.badgeStatusActive{
    background-color:#24604B;
}

.PageHeading .badgePCRPlateStatus{
    font-size: 20px;
    padding: 10px;
    min-width: 120px;
    font-weight: normal;
    float: right;
}

.PageHeading .badgeAnalysisPlateStatus{
    font-size: 20px;
    padding: 10px;
    min-width: 120px;
    font-weight: normal;
    float: right;
}

.PageHeading .badgeMotherPlateStatus{
    font-size: 20px;
    padding: 10px;
    min-width: 120px;
    font-weight: normal;
    float: right;
}


.PageHeading .badgeStatus{
    font-size: 20px;
    padding: 10px;
    min-width: 120px;
    font-weight: normal;
    float: right;
}

/* ------ Service Status Badges -----*/

.badgeServiceStatus {
    /*padding: 0.1em 0.8em 0.1em;*/
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 14px;
    color: white;
    /*text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    font-size: 11px;
    width: 80px;
    display: inline-block;
    text-align: center;
    padding: 3px 8px;
    margin: 0px;}

.badgeServiceStatusNotReceived{
    background-color:#B8C6EE;
}

.badgeServiceStatusReceived{
    background-color:#99C69D;
}

.badgeServiceStatusCompleted{
    background-color:#99C69D;
}

.badgeServiceStatusChecked{
    background-color:#99C69D;
}

.badgeServiceStatusApproved{
    background-color:#24604B;
}

.badgeServiceStatusPending{
    background-color:#FF9933;
}

/* ------ Shipment Status Badges -----*/

.badgeShipmentStatus {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 14px;
    color: white;
    text-shadow: none;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    font-size: 11px;
    width: 73px;
    display: inline-block;
    text-align: center;
    padding: 3px 8px;
    margin: 0px;
}

.badgeShipmentStatusPending {
    background-color: #a5a5a5;    
}

.badgeShipmentStatusShipped {
    background-color: #00b0f0;    
}

.badgeShipmentStatusReceived {
    background-color: #92d050;    
}

.badgeShipmentStatusUnpacked {
    background-color: #ffc000;    
}

/* ------ Sample Transfer Status Badges -----*/

.badgeSampleTransferStatus {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 14px;
    color: white;
    text-shadow: none;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999;
    font-size: 11px;
    width: 83px;
    display: inline-block;
    text-align: center;
    padding: 3px 8px;
    margin: 0px;
}

.badgeSampleTransferStatusPendingTransfer {
    background-color: #a5a5a5;    
}

.badgeSampleTransferStatusInTransit {
    background-color: #00b0f0;    
}

.badgeSampleTransferStatusAtDestination {
    background-color: #92d050;    
}

.badgeSampleTransferStatusNotReady {
    background-color: #ffc000;    
}

/*------- Help Pattern Web Block Start --------*/

div.Help_Wrapper {
    _height: 1%;
    *display: inline-block;
    margin-bottom: 4px;
}

div.Help_Wrapper: after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.Help_Image {
    float: left;
    margin-right: 3px;
}

div.Help_Image img {
    margin-top: 3px;
}

div.Help_Text {
    margin-left: 12px;
    font-size: 11px;
    color: #888888;
}

/*------- Help Pattern Web Block End ----------*/

/** General Styles (Merged from Pages/WebBlocks */
.InlineBlock {
    display:inline-block;
}

.Left10 {
    margin-left:10px;
}

.Left20{
    margin-left:20px;
}

@font-face {    
    font-family: 'Libre Barcode 39';
    src: url('/LTMCommonUI/LibreBarcode39-Regular.ttf') format('truetype');
    font-weight: normal;    
    font-style: normal;
}


/*------- Address Card Start ----------*/
div.Card
{   display: inline-block;
    width: 325px;
    height: 175px;
    margin: 10px 9px 0px 0px;
    padding: 7px 13px;
    /*
    border-radius: 0px;
    -moz-box-shadow: 3px 2px 13px #8E8E8E;
    -webkit-box-shadow: 3px 2px 13px #8E8E8E;
    box-shadow: 3px 2px 13px #8E8E8E;
    */
    border: 1px solid #8E8E8E;
    font-size:11px;
    vertical-align:top;
}

div.AddressHeader{
    font-weight:bold;
    margin-bottom:10px;
    font-size:13px;
    float:left;
   
}

div.floatRight{
    float:right;
}

.clearboth{
    clear:both;
    Margin-top:10px;
}



/*------- Footer Start ----------*/
div.LTMFooter a {
    color: #fff;
}
div.LTMFooter {
    line-height: 2em;
}
div.LTMFooterCol {
    height: 125px;
    padding: 0 20px 20px 20px;
    font-size: 13px;
}
div.LTMFooterColDark {
    background: #857f50;
}
div.LTMFooterFirstLine {
    font-weight: bold;
    font-size: 16px;
    line-height: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.LTMFooterLogo {
    margin-bottom: 5px;
}
div.LTMFooterEmail {
    font-size: 16px;
    line-height: 22px;
    font-weight: bold;
}

div.Footer {
    padding-left: 0px;
}

div.DropDownPanel {
    z-index: 2000;
}

div.DropDownButtonRoot {
    z-index: 1000;
}

/*------- Footer Card End ----------*/

div.LTMMaintenance{
    white-space: nowrap;
    position: relative;
    left: 5px;
    bottom: 20px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    background-color: #FFD026;
    padding: 4px 10px 4px 10px;
    border-radius: 3px;
}

.hint {
    font-size: 12px;
    position: relative;
    clear: both;
    width: 98%;
    padding: 10px;
    margin: 10px 0;
}

.hint.default {
    background: #fafafa;
    border: 1px solid #ddd;
    color: #444;
}

.hint.warning {
    background:#FFFBBF;
    border: 1px solid #FFDAA4;
    color:#514721;
}

.hint.error {
    background:#FBE3E4;
    border: 1px solid #FBC2C4;
    color:#8A1F11;
}

.hint.success {
    background: #EEFFD7;
    border: 1px solid #d8ffaa;
    color: green;
}

.hint > a.close-hint {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #222;
    color: #eee;
    border: 1px solid #000;
    padding: 0 3px;
    text-decoration: none;
    border-radius: 14px;
    font-weight: bold;
    font-size: 9px;
}

.hint > a.close-hint:hover {
    background: #FBE3E4;
    color: #8a1f11;
    border-color: #FBC2C4;
}

.QuoteName {
    padding-top: 22px;
}

input[type='checkbox'].Not_Valid {
    outline: 2px solid #BF1601;
}