#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

#blazor-error-ui .dismiss {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/*===============================*/


:root {
    --c1_r: 135;
    --c1_g: 90;
    --c1_b: 123;
    --main_color: rgba(var(--c1_r), var(--c1_g), var(--c1_b), 1);
    --main_color2: rgba(var(--c1_r), var(--c1_g), var(--c1_b), 0.3);
}


.loginLayout {
    height: 100vh;
}

.loginRow {
    height: 100%;
    background: linear-gradient(to bottom, var(--main_color) 0%, var(--main_color2) 100%);
    padding-top: 200px;
}

.loginHeader {
    color: var(--main_color);
    text-align: center;
}

.loginCol {
    padding: 50px;
    background-color: white;
    border-radius: 5px;
    width: 500px;
    margin-inline: auto;
}

body .loginButton {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    margin-top: 10px;
}

/* MainLayout ===============================*/
body{
}

body .myLayout {
    min-height: 100%;
}

body .myTop {
    background-color: var(--main_color);
    border-bottom: 1px solid #68465f;
    height: 46px;
    line-height: 46px;
    color: white;
}

body .myMiddle {
    min-height: 100%;
}

body .mySider {
    background-color: white;
    padding-right:20px;
}

body .myContent {
    margin: 20px;
    padding: 20px;
    background-color: white;
    min-width: 1000px;
    color: black;
}

body .myContent2 {
    padding-left: 20px;
    background-color: white;
    min-width: 1000px;
}

body .myModeSelect {
    width: 150px;
}
.myTitle, .myTitle > div{
    float: left;
    font-size: medium;
}
.myTitleMenu, .myTitleMenu ul {
    margin-left: 30px;
    background-color: var(--main_color);
}
.myTitleMenu a, .myTitleMenu .ant-menu-submenu-title {
    color: white !important;
}
.myDropdown {
    float: right;
}

.myButton{
    opacity: 0.9;
    min-width:100px;
}

body .hidden{
    display: none;
}

.navTop{
    height: 20px;
}
/* RtList ===============================*/
.rtNotInit, a:hover.rtNotInit {
    color: darkgray;
    width: 200px;
    display: inline-block;
}

.rtInit button {
    display: none;
}

.rtNameOK {
    color: dodgerblue;
}

.rtStore {
    margin-left: 100px;
}

.rtInitSpan {
    width: 60px;
    display: inline-block;
}


/* table ===============================*/
.column1 {
    width: 100px;
}

.column2 {
    width: 150px;
}

.column3 {
    width: 50px;
}
.columnS {
    width: 50px;
    text-align: center;
    color: green;
}
.columnN {
    width: 70px;
    text-align: right;
}

.columnText {
    width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.columnExp{
    padding: 10px 40px;
}

.myTable.ant-table.ant-table-small td {
    font-size: 13px;
}
.myTableSum {
    color: lightgray;
    text-align: right;
    margin: 10px;
}
.myTableSumShow {
    color: black;
    margin: 0 10px;
}

.qrow1{
    background-color: rgba(239, 239, 239, 0.30);
}
.qrow:hover {
    background-color: rgba(230, 247, 255, 0.7);
}
.qrowActive, .qrowActive:hover {
    background-color: rgba(230, 247, 255, 1);
}
.qrowImage{
    height: 50px;
}

.qDivider {
    line-height: 2px;
    background-color: lightgrey;
}
table .qDivider td {
    padding: 0px;
}

.qInt32{
    width: 50px;
    text-align:right;
}
.qString {
    width: 150px;
    text-align: left;
}
.qBoolean{
    width: 50px;
    text-align: center;
}
.qDateTime {
    width: 100px;
}
.qDouble {
    text-align: right;
}
.qId {
    width: 50px;
    text-align:right;
    padding-right: 15px;
}
.qTablePanel {

}
.qTable {
    border-color: lightgray;
    padding: 10px;
}
.qTable td, .qTable th {
    padding: 3px 10px;
    white-space: nowrap;
    max-width:300px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.qTableCount {
    margin-bottom: 5px;
    color: darkgray;
    cursor: pointer;
}
.qTableBig td{
    font-size: large;
}
.qMuted {
    color: lightgray;
}
.adminBulkList {
    overflow: scroll;
    max-width: 1200px;
    height:300px;
    padding: 10px;
}
.adminBulkData {
    overflow: scroll;
    max-width: 1200px;
    padding: 10px;
    min-height: 200px;
    max-height: 600px;
}
#adminBulkView li {

    height: 25px;
    line-height: 25px;
    margin: 2px;
}
#adminBulkView .adminBulkViewBold {
    border-left: solid 1px gray;
    /*border-bottom: dashed 1px gray;*/
}
.qTableHead{
    /*background-color: #eeeeee;*/
}
.quotation_panel {
    width: 1600px;
    clear: both;
    border: solid 1px lightgray;
    padding: 10px 30px;
}

.quotation_column {
    padding: 0 20px;
}
.search_column {
    padding: 0 10px 0 20px;
}

.quotation_column.border {
    border-right: solid 1px lightgray;
}

.quotation_column_opv {
    min-width: 200px;
}

.admin_panel_pop {
    width: 900px;
    clear: both;
    border: solid 1px lightgray;
    padding: 10px 30px;
}
.admin_panel_pop > .ant-row > .ant-col {
    padding: 5px 10px;
}
.oneui_contact {
    height: 300px;
}

.admin_panel_pop_block {
    float: left;
    width: 50%;
    padding: 10px;
}
.admin_panel_pop td{
    padding: 0 15px;
}
.admin_panel_pop label {
    width: 75px;
}
.admin_one_col{
    padding: 10px;
}

.admin_panel_pop input:read-only {
    background-color: rgba(239, 239, 239, 1);
    color: gray
}

.admin_panel_pop .active input {
    font-weight: 500;
}
.admin_panel_pop .ant-form-item {
    margin-bottom: 10px;
}
.admin_panel_pop input {
    padding: 2px 7px;
}
.text_right {
    text-align: right;
}
.float_right {
   float: right;
}
.input_number {
    float: right;
}
.input_text .ant-form-item-label {
    width: 80px;
}
.input_number input, .input_number .ant-input-group .ant-input {
    text-align: right;
    width: 200px;
}

.input_number_mini input, .input_number_mini .ant-input-group .ant-input {
    text-align: right;
    width: 60px;
}
body .input_number_mini {
    margin-left: 15px;
    margin-bottom:10px;
}
.input_number_mini .ant-input-group-addon {
    color: lightgray;
}
.input_number_mini input:read-only {
    background-color: #eeeeee;
}
.input_number_mini label, .input_number_mini{
    min-width:60px;
}

.input_number_mini .ant-form-item-label, .input_text2 .ant-form-item-label {
    width: 80px;
}
.input_header {
    height: 40px;
}

.input_header_right td {
    text-align: right;
    padding-right: 10px;
}
.select_title {
    color: lightgray; 
    border-color: lightgray;
    margin-bottom: 10px;
    border-radius: 3px;
    padding: 3px;
}
table.border {
    border-bottom: lightgray solid 1px;
}
.input_div {
    margin: 0 20px 24px;
    text-align: right;
}
.input_text {
    padding: 5px;
    border: solid lightgray 1px;
    background-color: rgb(211 211 211 / 0.5);
    display: inline-block;
    width: 60px;
    border-radius: 5px;
}

.opSelect, .opSelect:focus {
    width: 50px;
    height: 30px;
    appearance: none;
    text-align: center;
    border-color: lightgray;
}
.mySelect {
    width: 100%;
    height:30px;
}
.mySelectMini {
    width: 120px;
    height: 30px;
}
.mySelect2 {
    width: 75%;
    height: 30px;
}
button.mySearch{
    border-width: 0;
}
.table_full {
    width: 100%;
}
.admin_storelist_left{
    width:80%;
}
.admin_storelist_right {
    width: 20%;
    vertical-align: top;
    padding: 30px 0 0 50px;
}
.job_btn{
    width: 115px;
}
.JobGroup [type=file] {
    width: 90px;
}

.shipping_chart {
    /*overflow: scroll;*/
}
.chartLink{
    padding: 0 10px;
}
.margin_title{
    background-color: #eeeeee;
}
.margin_title div {
    border: solid 1px lightgray;
    padding: 5px;
}
.margin_row input:read-only{
    color: gray;
}
.margin_highlight1 input:read-only, .quotation_highlight1 .ant-form-item-label > label {
    color: #1E90FF;
}
.margin_highlight2 input, .quotation_highlight2 .ant-form-item-label > label {
    color: #F4A460;
}
.quotation_margin_panel{
    min-height: 150px;
}
.quotation_summary{
    margin-top: -15px;
    margin-left: 90px;
    color: lightgray;
}
button.quotation_save:disabled{
    cursor: pointer;
}
.quotation_img {
    max-width: 150px;
    border: solid 1px lightgray;
    border-radius: 5px;
    padding: 2px;
}
.quotaion_addpicture{
    margin-top: 10px;
}
.quotaion_addpicture [type=file] {
    width: 90px;
    margin-left: 10px;
    margin-top: -3px;
}
.quotaion_addpicture div{
    float: left;
}
.quotation_rproduct{
    clear: both;
}
.quotation_rproduct label {
    min-width: 75px;
}
.quotation_sappend input{
    width: 60%;
}
.quotation_sappend button {
    float: right;
}
.quotaion_divider {
    cursor: pointer;
}
.quotaion_divider .ant-divider-inner-text {
    color: darkgray;
}
.shipfee_button{
    width: 220px;
}
.shipfee_table{
    padding:0 20px;
}
.shipfee_page{
    width: 1400px;
}

.fieldConfig {
    clear: both;
    border-bottom: 1px dashed rgb(211 211 211 / 0.29);
    min-height: 65px;
}
.fieldConfig:hover{
    /*background-color: rgba(230, 247, 255, 1);*/
}
.fieldConfig > div{
    float: left;
    margin: 15px 10px;
}
.fName{
    width: 150px;
}
.fSort {
    width: 100px;
}
.fType {
    width: 300px;
}
.fMode {
    width: 300px;
}
.fModeCheck {
    width: 150px;
}
.qTable {
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
}
.qTable td, .qTable th {
    border-style: solid;
    border-width: 1px;
    border-color: lightgray;
}
.qtable_title {
    margin: 0px 10px 10px;
}
.qtable_title_name {
    margin-right: 30px;
}
.qtable_title_condition{
    color: lightgray;
}

.qtablerow_field_name_value input {
    color: black;
}

.fMode .ant-radio-button-wrapper, .fModeCheck .ant-radio-button-wrapper {
    color: lightgray;
}

.qtablerow_table{
    max-width: 1200px;
    clear: both;
}
.qtablerow_table_end {
    clear: both;
}
.qtablerow_field {
    float: left;
    width: 500px;
    border-bottom: 1px dashed rgb(211 211 211 / 0.29);
    min-height: 65px;
}

.qtablerow_field > div{
    float: left;
    vertical-align: middle;
    padding: 10px;
}
.qtablerow_field_name{
    margin-top: 3px;
    text-align: right;
    width: 150px;
}
.qtablerow_field_name_value {
    width: 300px;
}

.qtablerow_button {
    max-width: 1200px;
    clear: both;
    margin: 20px 160px;
}

.qtablerow_button_list {
    float: right;
    margin-right: 20px;
}

.qtable_title_filter{
    margin-left: 200px;
}
.qtableview_search {
    width: 500px;
    border: solid 0px lightgray;
    border-top-width: 1px;
    border-bottom-width: 1px;
    padding: 10px 0;
    clear: both;
}
.qtableview_search_row {
    clear: both;
}
.qtableview_search_row > div {
    margin: 10px;
    float: left;
}
.qtableview_search_row_key{
    width: 100px;
}
.qtableview_search_row_operate {
    width: 50px;
}
.qtableview_search_button{
    padding-left: 192px;
}
.qtableview_paging{
    padding: 10px;
}
.qtableview_paging > button:disabled {
    cursor: default;
}

.QTableList_row{
    padding: 10px;
}

.QTableList_row > a {
    margin-left: 30px;
}

.quotaion_customer_name input {
    width: 300px;
}

.False{
    display: none;
}
.quotation_panel_top .ant-form-item {
    margin-bottom: 0px;
}
input, textarea {
    position: relative;
    display: inline-block;
    width: 100%;
    min-width: 0;
    padding: 4px 11px;
    color: rgba(0,0,0,.85);
    font-size: 14px;
    line-height: 1.5715;
    background-color: #fff;
    background-image: none;
    border: 1px solid #d9d9d9;
    border-radius: 2px;
    transition: all .3s;
}
input:focus, textarea:focus {
    outline: none !important;
    border-color: #00b4c8;
    box-shadow: 0 0 2px #00b4c8;
}
input.usd, input.weight, input.cny {
    font-weight: 600;
}
.usd {
    color: green;
}
.weight {
    color: dodgerblue;
}
.cny {
    color: #e27676;
}
.btnDivider {
    color: lightgray;
    padding: 5px;
}
.imgDivider {
    width: 500px;
    margin:20px;
    border-bottom: dashed gray 2px;
}
.imgShow {
    border: solid lightgray 1px;
    border-radius: 5px;
    max-height: 300px;
}
.qbproductlist_image_sync {
    visibility: hidden;
}

.qbproductlist_image:hover .qbproductlist_image_sync {
    visibility: visible;
}
#qb ._lighter {
    opacity: 0.5;
}
#qb a {
    color: #2196f3ff;
}
#qb ._input_text {
    width: 130px;
    text-align: right;
}

table._border {
    border-bottom: lightgray solid 1px;
}
.quotation_column._border {
    border-right: solid 1px lightgray;
}
.quotation_paper {
    min-width:1400px;
    max-width:1600px;
}

.visible_box:hover .invisible,
.visible_box_delay:hover .invisible {
    visibility: visible;
}

.visible_box_delay .invisible {
    transition: visibility;
    transition-delay: 1s;
}

.drawer_max {
    max-width: 600px;
}