html, input
{
    font-family: 'Sukhumvit Set', 'Helvetica', 'Arial', 'sans-serif';
    font-size:16px;
    font-weight: 400;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}


body, input, textarea, select, button {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga", "kern";
}

/*@media screen and (min-width: 320px) {*/
/*    html {*/
/*        font-size: 16px;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 600px) {*/
/*    html {*/
/*        font-size: 16px;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 960px) {*/
/*    html {*/
/*        font-size: 16px;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 1280px) {*/
/*    html {*/
/*        font-size: 16px;*/
/*    }*/
/*}*/
/*@media screen and (min-width: 1920px) {*/
/*    html {*/
/*        font-size: 16px;*/
/*    }*/
/*}*/

.react-swipeable-view-container {
    flex-grow:1;
}

.react-swipeable-view-container > div{
    display:flex;
}

/* scrollbar style */
/* width */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background-color: transparent;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 3px;
}
/* Handle */
::-webkit-scrollbar-thumb {
    background: darkgray;
    border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: gray;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #A4A4A4  !important;
    opacity: 1 !important;; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #A4A4A4  !important;
    opacity: 1 !important;; /* Firefox */
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #A4A4A4  !important;
    opacity: 1 !important;; /* Firefox */
}