.App { text-align: center; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } /* *{ transition: all 0.3s; } */ .rtl{ direction: rtl; } .ltr{ direction: ltr; } /* width */ ::-webkit-scrollbar { width: 5px; background: #dbdbdb; border-radius: 20px; } @media only screen and (max-width: 999px) { ::-webkit-scrollbar { width: 0px !important; background: transparent; } ::-webkit-scrollbar-thumb { background: transparent !important; } } /* Track */ ::-webkit-scrollbar-track { border-radius: 20px; } /* Handle */ ::-webkit-scrollbar-thumb { background: #df1452; border-radius: 20px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #b30000; } select { -webkit-appearance: none; -moz-appearance: none; background: transparent; background-image: url("data:image/svg+xml;utf8,"); background-repeat: no-repeat; background-position-x: 1%; background-position-y: 50%; border: 1px solid #dfdfdf; border-radius: 2px; /* margin-right: 2rem; */ padding: 1rem; padding-right: 2rem; cursor: pointer; } option { color:#404040 } select:focus{ color:#404040 }