body, button, select, input, textarea {
         font-family: 'Comfortaa', cursive;
         font-size: 15px;
      }
      
      body {
         text-align: center;
      }
      
      select, input, textarea, button {
         border-radius: 7px; 
         padding: 4px;
      }
      
      body.min {
         margin: 0px; padding: 0px; 
         text-align: center; 
         vertical-align: middle; 
         /*width: 200px;; height: 120px;*/
      }

      iframe { margin: 0px; border: 0px; }
      
      h1, h2 {
         font-weight: normal;
      }
      
      td h1, .fakeCell h1 {
         display: inline; 
         margin 2px 10px 2px 5px;
         padding 2px 90px 2px 5px;
         letter-spacing: 7px;         
         cursor: pointer;
      }
      
      td {
         vertical-align:middle;
      }
      
      label {
         display: block;
         font-weight: bold;
      }
            
      a {
         color: #808080;
         text-decoration: none;
         iborder-bottom: 1px dashed gray;
      }
      
      nav.a {
         text-decoration: none;
         border: 0px;
      }      

      tr.highlight {
         background-color: lightblue;
      }
      
      form {
         margin: 0px; padding: 0px;
         width: 100%; text-align: center;
      }
      
      img {
         /*cursor: pointer; */
      }      
      
      textarea {
         width: 160px;
      }

      button {
         width: 160px;
         font-size: 24px;
         font-weight: 100;
         background-color: white;
         border: 1px solid gray;
         cursor: pointer;
      }
      
      button:hover {
         color: white;
         background-color: gray;
      }
      
      input {
         width: 160px;
      }
               
      td.tdChecked {
         background-color: #33cc33;
      }
      
      td.tdUnchecked {
         background-color: white;
      }
      
      .infoOk {
         font-size: 20px;      
         color: lightgreen;
      }
      
      td.outOfDate {
         color: BLUE; /*#ff0066; */font-weight: bold;
      }
      
      .c { text-align: center; }
      .l { text-align: left; }
      
      .chbox { width: 20px; }
      
      .listImg { 
         width: 70px; 
         border: 1px solid gray;
      
      }
      
      .infoErr {
         font-size: 20px;      
         color: red;      
      }
      
      .shoeInputBox {
         border: 1px solid gray;
         padding: 2px; margin: 10px;
         width: 150px; float: left;
      }
      
      .shoeInputBox img {
         width: 110px; 
      }

      .sizeSelectBox {
         border: 1px solid gray;
         padding: 4px; margin: 10px;
         line-height: 40px;
         width: 50px; display: inline;  
      }
      
      .attribInput textarea {
         width: 300px; height: 40px;      
      }
      
      hr {
         clear: both;
      }
      
      table {
         border-left: 1px solid gray;
         border-top: 1px solid gray;
         text-align: center;
      }

      
      table.sortable thead {
          background-color:#eee;
          color:#666666;
          font-weight: bold;
          cursor: default;
      } 
      
      table.noBorder {
         border: none;
      }

      table.noBorder tr {
         border: none;
      }
      
      table.noBorder td {
         border: none;
      }
      
     ithead { position: fixed; }
      
      .info01 {
         background-color: #f9d60c;
         border: 1px solid #f9d60c;
         border-radius: 7px;
         margin-left: 200px;
         margin-right: 200px;
         
         padding: 20px;
         padding-bottom: 40px;
      }
      
      .noteblock {
         width: 300px; height: 40px;

         border: 1px solid #f9d60c;
         border-radius: 7px;
         
         padding: 20px;
         padding-bottom: 40px;      
      }
            
      th, td {
         padding: 0px; 
         border-right: 1px solid gray;
         border-bottom: 1px solid gray;
         text-align: center;
      }
      
      th, td { padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px; }
      
      th::first-letter { 
         text-transform: uppercase;
      }

/*      
      .c1 { width: 40px; }
      .c2 { width: 120px; }      
      .c3 { width: 150px; }
      .c4 { width: 120px; }
      .c5 { width: 120px; }
      .c6 { width: 120px; }
      .c7 { width: 120px; }
      .c8 { width: 120px; }
      .c9 { width: 120px; }
      .c10 { width: 120px; }
      .c11 { width: 110px; }
      .c12 { width: 110px; }
      .c13 { width: 110px; }
      .c14 { width: 110px; }
      .c15 { width: 110px; }
      .c16 { width: 110px; }
      .c17 { width: 110px; }
*/      
      .notSelected {
         background-color: #FFA07A;
      }
      
      .actionSelect {
         width: 90px; margin-bottom: 10px;
      }
      
      .actionSelect a {
         border: 0px;
         color: black;
         font-size: 17px;
      }
      
      .actionInfo {
         text-align: left;
         font-size: 12px;
      }
      
      .actionInfo div {
         word-break: keep-all;
         cursor: help;
         margin-top: 3px;
     
      }

      
      .quality1 { background-color: white; }
      .quality2 { background-color: #808000; }
      .quality3 { background-color: brown; }
      .quality4 { background: linear-gradient(63deg, #999 23%, transparent 23%) 7px 0, linear-gradient(63deg, transparent 74%, #999 78%), linear-gradient(63deg, transparent 34%, #999 38%, #999 58%, transparent 62%), #444; background-size: 16px 48px; }
            
      
      .priority0 { background-color: lightgray; }
      .priority1 { background-color: white; }
      .priority2 { background-color: orange; }
      .priority3 { background-color: red; }
      
      .status2 { background-color: #f2a45c; }
      .status3 { background-color: lightblue; }
      .status4 { background-color: lightgreen; }
      
      .expeditionReady0 { backgroud-color: white; }
      .expeditionReady1 a { backgroud-color: green; font-weight: bold; color: green; }
      
      #label_size_36,
      #label_size_37,
      #label_size_38,
      #label_size_39,
      #label_size_40,
      #label_size_41,
      #label_size_42,
      #label_size_43,
      #label_size_44 { font-size: 20px; font-weight: bold; }
      
      #loginbox {
         border: 1px solid gray;
         left: 50%; top: 50%;
         padding: 30px; margin: 60px;
         border-radius: 20px;
      }
      
      .gBlock {
         width: 500px; min-height: 160px;
         margin: 10px; padding: 20px;
         border: 1px solid gray;
         float: left;
      }
      
      .hr {
         width: 100%; height: 1px;
         border-bottom: 1px solid gray;
         margin-top: 10px;
         margin-bottom: 10px;
      }
      
      .ok {
         color: #0a0;
         font-weight: 400;
         border: 1px solid #0a0;
         padding: 20px;
         width: 70%;
         margin: 30px;
      }

      .err {
         color: #a00;
         border: 1px solid #a00;
         padding: 20px;
         width: 70%;
         margin: 30px;
      }
      
      .h {
         display: none;
      }
         
      .ic {
         clear: both;
      }
      
      @media print {
         .noPrint { display: none; }
         body { font-size: 70%; margin: 0px; padding: 0px; }
      }