/* Default Css */
*{box-sizing: border-box;-webkit-overflow-scrolling: touch;}
html{width: 100vw;height: 100vh;overflow-x: hidden;font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;color: #363636;-webkit-tap-highlight-color: transparent;}
body{margin: 0;overflow-x: hidden;}
a{text-decoration: none;}
p{margin: 0px;line-height: 1.8;}
h2{margin: 36px 0px 12px 0;font-size: 28px;line-height: 1.8;}
h1{margin: 0px 0px 24px 0;font-size: 36px;line-height: 1.8;}
ul, li{list-style: none;padding-left: 0;}
#app{transition: opacity 200ms ease-in-out 100ms;overflow-x: hidden;min-height: 100vh;}
.center {margin: 0; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%);}
.center-vertical{position: absolute;top: 50%;left: 0;transform: translate(0, -50%)}
.vertical-center {margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); }
.portrait{display: none;}
.landscape{display: block;}
[v-cloak] { display:none; }

/* Snack Bar */
.snackbar-box{min-width: 280px;max-width: 500px;border-radius: 6px;width: 100%;text-align: center;color: #fff;padding: 12px 12px;position: fixed;z-index: 1002;margin: auto;bottom: 12px;font-size: 15px;left: 50%;transform: translate(-50%, 0);visibility: hidden;}
.show-snackbar{visibility: visible;-webkit-animation: fadein 0.5s, fadeout 0.5s 1.0s;animation: fadein 0.5s, fadeout 0.5s 1.0s;}
@-webkit-keyframes fadein {from {bottom: 0px; opacity: 0;} to {bottom: 12px; opacity: 1;}}
@keyframes fadein {from {bottom: 0px; opacity: 0;}to {bottom: 12px; opacity: 1;}}
@-webkit-keyframes fadeout {from {bottom: 12px; opacity: 1;} to {bottom: 0px; opacity: 0;}}
@keyframes fadeout {from {bottom: 12px; opacity: 1;}to {bottom: 0px; opacity: 0;}}


/* Tab Css */
.Tabs{position: relative;background-color: #fff;margin: 0;padding: 0;display: inline-flex;list-style: none;overflow-x: scroll;overflow-y: hidden;border-radius: 8px 8px 0 0;width: 100%;height: 40px;}
.Tabs::-webkit-scrollbar {display: none;}
.Tabs:after{content: ' ';display: table;clear: both;}
.description_tab{float: left;width: 10%;text-align: center;font-size: 14px;height: 38px;min-width: 100px;}
.slider{position: absolute;bottom: 0;left: 0;width: 10%;height: 2px;background-color: #2e5dd1;transition: left .25s;top: 37px;display: none;}
.Tab > a {display: block;padding: 10px 12px;text-decoration: none;color: #a9a9a9;transition: color .15s;white-space: nowrap;text-transform: capitalize;}
.Tab.active > a {color: #2e5dd1;font-weight: 600;background-color: #e9effe;border-radius: 6px;}
.Tab:hover > a {color: #2e5dd1;}