js-pkg/Content/ej/mobile/windows-theme/ej.mobile.windows-core.css

Npm package of Syncfusion.JavaScript.

@charset "UTF-8";
/*!
*  filename: ej.mobile.windows-core.css
*  version : 15.3.0.31
*  Copyright Syncfusion Inc. 2001 - 2017. All rights reserved.
*  Use of this code is subject to the terms of our license.
*  A copy of the current license can be obtained at any time by e-mailing
*  licensing@syncfusion.com. Any infringement will be prosecuted under
*  applicable laws. 
*/

html {
  height: 100%;
  -ms-touch-action: none;
  min-height: 100%;
  touch-action: none;
  position: relative;
}
body.e-m-viewport {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  line-height: normal;
}
* {
  -webkit-tap-highlight-color: transparent;
  font-family: sans-serif;
  margin: 0;
  padding: 0;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  -ms-content-zooming: none;
  content-zooming: none;
  -ms-user-select: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-size: 100%;
}
.e-js {
  display: block;
}
.appview.e-m-flat,
.subpage.e-m-flat {
  color: black;
  background: white;
}
.appview.e-m-ios7 {
  cursor: pointer;
}
.appview.e-m-windows.e-m-light,
body.e-m-windows.e-m-light,
.subpage.e-m-windows.e-m-light,
.e-m-nb.e-m-windows.e-m-light {
  background: white;
}
.appview.e-m-android.e-m-light,
body.e-m-android.e-m-light,
.subpage.e-m-android.e-m-light,
.e-m-nb.e-m-android.e-m-light {
  background: #eeeeee;
}
.appview.e-m-ios7.e-m-light,
body.e-m-ios7.e-m-light,
.subpage.e-m-ios7.e-m-light,
.e-m-nb.e-m-ios7.e-m-light {
  background: #f9f9f9;
  /* Old browsers */

}
.e-m-grid-core.subpage.e-m-core,
.e-m-lv.subpage.e-m-windows {
  background: transparent;
}
.appview.e-m-android.light,
.appview.e-m-android.light *,
.appview.e-m-windows.e-m-light *,
.subpage.e-m-android.light,
.subpage.e-m-android.light *,
.subpage.e-m-windows.e-m-light * {
  color: #222222;
}
.e-m-waitingpopup {
  height: 100%;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100008;
  background: black;
}
.e-m-waitingpopup .e-m-image {
  background-repeat: no-repeat;
  color: White;
  height: 32px;
  margin: 0 auto;
  padding-top: 6px;
  position: relative;
  text-indent: 37px;
  width: 115px;
  top: calc(100% / 2 - 16px);
}
.e-m-ios7.e-m-waitingpopup .e-m-image {
  background: url("images/waitingpopup/waitingpopup_ios7.gif") no-repeat left center;
}
.e-m-android.e-m-waitingpopup .e-m-image {
  background: url("images/waitingpopup/waitingpopup_android.GIF") no-repeat left center;
}
.e-m-windows.e-m-waitingpopup .e-m-image {
  background: url("images/waitingpopup/waitingpopup_windows.gif") no-repeat left center;
  padding-top: 20px;
}
.e-m-windows.e-m-tablet.e-m-waitingpopup .e-m-image {
  background: url("images/waitingpopup/waitingpopup_winrt.gif") no-repeat left center;
  padding-top: 4px;
}
/*Tile Starts*/

.e-m-tile .e-m-tile-selected {
  border: 2px solid;
}
.e-m-tile {
  margin: 5px;
}
.e-m-tile .e-m-tile-selected::before {
  border-left: 2px solid;
  border-bottom: 2px solid;
}
.e-m-tile .e-m-tile-ovelay {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
}
/*Badge*/

.e-m-tile-small.e-m-tile-badge.e-m-badge-position-topright::after {
  top: 5px;
  right: 5px;
}
.e-m-tile-small.e-m-tile-badge.e-m-badge-position-bottomright::after {
  bottom: 5px;
  right: 5px;
}
.e-m-tile.e-m-badge-position-bottomright::after {
  bottom: 6px;
}
.e-m-tile.e-m-caption-outer.e-m-badge-position-bottomright::after {
  bottom: 55px;
}
.e-m-tile.e-m-badge-position-topright::after {
  top: 10px;
}
.e-m-tile.e-m-tile-badge.e-m-tile-badge-value::after {
  content: attr(badgeValue);
  font-size: 14px;
  text-align: center;
}
.e-m-tile.e-m-tile-badge::after {
  font-size: 18px;
  line-height: 18px;
  right: 10px;
  min-height: 18px;
  min-width: 18px;
  position: absolute;
  z-index: 10;
}
/*Caption position*/

.e-m-tile-caption.e-m-tile-caption-icon.e-m-caption-innertop::before {
  top: 10px;
}
.e-m-tile-caption.e-m-tile-caption-icon.e-m-caption-innerbottom::before {
  bottom: 10px;
}
.e-m-tile-caption-text.e-m-caption-innertop::before {
  top: 0px;
  margin-top: 10px;
}
.e-m-tile-caption-text.e-m-caption-innerbottom::before {
  bottom: 0px;
  margin-bottom: 6px;
}
.e-m-tile-caption-text.e-m-caption-innerbottom::before,
.e-m-tile-caption-text.e-m-caption-innertop::before {
  max-height: 38px;
  height: auto;
  left: 0px;
}
.e-m-tile-caption-text.e-m-caption-outer::before {
  bottom: 0px;
  height: 45px;
}
.e-m-tile-caption-text::before {
  content: attr(text);
  width: 100%;
}
.e-m-tile-caption.e-m-tile-caption-icon::before {
  width: 30px;
  height: 30px;
  font-size: 30px;
}
.e-m-tile-caption.e-m-caption-outer.e-m-tile-caption-icon::before {
  bottom: 15px;
}
.e-m-tile-caption::before {
  font-size: 14px;
  position: absolute;
  display: block;
  float: left;
  overflow: hidden;
  z-index: 10;
}
/*Text alignment*/

.e-m-caption-align-right.e-m-caption-innertop.e-m-badge-position-topright.e-m-tile-caption-icon::before,
.e-m-caption-align-right.e-m-caption-innerbottom.e-m-badge-position-bottomright.e-m-tile-caption-icon::before {
  right: 35px;
}
.e-m-caption-align-normal.e-m-tile-caption-icon::before,
.e-m-caption-align-left.e-m-tile-caption-icon::before {
  left: 10px;
}
.e-m-tile-caption-icon.e-m-caption-align-center::before {
  margin-left: -10px;
  left: 50%;
}
.e-m-tile-caption-icon.e-m-caption-align-right::before {
  right: 10px;
}
.e-m-tile-caption-text.e-m-caption-align-right.e-m-caption-innertop.e-m-badge-position-topright::before,
.e-m-tile-caption-text.e-m-caption-align-right.e-m-caption-innerbottom.e-m-badge-position-bottomright::before {
  padding-right: 34px;
}
.e-m-tile-caption-text.e-m-caption-align-normal::before,
.e-m-tile-caption-text.e-m-caption-align-left::before {
  text-align: left;
}
.e-m-tile-caption-text::before {
  left: 0px;
  right: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
.e-m-tile-caption-text.e-m-caption-align-center::before {
  text-align: center;
}
.e-m-tile-caption-text.e-m-caption-align-right::before {
  direction: rtl;
}
.e-m-tile .e-m-tile-image .e-m-tile-image {
  background-repeat: no-repeat;
  overflow: hidden;
}
.e-m-tile .e-m-tile-image .e-m-tile-imagecenter {
  background-position: center center;
}
.e-m-tile .e-m-tile-image .e-m-tile-imagefill {
  background-size: 100% 100%;
  backface-visibility: hidden;
}
.e-m-tile .e-m-tile-image .e-m-tile-imagetopcenter {
  background-position: top center;
}
.e-m-tile .e-m-tile-image .e-m-tile-imagebottomcenter {
  background-position: bottom center;
}
.e-m-tile .e-m-tile-image .e-m-tile-imageleftcenter {
  background-position: left center;
}
.e-m-tile .e-m-tile-image .e-m-tile-imagerightcenter {
  background-position: right center;
}
.e-m-tile .e-m-tile-image .e-m-tile-imagetopleft {
  background-position: top left;
}
.e-m-tile .e-m-tile-image .e-m-tile-imagetopright {
  background-position: top right;
}
.e-m-tile .e-m-tile-image .e-m-tile-imagebottomright {
  background-position: bottom right;
}
.e-m-tile .e-m-tile-image .e-m-tile-imagebottomleft {
  background-position: bottom left;
}
.e-m-tile.e-m-tile-caption.e-m-caption-outer {
  padding: 0px;
}
.e-m-tile:not(.e-m-tile-imagefill):not(.e-m-windows) {
  padding: 10px;
}
.e-m-tile .e-m-tile-template {
  background-size: 100% 100%;
  width: inherit;
  height: inherit;
}
.e-m-tile .e-m-tile-image {
  width: 100%;
  height: 100%;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  position: absolute;
}
.e-m-tile .e-m-tile-image.e-m-tile-flip,
.e-m-tile .e-m-tile-image.e-m-tile-flipback {
  height: auto;
  backface-visibility: hidden;
}
/*Rounded corner*/

.e-m-tile-round-corner.e-m-caption-outer,
.e-m-tile-round-corner .e-m-tile-image {
  border-radius: 10px;
}
.e-m-tile .e-m-tile-selected::before {
  position: absolute;
  display: block;
  content: "";
  height: 5px;
  width: 10px;
  right: 4px;
  z-index: 102;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/*Tile Animation Starts*/

.e-m-tile.e-m-livetile-enable .e-m-tile-slideback {
  position: absolute;
  transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transition-duration: 350ms;
  -webkit-transition-duration: 350ms;
  -moz-transition-duration: 350ms;
}
.e-m-tile.e-m-livetile-enable .e-m-tile-slide {
  position: absolute;
  transform: translateY(118%);
  -webkit-transform: translateY(118%);
  -moz-transform: translateY(118%);
  -ms-transform: translateY(118%);
  transition-delay: 350ms;
  -webkit-transition-delay: 350ms;
  -ms-transition-delay: 350ms;
  transition-duration: 0ms;
  -webkit-transition-duration: 0ms;
  -moz-transition-duration: 0ms;
  -ms-transition-duration: 0ms;
}
.e-m-tile.e-m-livetile-enable .e-m-tile-slideup {
  position: absolute;
  transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transition-duration: 350ms;
  -webkit-transition-duration: 350ms;
  -moz-transition-duration: 350ms;
}
.e-m-tile.e-m-livetile-enable .e-m-tile-carouselback {
  position: absolute;
  transform: translateX(0px);
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  transition-duration: 350ms;
  -webkit-transition-duration: 350ms;
  -moz-transition-duration: 350ms;
}
.e-m-tile.e-m-livetile-enable .e-m-tile-carousel {
  position: absolute;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transition-delay: 350ms;
  -webkit-transition-delay: 350ms;
  -ms-transition-delay: 350ms;
  transition-duration: 0ms;
  -webkit-transition-duration: 0ms;
  -moz-transition-duration: 0ms;
  -ms-transition-duration: 0ms;
  z-index: -1;
}
.e-m-tile.e-m-livetile-enable .e-m-tile-carouselup {
  position: absolute;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transition-duration: 350ms;
  -webkit-transition-duration: 350ms;
  -moz-transition-duration: 350ms;
}
.e-m-tile.e-m-livetile-enable .e-m-tile-image.e-m-tile-flip {
  position: absolute;
  transform: perspective(1000px) rotateX(180deg);
  -webkit-transform: perspective(1000) rot ateX(180deg);
  -moz-transform: perspective(1000) rotateX(180deg);
  transition-duration: 350ms;
  -webkit-transition-duration: 350ms;
  -moz-transition-duration: 350ms;
}
.e-m-tile.e-m-livetile-enable .e-m-tile-image.e-m-tile-flipback {
  position: absolute;
  transform: perspective(1000px) rotateX(0deg);
  -webkit-transform: perspective(1000) rotateX(0deg);
  -moz-transform: perspective(1000) rotateX(0deg);
  transition-duration: 350ms;
  -webkit-transition-duration: 350ms;
  -moz-transition-duration: 350ms;
}
.e-m-tile.e-m-state-active .e-m-tile-overlay {
  opacity: 0.5;
}
.e-m-tile .e-m-tile-overlay {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0px;
}
@media screen and (min-width: 800px) {
  .e-m-tile.e-js.e-m-ios7.e-m-tile-small,
  .e-m-tile.e-js.e-m-android.e-m-tile-small {
    margin: 40px;
  }
}
/*Tile Ends*/

.e-m-windows .e-m-tile-group,
.e-m-flat .e-m-tile-group {
  float: left;
}
.e-m-windows .e-m-tile-group.aligncenter,
.e-m-flat .e-m-tile-group.aligncenter {
  display: table;
  float: none;
  margin: 0 auto;
  padding: 0;
}
.e-m-windows .e-m-tile-group,
.e-m-flat .e-m-tile-group {
  float: left;
}
.e-m-windows .e-m-tile-small-col-2,
.e-m-flat .e-m-tile-small-col-2 {
  width: 160px;
  float: left;
}
.e-m-windows .e-m-tile-group .e-m-tile-column,
.e-m-flat .e-m-tile-group .e-m-tile-column {
  float: left;
  overflow: hidden;
  padding-top: 5px;
  position: relative;
}
.e-m-windows .e-m-tile-group .e-m-tile-column .e-m-tile.e-m-tile-wide,
.e-m-windows .e-m-tile-group .e-m-tile-column .e-m-tile.e-m-tile-small,
.e-m-windows .e-m-tile-group .e-m-tile-column .e-m-tile.e-m-tile-medium,
.e-m-flat .e-m-tile-group .e-m-tile-column .e-m-tile.e-m-tile-wide,
.e-m-flat .e-m-tile-group .e-m-tile-column .e-m-tile.e-m-tile-small,
.e-m-flat .e-m-tile-group .e-m-tile-column .e-m-tile.e-m-tile-medium {
  float: left;
}
.e-m-flat.e-m-tile-group {
  position: relative;
  margin: 0 auto;
}
.e-m-flat .e-m-tile-group .e-m-tile-column {
  max-height: 100%;
  max-width: 320px;
}
/*Radial Slider start*/

.e-m-radialslider .e-m-rs-svg {
  overflow: visible;
}
/*Radial Slider end*/

/*Grid*/

.e-m-grid-core {
  border-collapse: collapse;
  font-family: segoe UI;
  font-size: 15px;
  height: auto;
  outline: 0 none;
  border-width: 1px;
  border-style: solid;
  text-shadow: 0 0 0;
  overflow: hidden;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
}
.e-m-grid-parent-container {
  position: relative;
  width: 100%;
  height: 100%;
}
.e-m-grid-core .e-m-grid-hcell .e-m-icon-grid-sort {
  font-size: 10px;
  height: 15px;
  text-indent: 0;
  line-height: 1;
  top: 20px;
  width: 15px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-weight: bold;
}
.e-m-grid-core .e-m-grid-hcell .e-m-title {
  position: relative;
  cursor: pointer;
}
.e-m-grid-core .e-m-grid-ascending .e-m-icon-grid-sort:before {
  content: "\ea95";
}
.e-m-grid-core .e-m-grid-descending .e-m-icon-grid-sort:before {
  content: "\ea93";
}
.e-m-grid-core .e-hide {
  display: none !important;
}
.e-m-grid-core.e-m-pagertype-scrollable .e-m-grid-inrpgr {
  width: 100%;
}
.e-m-grid-core.e-m-pagertype-scrollable .e-m-page-num:first-child {
  margin-left: 0;
}
.e-m-grid-core .e-m-grid-content .e-m-grid-table {
  border-collapse: separate;
  border-style: solid;
  border-width: 1px 0;
}
.e-m-grid-core .e-m-grid-table {
  width: 100%;
  table-layout: fixed;
  border: 0 none;
  border-collapse: separate;
  border-spacing: 0;
}
.e-m-grid-core.e-m-grid-pager {
  height: 30px;
  border: 0;
  padding: 0;
  position: fixed;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.e-m-grid-core.e-m-grid-pager.e-m-pager-normal {
  bottom: auto;
  position: static;
  display: block;
}
.e-m-grid-core.e-m-pager-normal .e-m-grid-pwrapper {
  margin-top: 0;
}
.e-m-grid-core .e-m-grid-content {
  overflow: hidden;
  border-width: 0;
  border-style: none;
}
.e-m-grid-core .e-m-grid-hdrsettings {
  overflow-x: hidden;
}
.e-m-grid-core .e-m-grid-header {
  overflow: hidden;
  background-repeat: repeat-x;
  background-attachment: scroll;
  background-position: 0 0;
  line-height: 3em;
  outline: none;
}
.e-m-grid-core .e-m-caption-row {
  height: 30px;
  border-collapse: collapse;
  border-width: 1px 0 0;
  border-style: solid;
  text-indent: 15px;
  padding-top: 10px;
  padding-bottom: 5px;
  font-size: 17px;
  text-align: left;
  position: relative;
}
.e-m-grid-core .e-m-grid-hdrcell {
  border-width: 0 1px 0 0;
  border-style: solid;
  border-collapse: collapse;
  padding: 0;
  text-align: left;
  vertical-align: middle;
  overflow: hidden;
  height: 50px;
  text-overflow: ellipsis;
}
.e-m-grid-core .e-m-grid-hdrcell.e-m-grid-lastth {
  border-right-width: 0;
}
.e-m-grid-core .e-m-grid-hcelldiv {
  white-space: nowrap;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 10px 0 10px;
  font-weight: normal;
  font-size: 17px;
}
.e-m-grid-core .e-m-grid-hcelldiv.e-m-filter {
  padding: 0 20px 0 10px;
}
.e-m-grid-core .e-m-grid-sel-rowhdr {
  overflow: hidden;
  padding: 0;
  border-style: none solid hidden none;
  border-width: 1px;
}
.e-m-grid-core .e-m-grid-rowcell,
.e-m-grid-core .e-m-grid-emptycell {
  border-collapse: collapse;
  border-style: solid;
  border-width: 0 1px 0 0;
  display: table-cell;
  overflow: hidden;
  padding: 0.7em;
  line-height: 1.3em;
  white-space: nowrap;
  width: auto;
  text-overflow: ellipsis;
  font-size: 17px;
  cursor: default;
}
.e-m-grid-core .e-m-grid-rowcell:last-child,
.e-m-grid-core .e-m-grid-emptycell:last-child {
  border-width: 0;
}
.e-m-grid-core .e-m-grid-asc,
.e-m-grid-core .e-m-grid-des,
.e-m-grid-core .e-m-grid-cle {
  display: inline-block;
  background-repeat: no-repeat;
  width: 25px;
  height: 16px;
}
.e-m-grid-core .e-m-grid-first,
.e-m-grid-core .e-m-grid-last,
.e-m-grid-core .e-m-grid-prev,
.e-m-grid-core .e-m-grid-next,
.e-m-grid-core .e-m-grid-dfirst,
.e-m-grid-core .e-m-grid-dlast,
.e-m-grid-core .e-m-grid-dprev,
.e-m-grid-core .e-m-grid-dnext,
.e-m-grid-core .e-m-grid-hfirst,
.e-m-grid-core .e-m-grid-hlast,
.e-m-grid-core .e-m-grid-hprev,
.e-m-grid-core .e-m-grid-hnext {
  font-family: 'Segoe UI';
}
.e-m-grid-core .e-m-grid-first,
.e-m-grid-core .e-m-grid-last,
.e-m-grid-core .e-m-grid-prev,
.e-m-grid-core .e-m-grid-next {
  position: relative;
}
.e-m-grid-core .e-m-grid-first:before,
.e-m-grid-core .e-m-grid-dfirst:before,
.e-m-grid-core .e-m-grid-hfirst:before {
  content: "\e696";
  position: absolute;
  left: 4px;
  top: 12px;
}
.e-m-grid-core .e-m-grid-next:before,
.e-m-grid-core .e-m-grid-dnext:before,
.e-m-grid-core .e-m-grid-hnext:before {
  content: "\e695";
  position: absolute;
  left: 5px;
  top: 12px;
}
.e-m-grid-core .e-m-grid-last:before,
.e-m-grid-core .e-m-grid-dlast:before,
.e-m-grid-core .e-m-grid-hlast:before {
  content: "\e6dc";
  position: absolute;
  left: 5px;
  top: 12px;
}
.e-m-grid-core .e-m-grid-prev:before,
.e-m-grid-core .e-m-grid-dprev:before,
.e-m-grid-core .e-m-grid-hprev:before {
  content: "\e6db";
  position: absolute;
  left: 4px;
  top: 12px;
}
.e-m-grid-core .e-m-grid-container {
  position: relative;
  margin-top: 0px;
}
.e-m-grid-core .e-m-grid-container.e-m-filter {
  margin-top: -41px;
}
.e-m-grid-header .e-m-grid-hdrsettings,
.e-m-grid-hdrcell .e-m-grid-col-elem,
.e-m-grid-core .e-m-grid-container,
.e-m-grid-core .e-m-grid-pwrapper {
  transition-property: margin-top;
  -moz-transition-property: margin-top;
  -webkit-transition-property: margin-top;
  -o-transition-property: margin-top;
  -ms-transition-property: margin-top;
  transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}
.e-m-grid-core .e-m-grid-fbardiv {
  height: 40px;
  position: relative;
  border-width: 1px 0 0;
  border-style: solid;
  display: flexbox;
  display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -o-box;
  visibility: hidden;
}
.e-m-grid-core .e-m-grid-fbardiv .e-m-grid-finput {
  height: 40px;
  flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  -o-box-flex: 1;
  -webkit-box-flex: 1;
}
.e-m-grid-hdrcell .e-m-grid-col-elem {
  height: 50px;
  width: 100%;
}
.e-m-grid-hdrcell .e-m-grid-col-elem.e-m-grid-coldesc {
  height: 50px;
  width: 100%;
  position: relative;
}
.e-m-grid-hdrcell .e-m-grid-col-elem .e-m-icon-grid-fltr {
  height: 50px;
  background-repeat: no-repeat;
  display: block;
  width: 25px;
  line-height: 52px;
  position: absolute;
  top: -2px;
  right: -8px;
  font-size: 13px;
}
.e-m-grid-core .e-m-grid-fbardiv .e-m-grid-finput form {
  height: 40px;
  margin: 0;
  width: 100%;
  padding: 0;
  position: relative;
}
.e-m-grid-core .e-m-grid-fbardiv input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  background: inherit;
  border-style: solid;
  border-width: 0;
  padding: 4px 0;
  position: absolute;
  text-indent: 30px;
  height: 30px;
  width: 100%;
  top: 5px;
}
.e-m-grid-core .e-m-grid-fbardiv input::-webkit-input-placeholder {
  text-indent: 30px;
}
.e-m-android .e-m-grid-core .e-m-grid-fbardiv .e-m-placeholder-css {
  padding: 0px;
  padding-left: 4px;
}
.e-m-grid-core .e-m-grid-fbardiv .e-m-icon-grid-search {
  font-size: 13px;
  height: 20px;
  left: 10px;
  line-height: 25px;
  position: absolute;
  top: 9px;
  width: 20px;
}
.e-m-grid-core .e-m-grid-fbardiv .e-m-icon-grid-search:before {
  content: "\e9bc";
}
.e-m-grid-core .e-m-grid-fbardiv .e-m-icon-grid-clear {
  font-size: 13px;
  height: 20px;
  line-height: 24px;
  position: absolute;
  right: 3px;
  text-indent: -2px;
  top: 10px;
  width: 20px;
}
.e-m-grid-core .e-m-grid-fbardiv .e-m-icon-grid-clear:before {
  content: "\eafb";
}
.e-m-grid-header .e-m-grid-inrhdr {
  height: 50px;
  overflow: hidden;
}
.e-m-grid-core .e-m-grid-col-elem .e-m-icon-grid-fltr:before {
  content: "\eaf5";
}
.e-m-grid-core .e-m-grid-pwrapper {
  margin-top: 46px;
  height: 45px;
}
.e-m-grid-core .e-m-grid-inrpgr {
  margin: 0;
  border: 0;
  background: none;
  height: 45px;
  padding: 2px;
  border: 1px;
  display: inline-block;
  padding: 0;
}
.e-m-grid-core .e-m-pagertype-normal .e-m-grid-inrpgr {
  padding: 10px 0;
  height: 25px;
}
.e-m-grid-core.e-m-grid-pager {
  height: 47px;
  background: none;
}
.e-m-grid-core.e-m-pagertype-scrollable .e-m-grid-inrpgr {
  width: 100%;
}
.e-m-grid-pwrapper .e-m-grid-inrpgr .e-m-grid-ptxt {
  height: 25px;
  line-height: 25px;
  position: relative;
  top: 0px;
  width: 30px;
  display: inline-block;
  margin-left: 15px;
}
.e-m-grid-core.e-m-pagertype-scrollable .e-m-grid-ptxt {
  width: 40%;
  overflow: hidden;
  top: 10px;
  margin: 0;
  vertical-align: top;
  padding: 0;
}
.e-m-grid-core .e-m-grid-inrpgr .e-m-fontimage {
  display: inline-block;
  margin-left: 15px;
}
.e-m-grid-core.e-m-pagertype-scrollable .e-m-pscroll {
  margin-left: 0;
  height: 25px;
  white-space: nowrap;
  left: 0;
}
.e-m-grid-core.e-m-pagertype-scrollable .e-m-grid-ptxt .e-m-page-num,
.e-m-grid-core .e-m-grid-pwrapper .e-m-fontimage {
  width: 24px;
  height: 24px;
  cursor: pointer;
  display: inline-block;
  border-width: 0px;
  border-radius: 15px;
  margin-left: 15px;
  line-height: 28px;
  font-size: 16px;
  vertical-align: top;
}
.e-m-grid-core.e-m-pagertype-scrollable .e-m-grid-ptxt .e-m-page-num.e-m-page-large {
  width: 30px;
  border-radius: 10px;
}
.e-m-grid-core.e-m-pagertype-scrollable .e-m-grid-ptxt .e-m-page-num {
  line-height: 23px;
  font-size: 15px;
}
.e-m-grid-core.e-m-pagertype-scrollable .e-m-page-num:first-child {
  margin-left: 0;
}
.e-m-grid-core .e-m-grid-inrpgr .e-m-grid-hprev,
.e-m-grid-core .e-m-grid-inrpgr .e-m-grid-hnext,
.e-m-grid-core .e-m-grid-inrpgr .e-m-grid-hfirst,
.e-m-grid-core .e-m-grid-inrpgr .e-m-grid-hlast {
  display: none;
  height: 24px;
  margin-left: 0px;
  margin-top: 0px;
  position: absolute;
  width: 24px;
  top: 0;
}
.e-m-grid-core.e-m-pagertype-scrollable .e-m-grid-ptxt {
  width: 531px;
}
.e-m-grid-core.e-m-pager-fixed .e-m-grid-pwrapper {
  margin-top: 0;
}
.e-m-grid-core .e-m-grid-inrpgr .e-m-grid-last,
.e-m-grid-core .e-m-grid-inrpgr .e-m-grid-hlast {
  margin-right: 15px;
}
.e-m-grid-container .e-m-grid-core {
  display: inline-block;
}
.e-m-grid-core .e-m-grid-colnav {
  font-size: 24px;
  height: 30px;
  position: absolute;
  right: 5px;
  text-align: center;
  top: 7px;
  width: 30px;
  text-indent: 0;
}
.e-m-grid-core .e-m-grid-colnav:before {
  content: "\e691";
}
.e-m-grid-core.e-m-grid-colnavcontainer {
  width: 100%;
  border: none;
}
.e-m-mobile .e-m-grid-core.e-m-grid-colnavcontainer {
  height: 100%;
}
/*Grid End*/

/* Radial Menu */

.e-m-radial {
  height: 50px;
  width: 50px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  border-radius: 50%;
}
.e-m-radialright {
  float: right;
}
.e-m-radiallefttop,
.e-m-radialrighttop {
  top: 0px;
}
.e-m-radialleftbottom,
.e-m-radialrightbottom {
  bottom: 0px;
}
.e-m-radialmenu.e-m-overlow {
  overflow: hidden;
  width: 100%;
}
.e-m-radialmenu .e-m-abs {
  position: absolute;
}
.e-m-radialmenu .e-m-rel {
  position: relative;
}
.e-m-radialmenu.e-m-displaynone,
.e-m-radialmenu .e-m-displaynone {
  display: none;
}
.e-m-radialmenu .e-m-itemdisabled {
  opacity: 0.4;
  pointer-events: none;
}
.e-m-radialmenu .e-m-pathdisabled {
  pointer-events: none;
}
.e-m-radialmenu .e-m-badgetext {
  text-anchor: middle;
  font-size: 10px;
  font-family: 'Segoe UI';
}
.e-m-radialmenu .e-m-radialshow,
.e-m-radialslider.e-m-slider-show {
  -moz-animation: radialshow 300ms;
  -webkit-animation: radialshow 300ms;
  -o-animation: radialshow 300ms;
  -ms-animation: radialshow 300ms;
  animation: radialshow 300ms;
}
@-moz-keyframes radialshow {
  from {
    -moz-transform: rotate(-70deg) scale(0.7);
  }
  to {
    -moz-transform: rotate(0deg) scale(1);
  }
}
@-webkit-keyframes radialshow {
  from {
    -webkit-transform: rotate(-70deg) scale(0.7);
  }
  to {
    -webkit-transform: rotate(0deg) scale(1);
  }
}
@-o-keyframes radialshow {
  from {
    -o-transform: rotate(-70deg) scale(0.7);
  }
  to {
    -o-transform: rotate(0deg) scale(1);
  }
}
@-ms-keyframes radialshow {
  from {
    -ms-transform: rotate(-70deg) scale(0.7);
  }
  to {
    -ms-transform: rotate(0deg) scale(1);
  }
}
@keyframes radialshow {
  from {
    transform: rotate(-70deg) scale(0.7);
  }
  to {
    transform: rotate(0deg) scale(1);
  }
}
.e-m-radialmenu .e-m-radialhide,
.e-m-radialslider.e-m-slider-hide {
  -moz-animation: radialhide 300ms;
  -webkit-animation: radialhide 300ms;
  -o-animation: radialhide 300ms;
  -ms-animation: radialhide 300ms;
  animation: radialhide 300ms;
}
@-moz-keyframes radialhide {
  from {
    -moz-transform: rotate(0deg) scale(1);
  }
  to {
    -moz-transform: rotate(-70deg) scale(0.7);
  }
}
@-webkit-keyframes radialhide {
  from {
    -webkit-transform: rotate(0deg) scale(1);
  }
  to {
    -webkit-transform: rotate(-70deg) scale(0.7);
  }
}
@-o-keyframes radialhide {
  from {
    -o-transform: rotate(0deg) scale(1);
  }
  to {
    -o-transform: rotate(-70deg) scale(0.7);
  }
}
@-ms-keyframes radialhide {
  from {
    -ms-transform: rotate(0deg) scale(1);
  }
  to {
    -ms-transform: rotate(-70deg) scale(0.7);
  }
}
@keyframes radialhide {
  from {
    transform: rotate(0deg) scale(1);
  }
  to {
    transform: rotate(-70deg) scale(0.7);
  }
}
.e-m-radialmenu .e-m-scalehide {
  -moz-animation: scalehide 300ms;
  -webkit-animation: scalehide 300ms;
  -o-animation: scalehide 300ms;
  -ms-animation: scalehide 300ms;
  animation: scalehide 300ms;
}
@-moz-keyframes scalehide {
  from {
    -moz-transform: scale(1);
  }
  to {
    -moz-transform: scale(0.4);
  }
}
@-webkit-keyframes scalehide {
  from {
    -webkit-transform: scale(1);
  }
  to {
    -webkit-transform: scale(0.4);
  }
}
@-o-keyframes scalehide {
  from {
    -o-transform: scale(1);
  }
  to {
    -o-transform: scale(0.4);
  }
}
@-ms-keyframes scalehide {
  from {
    -ms-transform: scale(1);
  }
  to {
    -ms-transform: scale(0.4);
  }
}
@keyframes scalehide {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.4);
  }
}
.e-m-radialmenu .e-m-scaleshow {
  -moz-animation: scaleshow 300ms;
  -webkit-animation: scaleshow 300ms;
  -o-animation: scaleshow 300ms;
  -ms-animation: scaleshow 300ms;
  animation: scaleshow 300ms;
}
@-moz-keyframes scaleshow {
  from {
    -moz-transform: scale(0.4);
  }
  to {
    -moz-transform: scale(1);
  }
}
@-webkit-keyframes scaleshow {
  from {
    -webkit-transform: scale(0.4);
  }
  to {
    -webkit-transform: scale(1);
  }
}
@-o-keyframes scaleshow {
  from {
    -o-transform: scale(0.4);
  }
  to {
    -o-transform: scale(1);
  }
}
@-ms-keyframes scaleshow {
  from {
    -ms-transform: scale(0.4);
  }
  to {
    -ms-transform: scale(1);
  }
}
@keyframes scaleshow {
  from {
    transform: scale(0.4);
  }
  to {
    transform: scale(1);
  }
}
/* Radial Menu End */

/* Revamp */

/* SVG Icons */

@font-face {
  font-family: 'ejmmobilefonts';
  src: url('images/ejmmobilefonts.eot?5sqe2e');
  src: url('images/ejmmobilefonts.eot?5sqe2e#iefix') format('embedded-opentype'), url('images/ejmmobilefonts.ttf?5sqe2e') format('truetype'), url('images/ejmmobilefonts.woff?5sqe2e') format('woff'), url('images/ejmmobilefonts.svg?5sqe2e#ejmmobilefonts') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="e-m-icon-"]::before,
[class*=" e-m-icon-"]::before {
  font-family: 'ejmmobilefonts' !important;
}
[class^="e-m-icon-"],
[class*=" e-m-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ejmmobilefonts';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* better font rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.e-m-icon-plus:before {
  content: "\ea81";
}
.e-m-icon-cut:before {
  content: "\eaa4";
}
.e-m-icon-copy:before {
  content: "\e955";
}
.e-m-icon-save:before {
  content: "\eacb";
}
.e-m-icon-search:before {
  content: "\e9bc";
}
.e-m-icon-check:before,
.e-m-lv-checked .e-m-lv-content:before {
  content: "\ea9c";
}
.e-m-icon-eye:before {
  content: "\ead1";
}
.e-m-icon-up:before {
  content: "\ea95";
}
.e-m-icon-down:before {
  content: "\ea93";
}
.e-m-icon-back:before,
.e-m-btn-back:before {
  content: "\e947";
}
.e-m-icon-mail:before {
  content: "\ea69";
}
.e-m-icon-compose:before {
  content: "\eac1";
}
.e-m-icon-reply:before {
  content: "\e9c3";
}
.e-m-icon-delete:before {
  content: "\e90e";
}
.e-m-icon-settings:before {
  content: "\e9bd";
}
.e-m-icon-arrow:before {
  content: "\eaf8";
}
.e-m-icon-overflow:before {
  content: "\eaf9";
}
.e-m-icon-filter:before {
  content: "\eaf5";
}
.e-m-icon-grid-filter:before {
  content: "\eaf6";
}
.e-m-icon-close:before,
.e-m-icon-clear:before {
  content: "\eafb";
}
/* Svg Icons ends */

/*Appview CSS*/

.appview,
.subview {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}
.page {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.appview.rendering,
.subview.rendering,
.appview.rendering *,
.subview.rendering * {
  visibility: hidden;
}
* {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
.appview.e-m-ios7 {
  cursor: pointer;
}
.appview.e-m-ios * {
  font-family: Helvetica, sans-serif;
}
.appview.e-m-android * {
  font-family: roboto, Sans-Serif;
}
.e-m-ios7,
.e-m-ios7 [class^="e-"]:not(text),
.e-m-ios7 [class*=" e-"]:not(text) {
  font-family: "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;
  font-weight: normal;
}
.e-m-android,
.e-m-android [class^="e-"]:not(text),
.e-m-android [class*=" e-"]:not(text) {
  font-family: Roboto;
  font-size: 18px;
  font-weight: normal;
}
.e-m-windows,
.e-m-windows [class^="e-"]:not(text),
.e-m-windows [class*=" e-"]:not(text),
.e-m-flat,
.e-m-flat [class^="e-"]:not(text),
.e-m-flat [class*=" e-"]:not(text) {
  font-family: Segoe UI;
  font-weight: normal;
}
.e-m-waitingpopup {
  height: 100%;
  opacity: 0.4;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100008;
  background: black;
}
.e-m-waitingpopup .e-m-image {
  background-repeat: no-repeat;
  color: White;
  height: 32px;
  margin: 0 auto;
  padding-top: 6px;
  position: relative;
  text-indent: 37px;
  width: 115px;
  top: calc(100% / 2 - 16px);
}
.e-m-ios7.e-m-waitingpopup .e-m-image {
  background: url("images/waitingpopup/waitingpopup_ios7.gif") no-repeat left center;
}
.e-m-android.e-m-waitingpopup .e-m-image {
  background: url("images/waitingpopup/waitingpopup_android.GIF") no-repeat left center;
}
.e-m-windows.e-m-waitingpopup .e-m-image {
  background: url("images/waitingpopup/waitingpopup_windows.gif") no-repeat left center;
  padding-top: 20px;
}
.e-m-windows.e-m-tablet.e-m-waitingpopup .e-m-image {
  background: url("images/waitingpopup/waitingpopup_winrt.gif") no-repeat left center;
  padding-top: 4px;
}
/*Appview CSS ends*/

/*Common Styles*/

html {
  height: 100%;
  -ms-touch-action: none;
  min-height: 100%;
  touch-action: none;
  position: relative;
}
body.e-m-viewport {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  line-height: normal;
}
body {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  -ms-content-zooming: none;
  content-zooming: none;
  -ms-user-select: none;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background-size: 100%;
  margin: 0px;
}
.e-js {
  display: block;
}
.e-m-overlay {
  position: fixed;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background: none repeat scroll 0 0 black;
  z-index: 100004;
  opacity: 0.2;
}
a.e-m-link-inherit {
  text-decoration: none;
}
.e-m-skew-bottomleft,
.e-m-skew-bottomright,
.e-m-skew-topright,
.e-m-skew-topleft,
.e-m-skew-top,
.e-m-skew-bottom,
.e-m-skew-left,
.e-m-skew-right,
.e-m-skew-center {
  transition: transform 250ms;
}
.e-m-skew-top {
  transform: perspective(1000px) rotateX(10deg);
  -webkit-transform: perspective(1000) rotate3d(1, 0, 0, 10deg);
  -moz-transform: perspective(1000) rotate3d(1, 0, 0, 10deg);
  -webkit-transition-duration: 350ms;
  -moz-transition-duration: 350ms;
}
.e-m-skew-bottom {
  transform: perspective(1000px) rotateX(-10deg);
  -webkit-transform: perspective(1000) rotate3d(1, 0, 0, -10deg);
  -moz-transform: perspective(1000) rotate3d(1, 0, 0, -10deg);
  -webkit-transition-duration: 350ms;
  -moz-transition-duration: 350ms;
}
.e-m-skew-left {
  transform: perspective(1000px) rotateY(-10deg);
  -webkit-transform: perspective(1000) rotateY(-10deg);
  -moz-transform: perspective(1000) rotateY(-10deg);
  -webkit-transition-duration: 350ms;
  -moz-transition-duration: 350ms;
}
.e-m-skew-right {
  transform: perspective(1000px) rotateY(10deg);
  -webkit-transform: perspective(1000) rotateY(10deg);
  -moz-transform: perspective(1000) rotateY(10deg);
  -webkit-transition-duration: 350ms;
  -moz-transition-duration: 350ms;
}
.e-m-skew-center {
  transform: perspective(1000px) scale(0.95);
  -webkit-transform: perspective(1000) scale(0.95);
  -moz-transform: perspective(1000) scale(0.95);
  -webkit-transition-duration: 350ms;
  -moz-transition-duration: 350ms;
}
.e-m-tile-backface {
  backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  position: absolute;
}
.e-m-skew-topleft {
  transform: perspective(1000px) rotateX(10deg) rotateY(-10deg);
}
.e-m-skew-topright {
  transform: perspective(1000px) rotateX(10deg) rotateY(10deg);
}
.e-m-skew-bottomright {
  transform: perspective(1000px) rotateX(-10deg) rotateY(10deg);
}
.e-m-skew-bottomleft {
  transform: perspective(1000px) rotateX(-10deg) rotateY(-10deg);
}
.e-m-font-small {
  font-size: 14px;
}
.e-m-font-normal {
  font-size: 17px;
}
.e-m-font-large {
  font-size: 21px;
}
.e-m-state-disabled {
  opacity: 0.3;
  filter: alpha(opacity=40);
  pointer-events: none;
}
ul {
  padding: 0;
  margin: 0;
}
.e-m-state-disabled,
.e-m-state-disabled a {
  cursor: default;
}
.e-m-shadow {
  -moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.6);
}
.e-m-corner-br {
  -moz-border-radius-bottomright: 0.6em;
  -webkit-border-bottom-right-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
}
.e-m-corner-bl {
  -moz-border-radius-bottomleft: 0.6em;
  -webkit-border-bottom-left-radius: 0.6em;
  border-bottom-left-radius: 0.6em;
}
.e-m-corner-tl {
  -moz-border-radius-topleft: 0.6em;
  -webkit-border-top-left-radius: 0.6em;
  border-top-left-radius: 0.6em;
}
.e-m-corner-tr {
  -moz-border-radius-topright: 0.6em;
  -webkit-border-top-right-radius: 0.6em;
  border-top-right-radius: 0.6em;
}
.e-m-corner-top {
  -moz-border-radius-topleft: 0.6em;
  -webkit-border-top-left-radius: 0.6em;
  border-top-left-radius: 0.6em;
  -moz-border-radius-topright: 0.6em;
  -webkit-border-top-right-radius: 0.6em;
  border-top-right-radius: 0.6em;
}
.e-m-corner-bottom {
  -moz-border-radius-bottomleft: 0.6em;
  -webkit-border-bottom-left-radius: 0.6em;
  border-bottom-left-radius: 0.6em;
  -moz-border-radius-bottomright: 0.6em;
  -webkit-border-bottom-right-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
}
.e-m-corner-left {
  -moz-border-radius-bottomleft: 0.6em;
  -webkit-border-bottom-left-radius: 0.6em;
  border-bottom-left-radius: 0.6em;
  -moz-border-radius-topleft: 0.6em;
  -webkit-border-top-left-radius: 0.6em;
  border-top-left-radius: 0.6em;
}
.e-m-corner-right {
  -moz-border-radius-bottomright: 0.6em;
  -webkit-border-bottom-right-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
  -moz-border-radius-topright: 0.6em;
  -webkit-border-top-right-radius: 0.6em;
  border-top-right-radius: 0.6em;
}
.e-m-corner-all {
  -moz-border-radius: 0.6em;
  -webkit-border-radius: 0.6em;
  border-radius: 0.6em;
}
.e-m-border-left {
  border-left: 1px solid;
}
.e-m-border-right {
  border-right: 1px solid;
}
.e-m-border-bottom {
  border-bottom: 1px solid;
}
.e-m-border-top {
  border-top: 1px solid;
}
.e-m-clearall {
  padding: 0;
  margin: 0;
}
.e-m-auto-hw {
  height: auto;
  width: auto;
}
.e-m-margin {
  margin: 0;
}
.e-m-padding {
  padding: 0;
}
.e-m-border-none {
  border: 0;
}
.e-m-rel {
  position: relative;
}
.e-m-abs {
  position: absolute;
}
.e-m-fixed {
  position: fixed;
}
.e-m-display-none {
  display: none;
}
.e-m-overflow-visible {
  overflow: visible;
}
.e-m-image {
  border: 0 none transparent;
}
.e-m-remove-shadow {
  text-decoration: none;
  text-shadow: 0 0 0;
}
.e-m-state-hide,
.e-m-hide {
  display: none;
}
.e-m-state-block {
  display: block;
}
*[class^="e-m-"] input,
*[class^="e-m-"] button {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  text-shadow: none;
  text-decoration: none;
  box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.2);
  moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.2);
  webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.2);
  -webkit-appearance: none;
  outline: none;
}
input[type="button"]::-moz-focus-inner,
button::-moz-focus-inner {
  border: 0;
}
*[class^="e-m-"] a,
*[class^="e-m-"] a:hover {
  text-decoration: none;
  -webkit-appearance: none;
}
.e-m-inline {
  display: inline-block;
}
.e-m-show {
  display: block;
}
.e-m-hidden {
  visibility: hidden;
}
.e-m-visible {
  visibility: visible;
}
.e-m-text-center {
  text-align: center;
}
.e-m-user-select {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  /* No support for these yet, use at own risk */
  -o-user-select: none;
  user-select: none;
}
/*Common style Ends*/

/*Accordion*/

.e-m-acc .e-m-acc-item,
.e-m-acc .e-m-acc-content-wrapper {
  list-style: none;
  overflow: hidden;
}
.e-m-acc-item.e-ripple {
  position: relative;
  overflow: hidden;
}
.e-m-acc .e-m-acc-content-wrapper {
  padding: 14px 16px;
}
.e-m-acc {
  outline: none;
  border-top: 1px solid;
}
.e-m-acc .e-m-acc-item,
.e-m-acc .e-m-acc-content-wrapper {
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-right: 1px solid;
}
.e-m-acc .e-m-acc-item.e-m-state-active {
  border: none;
}
.e-m-acc .e-m-acc-item {
  position: relative;
}
.e-m-acc .e-m-acc-item:before {
  position: absolute;
  font-weight: 600;
  transition: transform 300ms linear 0s;
  -webkit-transition: -webkit-transform 300ms linear 0s;
}
/*Accordion Ends*/

/*Button*/

.e-m-btn {
  white-space: nowrap;
}
.e-m-btn.e-ripple {
  overflow: hidden;
  position: relative;
}
.e-m-btn-image {
  cursor: pointer;
  outline: 0 none;
}
.e-m-btn-large {
  width: 100%;
  text-align: center;
}
.e-m-btn-back.e-m-btn-image:before {
  font-size: 22px;
  position: relative;
  top: 4px;
  right: 4px;
}
.e-m-actionlink.e-m-btn {
  text-decoration: none;
}
.e-m-btn-image.e-m-btn-image {
  background-repeat: no-repeat;
  background-size: 24px 24px;
  background-position: 5px 3px;
}
.e-m-btn-image.e-m-btn-imageonly {
  min-width: 0px;
  width: 34px;
  height: 30px;
  overflow: hidden;
}
.e-m-btn-image.e-m-image-left.e-m-btn-image {
  background-position: left center;
  padding-left: 34px;
}
.e-m-btn-image.e-m-image-right.e-m-btn-image {
  background-position: right center;
  padding-right: 34px;
}
.e-m-btn-image.e-m-btn-imageonly.e-m-btn-image {
  height: 36px;
  width: 36px;
}
.e-m-btn.e-m-btn-image.e-m-image-right:before,
.e-m-actionlink.e-m-ios7.e-m-btn.e-m-btn-image.e-m-image-right:before {
  float: right;
  left: 21px;
  position: relative;
  top: 16px;
}
.e-m-btn.e-m-btn-image.e-m-image-left:before,
.e-m-actionlink.e-m-ios7.e-m-btn.e-m-btn-image.e-m-image-left:before {
  float: left;
  position: relative;
  right: 24px;
}
/*Button Ends*/

/*NavBar*/

.e-m-navbar {
  width: 100%;
  z-index: 2;
  overflow: hidden;
}
.e-m-navbar.e-m-navbar-top.e-m-navbar-header.e-m-navbar-template,
.e-m-navbar.e-m-navbar-bottom.e-m-navbar-header.e-m-navbar-template,
.e-m-navbar.e-m-navbar-top.e-m-navbar-toolbar.e-m-navbar-template,
.e-m-navbar.e-m-navbar-bottom.e-m-navbar-toolbar.e-m-navbar-template {
  height: auto;
  padding: 0px;
}
.e-m-navbar.e-m-navbar-top {
  top: 0;
}
.e-m-navbar.e-m-navbar-bottom {
  bottom: 0;
}
.e-m-navbar .e-m-navbar-text {
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.e-m-navbar .e-m-navbar-text.e-m-title-left {
  text-align: left;
}
.e-m-navbar .e-m-navbar-text.e-m-title-center {
  text-align: center;
}
.e-m-navbar .e-m-navbar-text.e-m-title-right {
  text-align: right;
}
.e-m-navbar.e-m-navbar-hide {
  display: none;
}
/*Button Related Styles*/

.e-m-navbar .e-m-navbar-right {
  float: right;
}
.e-m-navbar .e-m-navbar-icon,
.e-m-navbar .e-m-navbar-ellipsis {
  box-shadow: none;
}
/*Toolbar Related Styles*/

.e-m-navbar.e-m-navbar-toolbar.e-m-navbar-bottom {
  padding: 0;
}
.e-m-navbar.e-m-navbar-toolbar.e-m-navbar-bottom .e-m-navbar-container {
  width: 100%;
  display: table;
  table-layout: fixed;
}
.e-m-navbar.e-m-navbar-toolbar.e-m-navbar-bottom .e-m-navbar-icon {
  display: table-cell;
}
.e-m-navbar.e-m-navbar-toolbar.e-m-navbar-bottom .e-m-navbar-icon.e-m-hide {
  display: none;
}
.e-m-navbar.e-m-navbar-toolbar.e-m-navbar-top .e-m-navbar-icon {
  float: left;
}
.e-m-navbar.e-m-navbar-top .e-m-navbar-container {
  position: absolute;
  right: 0;
  top: 0;
}
.e-m-navbar.e-m-navbar-top .e-m-navbar-container.e-m-margin-right {
  right: 56px;
}
.e-m-navbar.e-m-navbar-top .e-m-navbar-text.e-m-margin-right-1 {
  margin-right: 56px;
}
.e-m-navbar.e-m-navbar-top .e-m-navbar-text.e-m-margin-right-2 {
  margin-right: 112px;
}
.e-m-navbar.e-m-navbar-top .e-m-navbar-text.e-m-margin-right-3 {
  margin-right: 168px;
}
.e-m-navbar .e-m-overflow-container {
  display: none;
}
.e-m-navbar .e-m-navbar-icon {
  text-align: center;
  list-style: none;
  overflow: hidden;
  position: relative;
}
.e-m-navbar .e-m-navbar-icon.e-m-nav-badge::after {
  border-radius: 50%;
  content: attr(badgeValue);
  font-size: 10px;
  line-height: 18px;
  height: 18px;
  min-width: 18px;
  position: absolute;
}
.e-m-navbar .e-m-navbar-ellipsis {
  width: 56px;
  text-align: center;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
}
.e-m-navbar.e-m-navbar-toolbar.e-m-navbar-bottom .e-m-group-icons {
  width: auto;
  margin: auto;
}
.e-m-navbar.e-m-navbar-toolbar.e-m-navbar-bottom .e-m-group-icons.e-m-more {
  padding-right: 56px;
}
.e-m-navbar.e-m-navbar-toolbar.e-m-navbar-bottom .e-m-group-icons .e-m-navbar-icon.e-m-nav-badge::after,
.e-m-navbar.e-m-navbar-top .e-m-navbar-icon.e-m-nav-badge::after {
  left: 50%;
}
@media (max-width: 640px) {
  .e-m-navbar.e-m-navbar-bottom .e-m-split-icons .e-m-navbar-icon.e-m-nav-badge::after {
    left: 50%;
  }
}
@media (min-width: 640px) {
  .e-m-navbar.e-m-navbar-bottom .e-m-split-icons .e-m-navbar-icon.e-m-nav-badge::after {
    left: 75%;
  }
}
/*NavBar Ends*/

/* Rotator starts*/

.e-m-rotator {
  overflow: hidden;
  position: relative;
}
.e-m-rotator .e-m-sv-container {
  position: relative;
  font-size: 0;
}
.e-m-rotator .e-m-horizontal {
  white-space: nowrap;
}
.e-m-rotator .e-m-sv-container .e-m-item {
  display: inline-block;
  margin: 0;
  height: 100%;
  width: 100%;
  position: relative;
  vertical-align: top;
}
.e-m-rotator-spanleft {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.e-m-rotator-image {
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  margin: auto;
  height: 80%;
}
.e-m-rotator-p {
  text-align: center;
  margin-top: 20px;
}
.e-m-rotator .e-m-abs .e-m-sv-pager {
  border-radius: 8px 8px 8px 8px;
  display: inline-block;
  height: 8px;
  margin: 2px;
  width: 8px;
  border-width: 1px;
  border-style: solid;
}
.e-m-rotator .e-m-abs.e-m-sv-pagerbottom {
  bottom: 5px;
}
.e-m-rotator .e-m-abs.e-m-sv-pagertop {
  top: 5px;
}
.e-m-rotator .e-m-abs.e-m-sv-pagerright,
.e-m-rotator .e-m-abs.e-m-sv-pagerleft {
  width: 15px;
  line-height: 2px;
}
.e-m-rotator .e-m-abs.e-m-sv-pagerright {
  right: 0;
}
.e-m-rotator .e-m-abs.e-m-sv-pagerleft {
  left: 0;
}
.e-m-rotator .e-m-abs .e-m-active {
  border: 0 none;
  height: 8px;
  width: 8px;
}
/*Rotator Ends*/

/*Dialog Core starts*/

.e-m-dialog {
  bottom: 0px;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100005;
  overflow: hidden;
}
.e-m-dialog .e-m-dlg-container {
  margin: auto;
  top: 50%;
  left: 50%;
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.e-m-dialog.e-m-custom .e-m-dlg-content {
  margin: 16px;
}
.e-m-dialog .e-m-dlg-content {
  overflow: hidden;
}
.e-m-dialog .e-m-dlg-container {
  z-index: 100005;
}
.e-m-dialog .e-m-dlg-container.e-m-dlg-maxwidth {
  max-width: 320px;
}
.e-m-dialog .e-m-dlg-hdr {
  font-size: 18px;
}
.e-m-dialog .e-m-dlg-btn {
  cursor: pointer;
  border: medium none;
}
.e-m-dialog.e-m-hide .e-m-overlay {
  opacity: 0;
}
.e-m-windows.e-m-dialog .e-m-dlg-hideanimate,
.e-m-flat.e-m-dialog .e-m-dlg-hideanimate {
  -moz-animation: winflat_dlg_hide 0.2s;
  -webkit-animation: winflat_dlg_hide 0.2s;
  -o-animation: winflat_dlg_hide 0.2s;
  -ms-animation: winflat_dlg_hide 0.2s;
  animation: winflat_dlg_hide 0.2s;
}
@-webkit-keyframes winflat_dlg_hide {
  from {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  to {
    transform: translateX(-50%) translateY(-50%) translateZ(-100px) scale(1.1);
    opacity: 0;
  }
}
@-moz-keyframes winflat_dlg_hide {
  from {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  to {
    transform: translateX(-50%) translateY(-50%) translateZ(-100px) scale(1.1);
    opacity: 0;
  }
}
@-o-keyframes winflat_dlg_hide {
  from {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  to {
    transform: translateX(-50%) translateY(-50%) translateZ(-100px) scale(1.1);
    opacity: 0;
  }
}
@-ms-keyframes winflat_dlg_hide {
  from {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  to {
    transform: translateX(-50%) translateY(-50%) translateZ(-100px) scale(1.1);
    opacity: 0;
  }
}
@keyframes winflat_dlg_hide {
  from {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  to {
    transform: translateX(-50%) translateY(-50%) translateZ(-100px) scale(1.1);
    opacity: 0;
  }
}
.e-m-windows.e-m-dialog .e-m-dlg-showanimate,
.e-m-flat.e-m-dialog .e-m-dlg-showanimate {
  -moz-animation: winflat_dlg_show 0.2s;
  -webkit-animation: winflat_dlg_show 0.2s;
  -o-animation: winflat_dlg_show 0.2s;
  -ms-animation: winflat_dlg_show 0.2s;
  animation: winflat_dlg_show 0.2s;
}
@-webkit-keyframes winflat_dlg_show {
  from {
    transform: translateX(-50%) translateY(-50%) translateZ(-100em) scale(1.1);
    opacity: 0;
  }
  to {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
}
@-moz-keyframes winflat_dlg_show {
  from {
    transform: tra