body {
    background: #DAE2E8;
    margin: 0;
    font: 12px Tahoma, sans-serif;
}

.header_content {
    position: absolute;
    left: 0;
    top: 0;
    height: 50px;
    z-index: 20;
    width: 100%;
    min-width: 750px;
}

    .header_content h2 {
        padding: 0 1em;
        float: left;
    }

    .header_content .after_title {
        float: right;
        padding: 5px 1em;
    }

    .header_content div.meta {
        float: left;
        text-align: right;
        color: rgb(250, 250, 250);
    }

    .header_content div.title_separator {
        float: left;
        width: 1em;
    }

    .header_content div.site_actions {
        float: right;
    }

    .header_content .logout {
        color: rgb(131, 221, 237);
    }

        .header_content .logout a:link {
            color: rgb(131, 221, 237);
            text-decoration: none;
        }

        .header_content .logout a:hover {
            color: white !important;
            text-decoration: underline;
        }

        .header_content .logout a:visited {
            color: rgb(131, 221, 237);
        }

.navigator {
    top: 48px;
    width: 13em;
    position: absolute;
}

#NavigationPanelBar > .t-item > .t-group > .t-item .t-link {
    padding: 5px 0.5em;
}

#VersionControlMenuItemCheckBox {
    margin-left: 1em !important;
    margin-top:10px;
    margin-bottom:10px;
}

.t-panelbar .t-link {
    border-color: #426682 !important;
}

.main_content {
    margin-left: 13.2em;
    padding: 0 1em 10px 1em;
    background: white;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 20;
}

.right_button_block {
    float: right;
    width: 7em;
    padding: 0px 0;
}

.float_right {
    float: right !important;
}

/*Sets height for tabs in the query window*/
.query_window_filetype_heightfix {
    min-height: 90px;
    max-height: 300px;
}

.query_window_ingredients_heightfix {
    max-height: 300px;
    /*min-height: 50px;*/
}

#bumpQueryOutputFileTypes, #bumpQueryOutputIngredientsOnly {
    margin-left: 0.4em;
}

.query_output_right_button_block {
    float: right;
    width: 9em;
    padding: 0px 0;
}

.query_output_left_button_block{ 
    float:left;
    width:9em;
    
}

.query_output_right_button_block button {
    width: 100%;
}

.right_button_block button {
    width: 100%;
}

.left_button_block {
    height: 100%;
    overflow: hidden;
    margin-right: 10em;
    border: 1px;
}

.left_button_block_content {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.main_content {
    min-width: 69em;
}

.fill_background {
    margin-left: 13.2em;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: white;
    min-width: 65em;
}

.form_input {
    padding: 5px 0;
    display: block;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
}

.form_label {
    width: 5em;
    margin-right: 1em;
}

.dialog_header {
    font-weight: bold;
}

.stretched_field_text {
    position: relative;
    display: block;
    height: 100%;
}

.stretched_field_image {
    position: relative;
    display: block;
    height: 5em;
}

.form_field {
    float: left;
    margin-right: 2em;
    position: relative;
    display: block;
    height: 100%;
}

.form_left_field {
    margin-left: -0.2em;
    margin-right: .5em;
    position: relative;
    display: block;
    height: 100%;
    float: left;
}

.form_right_label, .form_label {
    float: left;
    font-weight: bold;
    vertical-align: middle;
    margin-right: 1em;
    padding-top: 2px;
}

.separator {
    border: 0 none;
    height: 1px;
    width: 100%;
}

.stretched_field_text {
    overflow: hidden;
    padding-right: 1em;
}

.stretched_field_image {
    overflow: hidden;
    padding-right: 1em;
}

.stretched_field_select {
    overflow: hidden;
    padding-right: 0;
}

.stretched_field_input {
    overflow: hidden;
    padding-right: 0;
    padding-top: 2px;
    padding-bottom: 3px;
    border: 1px solid #426682;
    height: 16px;
    padding-left: 4px;
    padding-right: 4px;
    margin-right: 2px;
}

.sectionSelector {
}

.sectionSelectorPanel {
}

.sectionSelectorPanel-show {
    border: 1px solid #426682;
    background-color: #d8e1e3;
}

.hide_grid_header div.t-grid-header, div.hide_grid_header th {
    display: none;
    height: 100%;
    overflow: hidden;
}

.hide_grid_nodata div.t-grid-header, div.hide_grid_nodata tr.t-no-data {
    display: none;
    height: 100%;
    overflow: hidden;
}

div.hide_grid_nodata_showheader tr.t-no-data {
    display: none;
    height: 100%;
    overflow: hidden;
}

.product_type_block {
    margin-left: 1em;
    padding: 5px 1em;
    display: block;
}

.select_product_type_block {
    margin-right: 1em;
}

.modal_dialog {
    display: none;
    position: relative;
}

.bottom_panel {
    position: absolute;
    left: 0;
    padding: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    height: 50px;
}

    .bottom_panel button {
        float: right;
        margin-right: 0;
    }

.search_grid {
    height: 50%;
    padding-bottom: 5px;
    position: relative;
}

.panel-top {
    height: 45%;
    padding-bottom: 5px;
    position: relative;
}

.panel-bottom {
    height: 45%;
    padding-bottom: 5px;
    position: relative;
}

.panel-middle {
    height: 5%;
    padding-bottom: 5px;
    position: relative;
}

.query-output-panel-top {
    height: 45%;
    padding-bottom: 5px;
    position: relative;
}

.query-output-panel-bottom {
    height: 45%;
    padding-bottom: 5px;
    position: relative;
}

.info_title {
    text-align: center;
    color: #426682;
    text-transform: uppercase;
}
/* informational text that is kind of like a title */

.text_container {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    position: relative;
}

.field-validation-error {
    color: red !important;
}

.t-grid span.field-validation-error span {
    background-color: white !important;
    padding: 3px !important;
}

.t-grid span.field-validation-error {
    margin-top: 3px !important;
}

.centeredText {
    text-align: center;
}

.chemicals_row, tr.chemicals_row {
    background-color: #4CC3FF;
}
.sumis_row, tr.sumis_row {background-color: #bb99ff;}

.intermediates_row, tr.intermediates_row {
    background-color: #68FF7A;
}

.mixtures_row, tr.mixtures_row {
    background-color: #FFF680;
}

.es_row, tr.es_row {
    background-color: #FFF680;
}

span.t-item, li.t-item, span.t-link, .t-header .t-link, .t-window-title {
    font-weight: bold !important;
}

.error-page {
    padding-top: 5px;
    padding-left: 5px;
}

.summary-panel-max-size {
    overflow: hidden !important;
    min-height: 30px;
    max-height: 100px;
}

.top-button-panel {
    position: absolute;
    right: 0.5em;
    top: 5em;
}

.delete-label, .message-label {
    width: 100%;
    text-align: center;
    font-weight: bold;
}

    .delete-label .left-aligned, .message-label .left-aligned {
        text-align: left;
    }

/*25px is the height of the title bar.  When changing the height of the content the control does not seem to allow for that*/
div.t-grid-content {
    height: calc(100% - 25px) !important;
}

    div.t-grid-content td, div tbody td {
        border-bottom: 1px solid #DAE2E8;
    }

div.t-grid th {
    text-align: center !important;
}

div.t-grid-content tr.row_dragging {
    background-color: #ACFF9E !important;
    color: black !important;
    cursor: move !important;
}

div.t-grid-content tr td img {
    margin-right: 1em !important;
}

.t-state-selected.t-state-hover {
    color: black !important;
}

textarea, select, input {
    width: 100%;
    background: white;
}

select {
    line-height: 24px;
    display: block;
    padding: 1px 1px 1px 0.1em;
    height: 24px;
}

input[type='checkbox'], input[type='radio'] {
    border: none !important;
    width: auto;
    background: transparent !important;
}

textarea {
    overflow: auto;
}

textarea, input {
    padding: 4px .3em;
    color: Black;
}

textarea, input {
    font: 12px/1.2em Tahoma, sans-serif;
}

fieldset {
    padding: 5px 1em;
    margin: 5px 0;
    font-weight: bold;
}

.solid-border, fieldset,
textarea, select, input {
    border: 1px solid #426682 !important;
}

.solid_border_top {
    border-top: 1px solid #DAE2E8 !important;
    margin-top: 3px;
    margin-bottom: 3px;
}

.solid_border_bottom {
    border-bottom: 1px solid #DAE2E8 !important;
    margin-top: 3px;
    margin-bottom: 3px;
}

button.t-button {
    margin: 5px 0.2em !important;
    border-color: #426682 !important;
    font-weight: bold !important;
}

    button.t-button:hover {
        background-position: 0 -128px !important;
        color: #0e3d4f !important;
    }

    button.t-button.t-state-disabled:hover {
        background: #d6e1e7 url('WebBlue/sprite.png') repeat-x 0 -560px !important;
        color: #657c8c !important;
    }

button.t-state-disabled:hover {
    background: #d6e1e7 url('WebBlue/sprite.png') repeat-x 0 -560px !important;
    color: #657c8c !important;
}

button.t-button:disabled,
button.t-button[disabled],
button.t-button:disabled:hover,
button.t-button[disabled]:hover {
    background: #d6e1e7 url('WebBlue/sprite.png') repeat-x 0 -560px !important;
    color: #657c8c !important;
}

.dialogBottomContainer {
    margin-left: -.5em;
    position: absolute;
    overflow: hidden;
    bottom: 0;
    height: 40px;
    border-top: 1px solid #426682;
    width: 100%;
}

    .dialogBottomContainer div {
        height: 100%;
        padding-top: 3px;
        padding-right: .5em;
    }

    .dialogBottomContainer button {
        min-width: 5em !important;
        float: right;
        margin-left: .5em !important;
    }

.andConditionOperation {
    width: 100%;
    position: relative;
    padding-top: 20px;
    padding-left: 2em;
}

    .andConditionOperation div {
        font-weight: bold;
        margin-bottom: 5px;
        position: relative;
    }

    .andConditionOperation input {
        margin-right: .5em;
    }

    .andConditionOperation label {
        width: auto;
    }

.disabledText {
    color: #DCDCDC !important;
    border-color: #DCDCDC !important;
}

.underlined {
    text-decoration: underline;
}

.entityButton {
    width: 1.5em;
    height: 18px;
    float: right;
    margin: 0 2px 0 0 !important;
    padding: 0 0 0 0 !important;
}

/*Selector Window*/
#searchSelectorTextId {
    width: 7em;
    padding-top: 5px;
}

#searchSelectorGridId {
    position: absolute;
    right: 0.5em;
    left: 0.5em;
    top: 35px;
    bottom: 48px;
}

#SearchSelectorGrid {
    position: absolute;
    overflow: hidden !important;
    left: 0em;
    right: 0.2em;
    top: 0px;
    bottom: 0px;
    padding-bottom: 54px;
}

#deleteSelectorButton {
    position: absolute;
    right: 0.4em;
    bottom: 38px;
}

.container-visible {
    visibility: visible;
    display: block;
}

.container-invisible {
    visibility: collapse;
    display: none;
}

.pointer_default {
    cursor: default !important;
}

.pointer {
    cursor: pointer !important;
}

.unbulleted_list {
    list-style-type: none;
    padding: 0;
}

    .unbulleted_list li {
        margin-top: 3px;
    }

/* Export controls */
#exportCancelMessage {
    color: Red;
}

#exportFinishMessage {
    color: Green;
}

.boldText {
    font-weight: bold;
}

.italicText {
    font-style: italic;
}

.underlineText {
    text-decoration: underline;
}

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

#CopySubMenu {
    position: absolute;
    display: none;
}

.t-state-submenu:hover {
    background-color: #acd4e3;
    border-color: #5d9fb7;
}

.t-state-submenu-disabled .t-link-submenu-disabled {
    color: #bbb !important;
    cursor: default;
}

/*hide grid refresh button*/
.t-grid-pager .t-status {
    display: none !important;
}

.input_cell_input_container {
    padding-right: 1em;
}

.detail_row_icon {
    margin-bottom: 2px;
}

/*Setting z-index on banners to ensure that they appear ahead of other content in main_content div.*/
.banner, .error-banner {
    display: none;
    position: fixed;
    height: 2em;
    width: 100%;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 50;
}

    .banner p, .error-banner p {
        display: inline;
        margin: 0;
        padding: 4px;
        font-weight: bold;
        border: #0e3d4f solid thin;
    }

    .banner p {
        background-color: #fcff99;
        color: black;
    }

    .error-banner p {
        background-color: red;
        color: white;
    }

#NavigationPanelBar a.t-state-selected {
    color: #fff;
}

#NavigationPanelBar > li > span.t-header {
    display: none;
}

.value-master {
    color: red !important;
}

.template_phrase_data {
    color: blue;
}

.validation_error_row {
    color: fuchsia;
}

.mask_text_input, .mask {
    text-align: right;
}

.mask_text_input {
    position: absolute !important;
    width: 100% !important;
    left: 0px !important;
    z-index: 5;
    background: transparent url('./Images/transparent.gif') !important;
}

.mask {
    z-index: 4;
    color: Gray;
}



/*grid pager bar*/
div.t-grid-pager {
    height: 22px;
}

    div.t-grid-pager div.t-pager {
        display: none;
    }

    div.t-grid-pager div.t-status-text {
        display: none;
    }

/*instructions*/
.pdf-link-image {
    border-style: none;
}

.hidden_element {
    display: none !important;
}

/*disabled menu*/
li.t-state-disabled a {
    color: #bbb !important;
}

    li.t-state-disabled a:hover {
        color: #bbb !important;
    }

li.t-state-disabled:hover {
    color: #bbb !important;
}

.grid_no_records_to_display {
    color: blue;
}

.grid_no_records_found {
    color: red;
}

.editor-container, .reportFrame {
    margin-top: 10px;
}

.reportFrame {
    height: 1150px;
}

.auto_width div.form_label {
    width: auto !important;
}

.bottomCheckboxPanel {
    position: absolute;
    bottom: 50px;
    left: 1em;
    font-weight: bold;
}

.phraseMaintenancePhraseCheckboxPanel, .newPhraseMaintenancePhraseCheckboxPanel {
    position: absolute;
    bottom: 45px;
    left: 1em;
    font-weight: bold;
    padding-top: 3px;
}

#phrase-maintenance-mapping-phrase-block {
left:15px;
}
#NewProductEditorPhraseMaintenanceMappingPhrase {
    padding-right: 0.5em !important;
    width: 76%;
    position: relative;
    bottom: 2px;
}

.phraseMaintenancePhraseCheckboxPanel ul.t-upload-files, .newPhraseMaintenancePhraseCheckboxPanel ul.t-upload-files {
    display: none !important;
}

.hide-scroll {
    overflow: hidden;
}

#waitingImageId {
    position: absolute;
    display: none;
    z-index: 50000;
}

.relative_container {
    position: relative;
    margin-top: 10px;
}

.textarea-as-label {
    border-width: 0px !important;
    background-color: transparent;
    padding-left: 4px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    resize: none;
    outline: none;
    width: 99%;
    height: 14px;
    overflow: hidden;
}

.wide_width_field {
    width: 13em;
}

.wide_width_field_middle {
    width: 8em;
}

.left_float {
    float: left;
}

.centeredTextTD {
    text-align: center;
}

.text_input_right {
    text-align: right;
}

.product_title {
    margin: 0.5em 10px;
    font-size: 140%;
    font-weight: bold;
}

.middle_checkbox > input {
    display: inline-block;
    position: relative;
    margin: 5px 0 0 0 !important;
    padding: 0 !important;
}

.middle_checkbox > label {
    display: inline;
    top: -2px;
    position: relative;
    margin-right: 1em;
}

.middle_checkbox {
    padding-top: 0 !important;
    margin-left: 0;
    overflow: visible;
}

.active_link, .active_link :visited, .active_link:hover, .active_link :active {
    color: #4a70ae;
}

.vertical_scroll {
    overflow-y: scroll !important;
}

.general_tooltip {
    padding: 2px;
    position: absolute;
    background: white;
    display: none;
    z-index: 10004;
    min-height: 60px;
    min-width: 200px;
}

    .general_tooltip table, .general_tooltip tr, .general_tooltip td {
        border: none !important;
    }

.width_full {
    width: 100%;
}

.no_display {
    display: none;
}

.display_inline_block {
    display: inline-block;
}

.width16em {
    width: 16em;
}

.width25em {
    width: 25em;
}

.width1em {
    width: 1em;
}

.scrollable_div {
    overflow: auto;
    position: absolute;
    left: 1em;
    right: 1em;
    top: 10px;
    bottom: 50px;
}

.checkbox_menuitem_text {
    font-size: 0.95em;
    vertical-align: text-top;
}

#summarySearchName {
    color: blue;
}

.redcolortext {
    color: red;
}

.classification-override {
    float: right;
}

.hazard-list-box {
    height: 50px;
    width: 500px;
}

.select-all-hazard-list-box {
    height: 40px;
    width: 400px;
}

.organ-list-box {
    height: 100px;
    width: 500px;
}


.nonebottombordertable td {
    border-bottom-style: none !important;
    vertical-align: top;
}

.bottombordertable td {
    border-bottom-style: solid !important;
    border-bottom-width: 1px !important;
    border-bottom-color: #5d9fb7 !important;
    vertical-align: top;
}

.ui-accordion-header .ui-icon {
    display: inline-block;
    float: left;
}
/* Fix jQuery UI CSS which makes this block everywhere and breaks the header of accordions. */

table.concentration-limits td {
    font-weight: normal;
}

table.concentration-limits td {
    padding: 4px !important;
}

::-ms-clear {
    display: none;
}

* {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

p, input, textarea, .product_title, .selectable {
    -webkit-touch-callout: default;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -o-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

#TargetOrgansButton {
    float: right;
    margin-left: 0.8em !important;
}

#TargetOrgansPhrases {
    float: left;
}

.top-bottom-margin {
    margin-top: 3px;
    margin-bottom: 3px;
}

.margin_bottom {
    margin-bottom: 5px;
}

select[multiple]:disabled > option {
    color: lightgray;
}


.valid {
    opacity: 1 !important;
}

.error_msg {
    color: #FF0000;
}

.refDbSearchResultTree {
    min-width: 300px;
}

#refdb_invalid {

    display: none;
    color: #ff0000;
}

#selectAllLinks {
    float: right;
    margin: 1px 1px 0 0;
}




#refdb_name_overwrite {
    text-align: left !important;
    height: 100% !important;
    border: 1px solid #000;
}
#refdb_name_overwrite p {

    padding-left: 10px;
    padding-right: 10px;
}
#refdb_warning_red {
    color: #ff0000 !important;
    font-style: normal !important
}

#refdb_name_overwrite input {
    margin-left: 10px;
    width: 60px;
}

a.help {
    text-decoration: none;
}

    a.help .text {
        color: rgb(131, 221, 237);
        text-decoration: none;
    }

    a.help:visited .text {
        color: rgb(131, 221, 237);
        text-decoration: none;
    }

    a.help:hover .text {
        color: white !important;
        text-decoration: underline;
    }

.automationProgressText {
    line-height: 150%;
}

.automationCurrentProduct {
    margin-left: 2em;
}

.automationCompleteText {
    width: 100%;
    text-align: center;
}

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



.phraseManagementButton {
    width: 100px;
}


#importSection {
    margin: 5px;
    padding: 10px;
    border: #597790;
    border-bottom: #597790;
    border-width: 1px;
    border-style: solid;
}


    #importSection h2 {
        text-align: left;
        color: #597790;
    }

#fileChoser {
    width: 200px;
    border: none !important;
    color: #597790;
}

#exportSection {
    margin: 5px;
    border-top-width: 0;
    padding: 10px;
    border: #597790;
    border-bottom: #597790;
    border-width: 1px;
    border-style: solid;
}

    #exportSection h2 {
        text-align: left;
        color: #597790;
    }

#importBtn {
    margin-top: 1%;
    width: 125px;
    font-weight: bold;
    background-color: #597790;
}

#exportBtn {
    margin-top: 1%;
    width: 125px;
    font-weight: bold;
    background-color: #597790;
}

#languageDropDown {
    width: 40%;
}

#importResult {
    margin-top: 5px;
    font-weight: bold;
}

.success {
    color: green;
}

.fail {
    color: darkred;
}

.psnMarketLabel {
    float: left;
    font-weight: bold;
    width: 150px;
    margin-top: 5px;
    color: #597790;
}

.psnMapFormField {
    float: left;
    width: 70%;
}

.formElementWarpper {
    float: left;
    width: 100%;
    margin-top: 10px;
}

.greenText {
    color: green;
}

.blueText {
    color: blue;
}

h2.PsnHeading {
    color: #597790;
    display: block;
}

#PSNUpdateStatus {
    margin-top: 5px;
    font-weight: bold;
    float: left;
}

#disclaimer {
    margin-top: 2px;
    font-size: 10px;
    color: #a3a3a3;
}

#importFileBtn {
    width: 120px;
    margin-top: 1%;
    font-weight: bold;
}

#file {
    width: 99%;
}

#chemicalImportButton {
    width: 125px;
}

#chemicalImportContainer {
    margin: 5px;
    border-top-width: 0;
    padding: 10px;
    border: #597790;
    border-bottom: #597790;
    border-width: 1px;
    border-style: solid;
}

    #chemicalImportContainer h2 {
        text-align: left;
        color: #597790;
    }

.chemicalImportFile {
    margin-top: .5%;
    margin-bottom: 1%;
     width: 99%;
}

#ReviewRevisionMarksHelpId img {
    padding-left:7px
}

ul.progressList {
    list-style-type: none;
    margin: 10px 0;
    padding: 0 10px;
    overflow: auto;
    height: 280px;
}

.progressList li {
    margin-bottom: 10px;
}

.ticked, .inProgress {
    height: 16px;
    width: 16px;
    display: inline-block;
}

.ticked {
    background-image: url(Images/checkmark.png);
    background-repeat: no-repeat;
    background-position: center;
}

.waiting_image_background, .inProgress {
    background-image: url(WebBlue/loading.gif) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

/**********************************************************************************************************************************/
/*Styles for devExpress replacement html*/
.section-3-top, .section-3-bottom {
    border: black solid thin;
}

    .section-3-top > div, .section-3-bottom > div {
        padding-bottom: 3px;
    }

.section-3 {
    max-width: 700px;
}

.section-3 div.no-pad {
    padding-left: 0px;
    padding-right: 0px;
}

.section-3-top {
    background: #f0f0f0;
}

.image-report-text {
    white-space: pre; 
}

#productEditorContainerId .bootstrap-scope .row {
    margin: 5px 0;
}

    #productEditorContainerId .bootstrap-scope .row > div {
        padding-bottom: 3px;
    }

#productEditorContainerId .image-category-report, #productEditorContainerId .image-sub-sub-report {
    padding-left: 5em;
}

#AuditSearchResults div.t-grid-pager div.t-pager, #AuditSearchResults div.t-status-text {display: block !important}

#auditLogsContainer {
    padding-top: 15px;
}
/**********************************************************************************************************************************/
/*Styling for input on ProductNameEditor*/
#ProductNameViewCasInput .mask_text_input {
    width: 97.04% !important;
    border-right: 0px !important;
}


/**********************************************************************************************************************************/
/*Styling for PCN Submission Module*/

/*#dossier-info-container {
    width: 434px;
    height: 100px;
    margin: auto;
    padding-top: 18px;
}*/

/*#dossier-info-container input[type=text] {
    float: right;
    width: 300px;
}*/

/*#dossier-info-container .t-button {
    width: 36px;      
    font-weight: bold;
    margin-left:24px;
}*/

/*#dossier-info-container #submission-product-name {
    padding-left: 44px;
}*/

/*#dossier-info-container .t-label { 
    float:left;
}*/

#pcn-submission-grid .t-button {
    min-width: 10px !important;
    float: right;
}

.submission_label {
    width: 10em;
    margin-right: 2em;
    float: left;
    vertical-align: middle;
}

.submission-actions{
    width:69px;
}
.submission-actions a{
    font-size:14pt;
    text-decoration:none;
}

.submission-actions .fa-check{
    color:green;
}

.submission-actions i.icon-disabled{
    cursor: not-allowed;
    color:#aaa;
}

#pcn-submission-grid-container{
    width:100%;
    border:none !important;
}

#pcn-submission-grid {
    border-left: 1px solid #768ca5;
    border-right: 1px solid #768ca5;
    border-bottom:none !important;
    border-top:none!important;
}

.pcn-submission-market-cell{
    width:6%
}
.pcn-submission-language-cell {
    width: 6%
}
.pcn-submission-reason-for-submission-cell {
    width:30%;
}
.pcn-submission-ready-cell{
    width:20%;
}

.pcn-submission-cell{
    text-align:center;
    border:none !important
}
.market-row{
    background-color:white;
}

#PcnReasonForSubmissionWindow {
    position: relative;
}

#reason-for-submission-buttons {
    right: 10px;
    bottom: 3px;
    float:right;
}

.pcn-other-reason-for-submission-textbox{ 
    width:290px;
    height: 90px;
}

#pcn-other-textbox-instructions {
    display: block;
    padding-top: 3px;
    color:red;
}

.submission-note-input {
    width: 300px;
}

#submission-notes-title {
    width: 100%;
    padding-bottom: 10px;
    display: block;
}
.pcn-submission-notes-label {
    display: inline;
}

.pcn-submission-note {
    width: 100%;
    padding-bottom: 10px;
    height: 30px;
}
.submission-note-input {
    float: right;
}

.pcn-submission-notes-form-input {
    display: inline;
}

#pcn-submission-history-controls {
    display: block;
    margin-bottom: 30px;
}
#pcn-submission-history-markets {
    width:100px;
}

#pcn-market-search-container {
    float: right;
}
#pcn-submission-history-ufi-search-box {
    width: 200px;
}
#pcn-submission-history-ufi-search-container {
    float: left;
}
#pcn-submission-history-market-label {
    float: left;
    padding-top: 3px;
    padding-right: 10px;
}

#pcn-history-search-button {
    margin-left: 10px;
    margin-top: 1px;
}

#pcn-history-refresh-button {
    margin-left: 10px;
    margin-top: 1px;
}

.fa-disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.SCLGridFieldSet, .SCLGridFieldSet .t-grid-top 
{ 
    margin: 0; 
    padding: 0; 
}

.SCLGridFieldSet {
    width: 400px;
}

.SCLRightButtonsContainer { 
    width:185px; 
    text-align:center; 
    padding-top:5px;
    float:left;
}

#SCLMessages {
    width:215px;
    float:left;
    padding-top:15px;
    text-align:right;
}

#SCLMessages span { display:none; }

#SCLOptionsGrid table td {
    width: 185px;
}
#SCLOptionsGrid table td+td { width:150px; }

.pcnWarningMessage {
    float: right;
    color: #FFA700;
    width: 40%;
    text-align: right;
    padding:5px;
}