/*!****************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/assets/css/style.css ***!
  \****************************************************************************/
:root {
  /* font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; */
  font-family: 'Trebuchet MS', Helvetica, 'sans-serif', Arial;
  /* color-scheme: light dark; */
  background-color: white;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* -webkit-text-size-adjust: 100%; */
}

body {
  margin: 0;
  /* place-items: center; */
  /* display: grid; */
  display: block;
  min-width: 320px;
  min-height: 100vh;
  color: black;
}

h4 {
  margin-top: 5px;
  margin-bottom: 5px;
}

h3 {
  margin-top: 5px;
}

.navbar__left {
  display: flex;
  align-items: center;
}

.navbar__logo {
  height: 3rem;
  margin-right: 1rem;
}

.navbar__right {
  display: flex;
  align-items: center;
}

.ibox-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  background-color: #4d5051;
  color: white;
  border-radius: 8px 8px 0 0;
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 1rem 0 1rem;
  background-color: #4d5051;
  color: white;
}

.query-block {
  padding: 1rem;
}
.form-control {
  display: grid;
  place-content: center;
  background-color: #333333;
  color: white;
  padding: 5px;
  border-radius: 5px;
  min-height: 50px;
  width: 100%;
  max-width: 99%;
  resize: none;
  overflow: hidden;
  margin-top: 5px;
  border: 0;
}

#parse-ampersand,
#exportBtn,
#issueButton,
#jiraTestBtn,
#jiraTestSubmit,
#jiraTestCancel,
#itemLevelParseBtn,
.thankyou,
.btn {
  margin-top: 10px;
  padding: 8px;
  background: green;
  color: white;
  border-radius: 4px;
  border: none;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  box-shadow: 0px 0.1px 0.4px rgba(0, 0, 0, 0.017),
    0px 0.3px 0.9px rgba(0, 0, 0, 0.024), 0px 0.5px 1.8px rgba(0, 0, 0, 0.03),
    0px 0.9px 3.1px rgba(0, 0, 0, 0.036), 0px 1.7px 5.8px rgba(0, 0, 0, 0.043),
    0px 4px 14px rgba(0, 0, 0, 0.06);
}

#companyGoesHere {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 20px;
}

#tableExcel,
#transactionTable,
#paramLookUpResult,
#proxyHeaders {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 'fit-content';
  padding-bottom: 30px;
}

#tableExcel td,
#tableExcel th,
#transactionTable td,
#transactionTable th,
#paramLookUpResult td,
#paramLookUpResult th,
#proxyHeaders td,
#proxyHeaders th {
  border: 0.5px solid #4d5051;
  padding: 3px;
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
  font-size: 13px;
}

#tableExcel tr:nth-child(even),
#transactionTable tr:nth-child(even),
#paramLookUpResult tr:nth-child(even),
#proxyHeaders tr:nth-child(even) {
  background-color: #e3e6e7;
}

#tableExcel tr:hover,
#transactionTable tr:hover,
#paramLookUpResult tr:hover,
#proxyHeaders tr:hover {
  background-color: #ddd;
}

#tableExcel th,
#transactionTable th,
#paramLookUpResult th,
#proxyHeaders th {
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: left;
  background-color: #4d5051;
  color: white;
  font-size: 18px;
}

#title {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.broken-pixel {
  background-color: #f88383;
}

.hide {
  display: none;
}

.highlight-red {
  background-color: #f88383;
}
.highlight-yellow {
  background: #ff0;
}

.label-control {
  font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.ibox-content {
  padding-bottom: 1%;
}

.overflow {
  overflow: hidden;
}

.params {
  font-size: 15px;
  font-weight: bold;
}

.params_head {
  font-size: 15px;
  font-weight: normal;
  color: silver;
}

.paramLookUpResult {
  height: 300px;
  padding-bottom: 0px !important;
  overflow: scroll;
}

.pixel-label {
  font-size: 20px;
}

.red {
  margin-top: 25px;
}

.square-r {
  height: 50px;
  width: 50px;
  background-color: #f88383;
}

.square-y {
  height: 50px;
  width: 50px;
  background-color: #ff0;
}

.textLeft {
  text-align: left;
}

.working-pixel {
  background-color: rgb(190, 243, 190);
}

.x-f15 {
  font-size: 15px;
}

.x-mb10 {
  margin-bottom: 10px;
}

.x-mt5 {
  margin-top: 5px;
}

.x-mt10 {
  margin-top: 10px;
}

.x-my10 {
  margin: 10px 0px;
}

.x-pb0 {
  padding-bottom: 0;
}

.x-pt15 {
  padding-top: 15px;
}
.info {
  background-color: white;
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  border-left: 6px solid #04aa6d;
  border-radius: 5px;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 20px;
  padding: 3px 20px;
  box-shadow: 0px 0.1px 0.4px rgba(0, 0, 0, 0.017),
    0px 0.3px 0.9px rgba(0, 0, 0, 0.024), 0px 0.5px 1.8px rgba(0, 0, 0, 0.03),
    0px 0.9px 3.1px rgba(0, 0, 0, 0.036), 0px 1.7px 5.8px rgba(0, 0, 0, 0.043),
    0px 4px 14px rgba(0, 0, 0, 0.06);
}
.row {
  display: grid;
  place-content: center;
  background-color: #f3f3f4;
  padding: 15px;
}
.col-md-6 {
  margin-bottom: 20px;
}

.col-lg-12 {
  max-width: 1440px;
  background-color: #f3f3f4;
  padding: 15px 0 0 0;
}

.ibox,
.float-e-margins {
  margin: 15px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 0.1px 0.4px rgba(0, 0, 0, 0.017),
    0px 0.3px 0.9px rgba(0, 0, 0, 0.024), 0px 0.5px 1.8px rgba(0, 0, 0, 0.03),
    0px 0.9px 3.1px rgba(0, 0, 0, 0.036), 0px 1.7px 5.8px rgba(0, 0, 0, 0.043),
    0px 4px 14px rgba(0, 0, 0, 0.06);
}

table {
  border-collapse: collapse;
}

/* #additionalErrors {
  
} */