.cf,
.clearfix:after {
    content: " ";
}

.emailListButtons {
    float: left;
    margin-top: 10px;
}

@media screen and (max-width: 670px) {
    .emailListButtons {
        float: none;
    }
}

.blueTable {
    padding: 10px;
    margin: 0;
    width: auto;
    background: #f5f5f5;
    border: 1px solid #d9d9d9;
}

.blueTableTable {
    margin: 0;
    background-color: transparent;
    border: 1px solid transparent;
    width: auto;
    float: left;
    height: auto;
    min-height: 38px;
}

.blueTableTable.blueTableTableButtons {
    padding: 2px 0 0 25px;
}

.blueTableTable.fullWidthTableTable {
    width: 277px;
}

.hideFieldBackgrounds .blueTableTable {
    min-height: 20px !important;
}

.blueTableTable .tdLabel {
    width: 95px;
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
    float: left;
    margin: 5.5px 0 0;
    font-family: droid_sansregular !important;
    color: #447099 !important;
    font-size: 12px;
}

.blueTableTable .tdLabel.large {
    width: 170px;
}

.blueTableTable .tdLabel a {
    cursor: pointer;
    color: #030fff !important;
    text-decoration: none;
}

.blueTableTable .tdInput {
    float: left;
    margin: 0;
}

.blueTableTable .tdInput,
.blueTableTable .tdInput input {
    width: 163px;
    max-width: 163px;
}

.blueTableTable.doubleSize .tdInput,
.blueTableTable.doubleSize .tdInput input {
    width: 438px !important;
    max-width: none !important;
}

.blueTableTable.doubleSize .tdInput select {
    width: 446px !important;
    max-width: none !important;
}

.blueTableTable .tdInput input {
    padding: 3px 4px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    background: #fff;
    /*height: 18px;*/
}

.blueTableTable .tdInput input:focus {
    padding: 3px 4px;
    margin-bottom: 5px;
    border: 1px solid orange !important;
    background: #fff;
    /*height: 18px;*/
}

.hideFieldBackgrounds .blueTableTable .tdInput input,
input.hideBackground {
    border: 1px solid #f5f5f5 !important;
    background-color: #f5f5f5 !important;
    margin-bottom: 0 !important;
    -webkit-appearance: caret;
    -moz-appearance: caret;
}

.blueTableTable .tdInput a input {
    color: #030fff !important;
}

.blueTableTable .tdInput.large,
.blueTableTable .tdInput.large input {
    width: 250px;
    max-width: 250px;
}

.blueTableTable .tdInput.twoInputs input {
    width: 45% !important;
}

.blueTableTable .tdInput input.jqx-input-content-datepickertheme {
    border: 1px solid #fff;
    padding: 0px 4px;
    margin-top: -1px !important;
}

.blueTableTable textarea {
    width: 100%;
    padding: 3px 4px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    background: #fff;
    /*min-height: 18px;*/
}

.blueTableTable .tdInput select {
    width: 171px;
    max-width: 171px;
    padding: 4px;
    margin-bottom: 5px;
    height: 26px;
    border: 1px solid #ccc;
    background: #fff;
}

.cf,
.jqx-tabs-content-element-tabstheme {
    padding: 0;
}

.blueTableTable .tdInput.large select {
    width: 258px;
    max-width: 258px;
}

.blueTableTable .tdInput.twoInputs select {
    width: 45% !important;
}

.cf {
    border-bottom: 1px solid #d9d9d9;
    height: 1px;
    line-height: 1px;
    margin: 5px 0 15px;
    clear: left;
}

.mobile,
.mobileClearfix {
    display: none !important;
}

.jqx-widget-content-datepickertheme {
    margin-bottom: 5px;
}

.getCode {
    float: right;
    margin-right: 10px;
}

.commentsIcons input {
    width: 16px;
}

select#assignPart {
    width: 250px;
    float: left;
    margin: 6px 8px 0 5px;
}

.editFaultButton {
    float: right;
    margin: 0 15px 0 5px;
}

.deleteFaultButton {
    float: right;
    margin: 0 5px;
}

.addFaultButton {
    float: right;
    margin: 0 10px 0 0;
}

@media screen and (max-width: 670px) {
    .desktop,
    .print {
        display: none;
    }
    .blueTableTable.blueTableTableButtons {
        padding: 0;
    }
    .blueTableTable.fullWidthTableTable {
        width: 100%;
    }
    .jqx-tabs-arrow-background-tabstheme {
        border: 1px solid #d9d9d9;
    }
    .blueTableTable,
    .blueTableTable .tdInput,
    .blueTableTable .tdInput input,
    .blueTableTable .tdInput select .blueTableTable .tdInput.large input,
    .blueTableTable .tdInput strong,
    .blueTableTable .tdInput.large select,
    .blueTableTable .tdLabel,
    .blueTableTable .tdLabel strong {
        width: 100% !important;
        max-width: none !important;
        float: none;
        height: auto !important;
        text-align: left;
        font-size: 16px;
    }
    .blueTableTable.sideInputs .tdInput {
        width: 70% !important;
        float: right !important;
    }
    .blueTableTable.doubleSize .tdInput {
        width: 100% !important;
    }
    .blueTableTable.doubleSize .tdInput input {
        width: 100% !important;
        float: right !important;
    }
    .blueTableTable.sideInputs .tdLabel {
        width: 28% !important;
        float: left !important;
        height: 29px !important;
        margin-top: 6px !important;
    }
    .blueTableTable.doubleSize .tdLabel {
        width: 22% !important;
    }
    .blueTableTable .tdInput,
    .blueTableTable .tdLabel {
        margin: 0;
    }
    .blueTableTable .tdInput.readonly,
    .blueTableTable .tdLabel.readonly {
        width: 60% !important;
        float: left;
    }
    .blueTableTable .tdLabel.readonly {
        width: 36% !important;
        text-align: right;
        margin-top: 6px;
    }
    .blueTableTable .tdInput strong,
    .blueTableTable .tdLabel strong {
        font-family: droid_sansregular !important;
        color: #447099 !important;
        font-size: 16px;
    }
    .blueTableTable .tdLabel a strong {
        cursor: pointer;
        color: #030fff !important;
        text-decoration: none;
    }
    .blueTableTable .tdInput input,
    .blueTableTable .tdInput select,
    .blueTableTable .tdInput textarea,
    .blueTableTable .tdLabel input {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        width: 100%;
        max-width: none;
        font-size: 16px;
    }
    .blueTableTable .tdInput input:focus,
    .blueTableTable .tdInput select:focus,
    .blueTableTable .tdInput textarea:focus {
        padding: 3px 4px !important;
    }
    .blueTableTable .tdInput input[type="checkbox"],
    .blueTableTable .tdLabel input[type="checkbox"] {
        height: 26px;
        width: 46px;
    }
    .blueTableTable .tdInput textarea {
        font-size: 16px;
        height: auto;
    }
    .blueTableTable .tdInput.twoInputs input {
        width: 48% !important;
        float: left;
        height: 36px !important;
    }
    .blueTableTable .tdInput.twoInputs select {
        width: 48% !important;
        float: right;
        height: 36px !important;
    }
    .cssButtons {
        width: 100%;
        padding: 9px 18px;
        margin: 10px 0 0;
        font-size: 16px;
    }
    .cssButtons.delete span,
    .cssButtons.print span,
    .cssButtons.upload span {
        background-size: 0.9em;
    }
    .jqx-tabs-content-element-tabstheme {
        padding: 10px;
        float: none;
    }
    .getCode {
        float: none;
    }
    .fullWidthButton,
    select#assignPart {
        width: 100%;
    }
    .halfWidthButton {
        width: 49%;
    }
    .buttonRight {
        float: right !important;
    }
    .buttonLeft {
        float: left !important;
    }
    #mobileFailedPart label,
    #mobileFailedPart select,
    #mobileFailedPart textarea,
    .jqx-item-tabstheme,
    select#assignPart,
    table.details-table td,
    table.details-table th,
    table.uploadedItemsTbl td {
        font-size: 16px !important;
    }
    .jqx-tabs-title,
    .jqx-tabs-titleContentWrapper {
        width: auto !important;
    }
    .jqx-tabs-title {
        padding-left: 10px;
        padding-right: 10px;
    }
    .commentsIcons input {
        width: 20px;
    }
    select#assignPart {
        float: none;
        margin: 6px 0 0;
    }
    .mobile {
        display: block;
    }
    .mobileClearfix {
        display: block;
        height: 20px;
        border: 0;
        padding: 0;
        margin: 0;
    }
    .deleteFaultButton,
    .editFaultButton {
        margin: 0;
    }
    .addFaultButton {
        float: none;
        margin: 10px 0 0;
    }
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}

#container {
    width: auto !important;
    background: #fff !important;
}

.ui-resizable-helper {
    border: 2px dotted #00f;
}

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

.accountspartno {
    width: 150px;
}

.textareaDiv .uploadedItemsTbl .comment:focus {
    border: 0 !important;
}

.ui-autocomplete {
    z-index: 1110 !important;
    text-align: left;
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
}

* html .ui-autocomplete {
    height: 250px;
}