:root{
    color-scheme: only light;
    --main-color: rgb(0, 150, 255);
    --txt-color: rgb(67, 67, 67);
    --detail-color: rgb(255, 204, 77);
}
*{
    margin: 0px;
    padding: 0px;
    user-select: none; /* supported by Chrome and Opera */
   -webkit-user-select: none; /* Safari */
   -khtml-user-select: none; /* Konqueror HTML */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* Internet Explorer/Edge */
}
input, textarea, option{
    user-select: unset !important; /* supported by Chrome and Opera */
    -webkit-user-select: unset !important; /* Safari */
    -khtml-user-select: unset !important; /* Konqueror HTML */
    -moz-user-select: unset !important; /* Firefox */
    -ms-user-select: unset !important; /* Internet Explorer/Edge */
}
html{
    height: 100%;
    overscroll-behavior-y: none;
    overflow: hidden
}
input{
    -webkit-user-select: text; /* Chrome, Opera, Safari */
    -moz-user-select: text; /* Firefox 2+ */
    -ms-user-select: text; /* IE 10+ */
    user-select: text; /* Standard syntax */
}
body{
    background-color: white;
    overscroll-behavior-y: contain;
    height: 100%;
    width: 100%;
    overscroll-behavior-y: none;
    position: fixed;
    overflow: hidden;
}
#app{
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
}

.modal{
    max-width: 600px !important;
}

.login_wrapper{
    height: 100vh;
    width: 100vw;
    background-color: lightgray;
    display: flex;
    justify-content: center;
    align-items: center;
}
.login_m{
    width: 500px;
    background-color: white;
    border-radius: .25em;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
.login_header{
    width: 100%;
    text-align: center;
}
.login_header > h1 {
    font-size: 2.5em;
    margin: 10px;
}

.login_content{
    width: 80%;
}
.login_footer{
    width: 100%;
}
.login_footer > button{
    right: 0px;
    margin: 20px;
}

/*-------------------------------Scrolbar--------------------------- */
/* width */
::-webkit-scrollbar {
    width: 8px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: grey; 
    border-radius: 10px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #646464; 
  }
  *{
    scrollbar-color: #646464 gray;
    scrollbar-width: thin;
  }
/*-------------------------------Scrolbar--------------------------- */

.nav-wrapper{
    background: var(--main-color);
}