.DRAGhandle {
position: absolute;
top:0;
left: calc(50% - 30px);
width: 60px;
height: 2px;
background-color: #FFF4;
text-align: center;
border: 1px solid #0004;
cursor: move;
padding: 0px;
}
.DRAGhandle:hover {
background-color: #0F0;
border: 2px solid #888;
}
.redText {
color: var(--redText);
}
.focusHide {
opacity:0;
z-index:1;
left:0px;
top:0px;
height:10px;
width:10px
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
textarea {
font-family: "Poppins", Arial, Helvetica, sans-serif;
font-size: 12pt;
}
input {
font-family: "Poppins", Arial, Helvetica, sans-serif;
font-size: 12pt;
margin-top: 4px;
margin-bottom: 5px;
border-radius: 5px;
padding: 4px;
text-transform: uppercase;
background: var(--input);
color: var(--inputText);
border: solid 1px var(--dbaseEdge);
}
input::placeholder {
color: #c5c5c5;
text-align: center;
vertical-align: middle;
}
input:focus::placeholder {
color: transparent;
}
input{
border: solid 1px var(--dbaseEdge);
background: var(--input);
}
input:focus {
border: solid 1px var(--dbaseEdge);
background: var(--inputSelect);
}
select {
font-family: "Poppins", Arial, Helvetica, sans-serif;
font-size: 12pt;
margin-top: 4px;
margin-bottom: 5px;
border-radius: 5px;
padding: 4px;
background: var(--input);
color: var(--inputText);
border: solid 1px var(--dbaseEdge);
}
* {
scrollbar-width: thin;
scrollbar-color: #b7b7b7 transparent;
}
*::-webkit-scrollbar {
width: 5px;
height: 10px;
margin: 5px;
}
*::-webkit-scrollbar-track {
background: #888;
}
*::-webkit-scrollbar-thumb {
background-color: #b7b7b7;
border-radius: 20px;
border: 3px solid transparent;
}