@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&family=Ubuntu&family=Ubuntu+Mono&display=swap');

.hidden {
   display: none;
}

#unauthorized {
   justify-content: center;
   flex-direction: column;
   align-items: center;
   margin-top: 20vh;
   background: white;
   padding: 12px 20px 5px 20px;
   border-bottom: double 6px #d8c8bd;
   box-shadow: 0px 3px 9px #00000036;
   width: 30vw;
   margin-left: auto;
   margin-right: auto;
}

#unauthorized a,
#unauthorized a:visited {
   margin-top: 10px;
   color: rgb(66, 110, 221);
}

.flex {
   display: flex;
}

html,
body {
   height: 100%;
}

body {
   background: url('./white_texture.png');
   font-family: 'Ubuntu', sans-serif;
}

pre {
   font-family: 'Ubuntu', sans-serif;
   margin: 0;
   line-height: 1.3em;
   text-transform: capitalize;
}

a,
a:visited {
   color: initial;
}

h2 {
   margin-bottom: 10px;
   color: #333;
}

.button-small {
   font-size: 85%;
}

.button-secondary {
   background: rgb(66, 110, 221);
   color: white;
   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

#selected-count {
   color: rgb(66, 110, 221);
}

#action-buttons>button {
   margin-left: 5px;
}

#full-filter {
   border: solid 1px rgb(186, 191, 199);
   border-bottom: none;
   background: #fff;
   padding: 12px;
   display: flex;
   /* flex-direction: row; */
   justify-content: flex-start;
   height: 92px;
}

#full-filter>div {
   display: flex;
   justify-content: space-between;
   flex-direction: column;
   font-size: 90%;
   color: #444;
   border-right: solid 1px rgb(186, 191, 199);
   padding-right: 12px;
   margin-right: 12px;
}

#full-filter>div:last-child,
#full-filter>div:nth-child(5) {
   border: none;
}

#full-filter>div:last-child button {
   margin-left: 8px;
   width: 70px;
   padding: 4px;
   border-radius: 6px;
   white-space: normal;
   background-color: rgb(52 197 105);
   line-height: 22px;
   font-size: 120%;
   font-family: 'PT Sans Narrow', sans-serif;
}

#full-filter>div:last-child>div>button {
   background-color: rgb(255, 255, 255);
   color: #555;
   border: solid 1px #555;
   font-size: 100%;
   font-family: 'PT Sans Narrow', sans-serif;
   border-radius: 6px;
}

#full-filter>div>div {
   display: flex;
}

/* #full-filter > div > div > div {
   font-weight: bold;
} */

#full-filter>div>div>div:nth-child(2) {
   border-bottom: dotted 1px #888;
   flex: 1;
   min-width: 20px;
   margin: 0 5px;
   height: 12px;
}

.numeric-filter {
   margin-right: 10px !important;
   width: 170px !important;
}

.numeric-filter input[type='text'] {
   width: 113px;
}

.select-bool {
   width: 163px;
}

#btn-clear-selection {
   box-shadow: 0 0 1px rgb(0 0 0 / 70%);
}

body>div>* {
   margin-left: 20px;
   margin-right: 20px;
}

body>div> :last-child {
   margin-bottom: 20px;
}

#shipconfirm-form input {
   margin-top: 4px;
}

.monospaced {
   font-family: 'Ubuntu Mono', monospace;
}

.list-header {
   font-weight: bold;
   border-bottom: double 4px rgb(186, 191, 199);
   padding-bottom: 2px;
}

.button-outlined {
   background: white;
   border: solid 1px rgb(66, 110, 221);
   color: rgb(66, 110, 221);
   padding: 5px 7px;
}

.button-outlined:disabled {
   border: solid 1px !important;
}