@font-face{
font-family: 'MontserratRegular';
src: url("../fonts/MontserratRegular.otf") format("opentype");
}
body{
background: #1d1d1d;
color: #fff;
font-family: 'MontserratRegular';
}

label {
display: none;
}

input.selectmy{
cursor: pointer;
}

input.selectmy.up{
background-color: #fff;
background-image: url('../img/up.png');
background-repeat: no-repeat;
background-position-x: 97%;
background-position-y: center;
background-size: 15px;
}

input.selectmy.down{
background-color: #fff;
background-image: url('../img/down.png');
background-repeat: no-repeat;
background-position-x: 97%;
background-position-y: center;
background-size: 15px;
}

.optlist {
display: none;
width: 98.7%;
background: #fff;
font-size: 14px;
height: 150px;
overflow-y: scroll;
margin: auto;
margin-bottom: 10px;
margin-top: -10px;
}
list{
display: block;
width: 100%;
font-size: 14px;
border-collapse: collapse;
padding: 10px 10px;
border-bottom: 1px solid #cfcfcf;
cursor: pointer;
background: #fff;
color: #1d1d1d;
}

select{
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
display: block;
width: 100%;
height: 45px;
background: #fff;
font-size: 14px;
}

h1 {
font-size: 18px;
color: #fff;
}
h2{
text-align: center;
}

form{
text-align: center;
max-width: 500px;
width: 100%;
position: relative;
display: block;
margin: 10px auto;
}

form input{
padding: 10px;
width: 94%;
font-size: 16px;
color: #000;
background: #fff;
margin: 10px auto;
}

form a, a:not(.img){
display: block;
cursor: pointer;
margin: 10px auto;
text-align: center;
background: #e20612;
color: #fff;
padding: 15px 10px;
font-size: 13px;
width: 150px;
border: 1px solid #e20612;
text-decoration-line: none;
}

a:hover{
background: #000;
}

form .error {
text-align: center;
color: #e20612;
margin: 10px auto;
}

img.logo{
max-width: 350px;
width: 100%;
display: block;
margin: 10px auto;
}

img.load{
display: none;
margin: 10px auto;
width: 25px;
}

ul{
list-style-type: none;
display: flex;
justify-content: space-between;
margin: 0px;
max-width: 900px;
padding: 0px;
}
.list {
height: 350px;
margin: auto;
overflow: auto;
}
table{
text-align: center;
margin: auto;
width: 100%;
max-width: 900px;
background: #1d1d1d;
color: #1d1d1d;
font-size: 12px;
border-collapse: unset;
}

table thead th{
position: sticky;
top: 0;
border: 1px solid #1d1d1d;
padding: 10px 15px;
background: #fff;
color: #000;
}
table td{
padding: 10px 15px;
border: 1px solid #1d1d1d;
background: #fff;
}
@media (max-width:800px){
    
form a, a:not(.img) {
padding: 5px 5px;
font-size: 10px;
width: 95px;
}

ul{
/*display: block; */
}

}