@-ms-viewport {width: device-width;}
@-moz-viewport {width:device-width;}
/*
@-webkit-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
*/

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* make transparent link selection, adjust last value opacity 0 to 1.0 */
}

@media screen and (-webkit-min-device-pixel-ratio: 0.75) {
    html { font-family: "ldpi"; }
}
@media screen and (-webkit-min-device-pixel-ratio: 1.0) {
    html { font-family: "mdpi"; }
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
    html { font-family: "hdpi"; }
}
@media screen and (-webkit-min-device-pixel-ratio: 2.0) {
    html { font-family: "xhdpi"; }
}

@media screen and (max-resolution: 130dpi) {
    html { font-family: "ldpi"; }
}
@media screen and (min-resolution: 130dpi) and (max-resolution: 200dpi) {
    html { font-family: "mdpi"; }
}
@media screen and (min-resolution: 200dpi) and (max-resolution: 280dpi) {
    html { font-family: "hdpi"; }
}
@media screen and (min-resolution: 280dpi) {
    html { font-family: "xhdpi"; }
}

html {
    width: 100%;
    min-height: 100%;
}

body {
    -webkit-touch-callout: none; /* prevent callout to copy image, etc when tap to hold */
    -webkit-text-size-adjust: none; /* prevent webkit from resizing text to fit */
    -ms-text-size-adjust: none;
    -webkit-user-select: none; /* prevent copy paste, to allow, change 'none' to 'text' */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
   
    background-color:#E4E4E4;
}

.invisible {
  visibility: hidden !important;
}

.hidden {
  display: none !important;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
   font-style: italic;
   font-weight: normal;
}