/** Shopify CDN: Minification failed

Line 9:0 Unexpected "<"
Line 266:5 Comments in CSS use "/* ... */" instead of "//"
Line 272:5 Comments in CSS use "/* ... */" instead of "//"
Line 731:0 Unexpected "<"

**/
<style>
  
  .rrdo-ui-app-body {
    display: flex;
    flex-direction: column;
    padding: 2px 2px 2px 2px;
    background: white;
    border-radius: 4px;
    border: 1px solid rgba(255,0,0,1);

    /* color: #383e47; */
    color: black;
  }
   
  .rrdo-ui-app-section {
    display: flex;
    /*
    border-radius: 4px;
    padding: 2px 5px 2px 5px;
    border: 1px solid rgba(0,255,0,1);
    */
  }
  
  .rrdo-ui-app-area {
    border-radius: 4px; 
    padding: 2px 2px 2px 2px;
    margin: 5px 5px 5px 0px;
    /* border: 1px solid rgba(0,0,0,1); */
  }



  .rrdo-ui-app-area-popup {
    display: flex;
    border-radius: 4px; 
    padding: 2px 2px 2px 2px;
    margin: 5px 5px 5px 0px;
    background: rgba(235,235,235,1);
    z-index: 1;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    /*border: 1px solid rgba(0,0,0,1); */
  }


  .rrdo-ui-app-tab {
    display: flex;
    margin: 0px 2px 0px 0px;
    border-bottom: 1px solid rgba(235,235,235,1);
  }
  
  .rrdo-ui-app-tab-label {
    display: flex;

    border-radius: 4px 4px 0px 0px;
    padding: 2px 2px 2px 2px;
    border-top: 4px solid rgba(235,235,235,1);
    border-left: 4px solid rgba(235,235,235,1);
    border-right: 1px solid rgba(235,235,235,1);
  }
  
  .rrdo-ui-app-tab-name {
    font-family: Rajdhani,sans-serif;
    /* line-height: 1.2; */
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;  
  }
  
  .rrdo-ui-app-tab-control_show {
    font-size: 22px;
    padding: 0px 0px 0px 2px;
  }
  
  .rrdo-ui-app-tab-control_show:hover {
    cursor: pointer;
    padding: 0px 0px 0px 2px;
  }

  .rrdo-ui-app-tab-control_hide {
    display:none;
    font-size: 22px;
    padding: 0px 0px 0px 2px;
  }
  
  .rrdo-ui-app-tab-control_hide:hover {
    cursor: pointer;
    padding: 0px 0px 0px 0px;
  }
  
  
  .rrdo-ui-app-invite-input {
    display: block;
    min-height: 25px;
  }
  
  .rrdo-ui-app-area-100pct {
    width: 100%;
  }

  .rrdo-ui-app-area-95pct {
    width: 95%;
  }
    
  .rrdo-ui-app-area-90pct {
    width: 90%;
  }
  
  .rrdo-ui-app-background {
  }  
  
  .rrdo-ui-app-header {
    font-family: Rajdhani,sans-serif;
    line-height: 1.2;
    font-size: xx-large;
    font-weight: 700;
    text-transform: uppercase;
  }
   
  .rrdo-ui-app-repid-header {
    display: flex;
    justify-content: flex-end;
    padding: 0px 10px 5px 18px;
    background: #ffffff;
    color: #0058a4;
    font-size: xx-large;
    font-weight: 700;
    font-style: italic;
    line-height: normal;    
  }

  .rrdo-ui-app-flex-space-between {
    justify-content: space-between;
  }
  
  .rrdo-ui-app-flex-space-evenly {
    justify-content: space-evenly;
  }  
  
  .rrdo-ui-app-flex-start {
    justify-content: flex-start;
  }  
  
  .rrdo-ui-app-flex-center {
    justify-content: center;
  }

  .rrdo-ui-app-flex-end {
    justify-content: flex-end;
  }

  .rrdo-ui-app-flex-wrap {
    flex-wrap: wrap;
  }

  .rrdo-ui-app-bg-gray-1 {
    background: rgba(248,248,248,1);
  }

  .rrdo-ui-app-bg-gray-2 {
    background: rgba(235,235,235,1);
  }
  
  .rrdo-ui-app-bg-gray-3 {
    background: rgba(200,200,200,1);
  }
  
  .rrdo-ui-app-bg-lightgray {
    background: lightgray;
  }
  
  .rrdo-ui-app-bg-whitesmoke {
    background: whitesmoke;
  }  
  
  .rrdo-ui-app-bg-darkgray {
    background: darkgray;
  }    

  
  .rrdo-ui-app-url {
    cursor: pointer;
    font-weight: 600;
    text-decoration: underline;
    padding: 0px 5px 0px 5px;  
  }

  .rrdo_widget-button-csa {
    background-color: rgba(0,0,255,1);
    color: rgba(255,255,255,1);
  }

  .rrdo_widget-button-mcsa {
     background-color: rgba(0,0,255,1);
     color: rgba(255,255,255,1);
  }

  .rrdo_widget-button-distributor {
     background-color: gray;
     color: rgba(255,255,255,1);
  }

  .rrdo_widget-button-dealer {
     background-color: rgba(0,0,0);
     color: rgba(255,255,255,1);
  } 

  .rrdo_widget-button-special50 {
     background-color: chocolate;
     color: rgba(255,255,255,1);
  }

  .rrdo_widget-button-osr {
     background-color: darkslateblue;
     color: rgba(255,255,255,1);
  }

  .rrdo_widget-button-mosr {
     background-color: darkslateblue;
     color: rgba(255,255,255,1);
  }

  .rrdo_widget-button-dsr {
     background-color: darkcyan;
     color: rgba(255,255,255,1);
  }

  .rrdo_widget-button-mdsr {
     background-color: darkcyan;
     color: rgba(255,255,255,1);
  }

  .rrdo_widget-button-live {
     background-color: green;
     color: rgba(255,255,255,1);
  }

  .rrdo_widget-button-status-live {
     background-color: green;
     color: rgba(255,255,255,1);
  }

  .rrdo_widget-button-status-disabled {
     background-color: red;
     color: rgba(0,0,0,1);
  }  

  .rrdo_widget-button-status-invited {
     background-color: yellow;
     color: rgba(0,0,0,1);
  }
 

  .rrdo_widget-button-days-since-last-order-red {
     background-color: red;
     color: rgba(255,255,255,1);
     //border: 1px solid #000;    
  }

  .rrdo_widget-button-days-since-last-order-green {
     background-color: green;
     color: rgba(255,255,255,1);
     //border: 1px solid #000;    
  }

  .rrdo_widget-button-days-since-last-order-yellow {
     background-color: yellow;
     color: rgba(0,0,0,1);
     border: 1px solid #000;    
  }


  .rrdo_widget-button-status-price-lock-tag {
    display:block;
    
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    margin: 1px 0px 1px 0px;
    
    background-color: lightgrey;
    color: rgba(0,0,0,1);
    white-space: nowrap;
    border: 1px solid #000;    
  }


  .rrdo_widget-button-status-order-tag {
    display:block;
     background-color: white;
     color: rgba(0,0,0,1);
     white-space: nowrap;
     border: 1px solid #000;    
  }

  .rrdo_widget-button-status-not-shipped {
    display:block;
     background-color: white;
     color: rgba(0,0,0,1);
     white-space: nowrap;
     border: 1px solid #000;    
  }

  .rrdo_widget-button-status-not-shipped-yellow {
    display:block;
     background-color: yellow;
     color: rgba(0,0,0,1);
     white-space: nowrap;
     border: 1px solid #000;    
  }
  .rrdo_widget-button-status-not-shipped-red {
    display:block;
     background-color: yellow;
     color: rgba(0,0,0,1);
     white-space: nowrap;
     border: 1px solid #000;    
  }


  .rrdo_widget-button-last-order-total {
     background-color: black;
     color: rgba(255,255,255,1);
  }


  .rrdo_widget-tag {
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    margin: 1px 0px 1px 0px;
   }
  
  .rrdo_widget-tag-button {
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    border: 1px solid rgba(0,0,0,1);
  }
  
  .rrdo_widget-tag-button:hover {
    cursor: pointer;
    box-shadow: 0 0 3px 1px #666666;
  }
  
  
  
  
  .rrdo-ui-app-table-flex {
    width: 100%;
    display: flex;
    flex-flow: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;    
  }
  
  .rrdo-ui-app-table-flex-tr {
    display: flex;
    flex-flow: row;
    align-items: center;
    padding: 5px 5px 5px 5px;
  }
  
  .rrdo-ui-app-table-flex-td {
    display: flex;
    flex-flow: row;
    flex-wrap: nowrap;
    flex-grow: 1;
    flex-basis: 0;
    /* word-break: break-word; */
    min-width: 0px;
    align-items: center;
    padding: 0px 10px 0px 0px;    
  }
    
  .rrdo-ui-app-table-th {
    font-family: Rajdhani,sans-serif;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;    
    background: rgba(235,235,235,1);
  }

  .rrdo-ui-app-table-th-dealer-info {
    display:flex;
    justify-content: space-around;
    flex-direction: row;
    font-family: Rajdhani,sans-serif;
    font-size: x-large;;

    text-transform: uppercase;    
    background: #f8f5e1;
    border: 4px solid #ebebeb;
    color: black;
  }

  .rrdo-ui-app-table-tr-odd {
    border-radius: 4px;
    background: rgba(248,248,248,1);    
  }

  .rrdo-ui-app-table-tr-even {
    border-radius: 4px;
    background: white; 
  }
  
  .rrdo-ui-app-table-body {
  }

  .rrdo-ui-app-table-col-order-detail-sku {
    display: flex;
    justify-content: flex-end;
    
  }
  
  .rrdo-ui-app-table-body-order-detail {
    border-radius: 4px;
    background: #f8f5e1;
    border: 1px solid rgba(0,0,0,1);
  }

  .rrdo-ui-app-table-underbar {
    border-bottom: 1px solid rgba(0,0,0,1);
  }
  
  .rrdo-ui-app-table-flex-grow-1 {
    flex-grow: 1;
  }

  .rrdo-ui-app-table-flex-grow-2 {
    flex-grow: 2;
  }  
  
  .rrdo-ui-app-table-flex-grow-4 {
    flex-grow: 4;
  }  
  
  .rrdo-ui-app-table-flex-grow-8 {
    flex-grow: 8;
  }
  
  .rrdo-ui-app-table-col-desc {
    flex-grow: 6;
  }
  .rrdo-ui-app-table-col-sku {
    flex-grow: 2;
    white-space: nowrap;
  }
  
  .rrdo-ui-app-table-col-qty {
    flex-grow: 2;
  }
  
  .rrdo-ui-app-table-col-retail {
    justify-content: flex-end;
  }


  .rrdo-ui-app-table-col-discount {
    justify-content: space-around;
  }

  .rrdo-ui-app-table-col-money {
    justify-content: flex-end;
    align-items: flex-end;
  }

  .rrdo-ui-app-table-col-state {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .rrdo-ui-app-table-col-tags {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .rrdo-ui-app-table-col-order-detail {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .rrdo-ui-app-table-flex-flow-column {
    flex-flow: column;
  }
  
  .rrdo-ui-app-table-col-draft-summary-sub-totals {
    flex-flow: row;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .rrdo-ui-app-table-col-price-slider {
    display: none;
    flex-grow: 2;
    justify-content: flex-end;
  }
    
  .rrdo-ui-app-table-col-last-order {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;   
  }
 
  .rrdo-ui-app-table-col-order-tags-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;   
  }
  
  .rrdo-ui-app-button-minus {
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    border: 1px solid rgba(0,0,0,1);
  }
  
  .rrdo-ui-app-button-minus:hover {
    cursor: pointer;
    box-shadow: 0 0 3px 1px #666666;
  }

  .rrdo-ui-app-display-qty {
    padding: 0px 5px 0px 5px;
  }
  

  .rrdo-ui-app-button-apply-discount {
    display: flex;
    justify-content: center;
    cursor: pointer;
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    border: 1px solid rgba(0,0,0,1);
  }
  
  .rrdo-ui-app-button-apply-discount:hover {
    cursor: pointer;
    box-shadow: 0 0 3px 1px #666666;
  }
  


  .rrdo-ui-app-button-plus {
    cursor: pointer;
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    border: 1px solid rgba(0,0,0,1);
  }
  
  .rrdo-ui-app-button-plus:hover {
    cursor: pointer;
    box-shadow: 0 0 3px 1px #666666;
  }
  
  .rrdo-ui-app-button-draft {
    font-weight: 700;
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    background: rgba(248,245,225,1);
    border: 1px solid rgba(0,0,0,1);
  }
  
  .rrdo-ui-app-button-draft:hover {
    cursor: pointer;
    box-shadow: 0 0 3px 1px #666666;
  }    

  .rrdo-ui-app-button-add {
    font-weight: 700;
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    border: 1px solid rgba(0,0,0,1);
  }
  
  .rrdo-ui-app-button-add:hover {
    cursor: pointer;
    box-shadow: 0 0 3px 1px #666666;
  }  


  .rrdo-ui-app-button-draft-create {
    display: flex;
    font-size: 18px;
    align-items: center;
    font-weight: 700;
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    border: 1px solid #cccfd6;
  }
  
  .rrdo-ui-app-button-draft-create:hover {
    cursor: pointer;
    box-shadow: 0 0 3px 1px #666666;
  }  


  .rrdo-ui-app-button-draft-update {
    display: flex;
    font-size: 18px;
    align-items: center;
    font-weight: 700;
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    border: 1px solid #cccfd6;
  }
  
  .rrdo-ui-app-button-draft-update:hover {
    cursor: pointer;
    box-shadow: 0 0 3px 1px #666666;
  }  

  .rrdo-ui-app-button-draft-delete {
    display: flex;
    font-size: 18px;
    align-items: center;
    font-weight: 700;
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    border: 1px solid #cccfd6;
  }
  
  .rrdo-ui-app-button-draft-delete:hover {
    cursor: pointer;
    box-shadow: 0 0 3px 1px #666666;
  }  




  .rrdo-ui-app-button-draft-invoice-email {
    display: flex;
    font-size: 18px;
    align-items: center;
    font-weight: 700;
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    border: 1px solid #cccfd6;
  }
  
  .rrdo-ui-app-button-draft-invoice-email:hover {
    cursor: pointer;
    box-shadow: 0 0 3px 1px #666666;
  }  


  .rrdo-ui-app-button-printer-view {
    display: flex;
    font-size: 18px;
    align-items: center;
    font-weight: 700;
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    border: 1px solid #cccfd6;
  }
  
  .rrdo-ui-app-button-printer-view:hover {
    cursor: pointer;
    box-shadow: 0 0 3px 1px #666666;
  }  

  .rrdo-ui-app-button-remove {
    font-weight: 700;
    border-radius: 4px;
    padding: 0px 5px 0px 5px;
    margin: 0px 5px 0px 0px;
    border: 1px solid rgba(0,0,0,1);
  }
  
  .rrdo-ui-app-button-remove:hover {
    cursor: pointer;
    box-shadow: 0 0 3px 1px #666666;
  }

  .rrdo-ui-app-search-bar {
    display:flex;
    justify-content: center;
    margin: 0px 0px 0px 0px;
    align-items: center;
  }
  
  .rrdo-ui-app-search-bar-count {
    display:flex;
    justify-content: center;   
    margin: 0px 0px 0px 5px;
    align-items: center; 
  }
  

  .rrdo-ui-app-show-hide-area {
    display: none;
  }

  .rrdo-ui-app-show-hide-button {
    display: none;
  }

  @media screen and (max-width: 370px) {
    .rrdo-ui-app-table-flex-tr {
      flex-direction: column;
    }
  }
  @media screen and (max-width: 500px) {
    .rrdo-ui-app-table-flex-tr {
      flex-direction: column;
    }
  }
  
</style>