/*
 * Plugin Name: Woo Access Codes
 * Description: Default stylesheet for the Plugin Woo Access Codes frontend and/or admin UI.
 * Version: 1.3
 * Author: Shah
 */


.status-indicator {
   padding: 4px 8px;
   border-radius: 4px;
   font-size: 12px;
   font-weight: 600;
            }
.status-unused { background: #d1ecf1; color: #0c5460; }
.status-used { background: #d4edda; color: #155724; }
.status-revoked { background: #f8d7da; color: #721c24; }
.woocommerce-MyAccount-content-access-codes { margin-bottom: 30px; }
.woocommerce-MyAccount-content-access-codes h3 { margin-bottom: 20px; font-size: 24px; }
        


/* ------------------------------
   HEADINGS & TEXT
-------------------------------*/


/* ------------------------------
   BUTTONS
-------------------------------*/
.myplugin button[type="submit"]{
  background: #9d0759;
  color: #fff;
  padding: 10px 25px;
  font-size: 16px;
  border-radius: 4px;

}

.myplugin button[type="submit"]:hover {
  background: #000;
  color: #fff;
}


/* ------------------------------
   FORMS
-------------------------------*/
.myplugin input[type="text"],
.myplugin input[type="email"],
.myplugin input[type="password"],
.myplugin select,
.myplugin textarea {
  width: 90%;
  padding: 0.7em;
  border: 1px solid #ccc;
  border-radius: 6px;
  font-size: 16px;
  margin-top: 0.6em;
  
}

/* ------------------------------
   TABLES
-------------------------------*/


/* ------------------------------
   UTILITIES
-------------------------------*/